jquery - Checking element width with Javascript -
i'm working website did, , i'm having difficulties javascript.
i'm trying current width of div, , not what's in css. when resize window, need new div width (resize jquery).
i'm using code:
if(document.getelementbyid("header").offsetwidth<1270){ alert("cheguei aqui"); } i thought if element width lower 1270, send alert. isn't working.
this header div.
<div id="header"> <div class="container"> <div class="two columns" id="logo-wrap"> <a href="index.html"> <div id="logo2"></div> </a> <select id="header-mobile-menu"> <option value="index.html">home</option> <option value="quem somos.html">quem somos</option> <option value="consulta.html">consultas</option> <option value="exame.html">exames</option> <option value="terapias.html">terapias alternativas</option> <option value="acaosocial.html">ação social</option> <option value="contato.html">contato </option> </select> </div> <div class="fourteen columns"> <nav> <ul id="menu-header-menu" class="menu"> <li><a href="index.html">home</a></li> <li><a href="quem somos.html">quem somos</a></li> <li><a href="consulta.html">consultas</a></li> <li><a href="exame.html">exames</a></li> <li><a href="parceiros.html">parceiros</a></li> <li><a href="contato.html">contato</a> </li> </ul> </nav> </div> <!-- place tag want search box render --> <div class="searchgoogle"><gcse:searchbox-only></gcse:searchbox-only></div> <br class="clear" /> </div> <div id="socialdiv"> <div id="social-button"> <a href="http://www.facebook.com/centralife" target="_blank"> <div id="facebook-img"></div></a> <a href="https://twitter.com/centrallife1" target="_blank"> <div id="twitter-img"></div></a> <a href="http://www.orkut.com.br/main#profile?uid=9858410708954250541" target="_blank"> <div id="orkut-img"></div></a> <a href="http://centralifesaude.blogspot.com.br/" target="_blank"> <div id="blog-img"></div></a> <a href="http://www.youtube.com/watch?v=0uhjl-ykpt8&feature=plcp" target="_blank"> <div id="youtube-img"></div></a> </div> </div> </div> css have lot of "header" declarations, it's hard get'em. way, javascript doesn't affect css, it?
what's wrong?
i don't know code working well:
$(window).resize(function(){ if($('#header').width() < 1270){ alert('teste'); } })
Comments
Post a Comment