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

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -