Ir para conteúdo

Arquivado

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

rafaella.torelli

Trocar Fundo div ao atualizar pagina

Recommended Posts

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

@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

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

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


<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

×

Informação importante

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