Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

macielcr7

[Resolvido] Mudar Texto ao redimensionar o Browser

Recommended Posts

Opa Bom Dia ...

tenho uma pagina com o seguinte codigo....

 

 

<script>
        var windowWidth = document.documentElement.clientWidth;
		window.onload = function Menu(){
		 // 1213 1123 961 810 	
		 if(windowWidth>=1213){
		     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página Inicial</span></a></li></ul>';
		  }
		 if(windowWidth<=1213){
		     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página 1213</span></a></li></ul>';
		  } if (windowWidth<=1123){
		     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página 1123</span></a></li></ul>';
		  } if(windowWidth<=961){
		     document.getElementById('pessoaDIV').innerHTML = 'resolução nova';
		  } if(windowWidth<=810){
		     document.getElementById('pessoaDIV').innerHTML = 'resolução nova 810';
		  }
		  
	    }
	 
</script>

<div id="pessoaDIV">

</div>

beleza tá funcionando direito....

 

mais agora é o problema eu queria que quando o usuario redimensionase o Navegador execultase essa function....

 

como posso fazer isso ?

Vlws

Compartilhar este post


Link para o post
Compartilhar em outros sites

simpla

 

<script>
       
                window.onresize = function Menu(){
 		var windowWidth = document.documentElement.clientWidth;
                 // 1213 1123 961 810   
                 if(windowWidth>=1213){
                     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página Inicial</span></a></li></ul>';
                  }
                 if(windowWidth<=1213){
                     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página 1213</span></a></li></ul>';
                  } if (windowWidth<=1123){
                     document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" >     <li><a href="#"><span>Página 1123</span></a></li></ul>';
                  } if(windowWidth<=961){
                     document.getElementById('pessoaDIV').innerHTML = 'resolução nova';
                  } if(windowWidth<=810){
                     document.getElementById('pessoaDIV').innerHTML = 'resolução nova 810';
                  }
            }
         
</script>

<div id="pessoaDIV">

</div>

abs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado amigo eu sabia que era só nessa parte do window..... alguma coisa só que eu tinha me esqueçido...kkkkkkkkk

 

vlws amigo....

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.