Ir para conteúdo

POWERED BY:

Arquivado

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

rafaella.torelli

Trocar Fundo div ao atualizar pagina

Por , em Javascript

Recommended Posts

rafaella.torelli    0

rafaella.torelli
Postado
Estou tentando trocar a cor do fundo da minha div footer-area ao atualizar a pagina ir para uma cor diferente, porem não entendo mto, tentei fazer o seguinte código mas não deu certo:



var rodape = 4;


ran = Math.round(Math.random() * (rodape-1))+1


if (ran == (1)) {

backgroundrodape=("url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2");

}

if (ran == (2)) {

backgroundrodape=("url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #72bf44")

}

if (ran == (3)) {

backgroundrodape=("url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #2e3192")

}

if (ran == (4)) {

backgroundrodape=("url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #ffce00")

}



function carrega() {

document.footerArea.style.background = backgroundrodape;

}

</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

goodeathx    8

goodeathx
Postado

@rafaella.torelli

 

  • Em vez das '//' utilize o caminho inteiro: http://www.sandaliasgaia.com.br/[resto da url]
  • Retire os excesso de "()", como por exemplo na condição. Não é necessário.
  • Verifique se 'footerArea' realmente tem a informação do elemento que quer acessar a propriedade

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Retire o parentesis que engloba a variável backgroundrodape.

backgroundrodape= ( "url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #ffce00" )

 

( ) RETIRAR

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaella.torelli    0

rafaella.torelli
Postado

Nossa cara, tentei de todas as formas mas ainda não ta mudando a cor... Fiz uma pagina só com os elementos pra ver se funciona mas tbm não adiantou.. Segue o codigo completo:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sem título</title>
<style>
.footer-area {
background: url(//sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2;
}
</style>
<script>
var rodape = 4;
ran = Math.round(Math.random() * (rodape-1))+1
if (ran == 1) {
}
if (ran == 2) {
}
if (ran == 3) {
}
if (ran == 4) {
}
function carrega() {
document.footerArea.style.background = backgroundrodape;
}
</script>
</head>
<body>
<div class="footer-area" style="width:200px; height:200px">
</div>
</body>
</html>
Muito obrigada por estarem ajudando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dellacurtais    36

Dellacurtais
Postado 




<html>



<head>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />



<title>Documento sem título</title>



<style>



.footer-area {



    background: url(http://sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2;



}



</style>


 


 



<script>


 



var rodape = 4; 


 



ran = Math.round(Math.random() * (rodape-1))+1 


 



if (ran == 1) { 



	backgroundrodape="url(http://www.sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #00b9f2";



} 



if (ran == 2) { 



	backgroundrodape="url(http://www.sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #72bf44"; 



} 



if (ran == 3) { 



	backgroundrodape="url(http://www.sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #2e3192"; 



} 



if (ran == 4) { 



	backgroundrodape="url(http://www.sandaliasgaia.com.br/site_novo/wp-content/themes/retro/images/skin/skin1/footer-area-bg.png) repeat scroll left top #ffce00"; 



} 


 



function carrega() { 



	document.getElementById('footer-area').style.background = backgroundrodape; 



} 


 



window.onload = function(){



	carrega();



 };


 



</script>



</head>


 



<body>



<div id="footer-area" class="footer-area" style="width:200px; height:200px">



</div>



</body>



</html>







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito