Script não executa [RESOLVIDO]

1. Script não executa [RESOLVIDO]

vitorlofonseca
(usa openSUSE)

Enviado em 22/02/2016 - 17:53h

Olá pessoal, boa tarde.

Reduzi ao máximo meu código a fim de testes, e localizei onde está o problema. Porém não estou conseguindo resolvê-lo de forma alguma. Consiste no seguinte: queria trocar o background image do body após o script ser carregado. Porém por algum motivo isso não acontece. Quando coloco o alert, que é apenas um teste, em cima da linha de troca do background, o alert executa, porém quando eu inverto, nem a troca e nem o alert me são retornados. Já testei todas as possibilidades e combinações de aspas no endereço da imagem, porém nem assim. Estou quase desistindo. Odeio web development, porém preciso fazer isso. Aguardo ansiosamente alguma solução. Valeu.

<html>

    <head>

        <script type="text/javascript">

            document.body.style.backgroundImage = 'url(1.jpg)';

            alert ("tnc");

        </script>

    </head>

    

    

    <body style="background-image:url(0.jpg)">

        

    </body>

</html>

0 0

Quote

2. MELHOR RESPOSTA

msoliver
(usa Debian)

Enviado em 23/02/2016 - 16:14h

vitorlofonseca escreveu:
Obrigadaço msoliver... funcionou para o que eu queria aqui. Mas o que tá errado no meu algoritmo? Não consegui identificar... :'(

----------------------------------------------------------------------------------------------------------------
A declaração body style esta meio estranha ....

<body style="background-image:url(0.jpg)">

Deveria ser:



<head>

<style>

body  {

    background-image: url("paper.gif");

}

</style>

</head>

Observe que esta entre <head><style> </style> </head>

E mesmo funcionando, vc não notaria a mudança, pois, a pagina abriria
com a imagem de fundo já alterada . . .
Para resolver isso, usei a função setTimeout
Segue seu código HTML funcionando:

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

<html>

<head>

<style>

body  {

    background-image: url("paper.gif");

}

</style>

</head>

<body>

<h1 id="H01">VIVA O LINUX!</h1>

<h1 id="H02"></h1>

<script>

    document.body.style.backgroundImage = "url('img_tree.png')";

    document.getElementById("H02").innerHTML = "<hr>"+"A IMAGEM DE FUNDO FOI ALTERADA."+"<hr>";

</script>



</body>

</html>

Se atender a sua necessidade, marque como resolvido e também como melhor resposta. :)

Att.:
Marcelo Oliver

1 0

Quote

3. Re: Script não executa

msoliver
(usa Debian)

Enviado em 22/02/2016 - 20:36h

vitorlofonseca escreveu:
Olá pessoal, boa tarde.
Reduzi ao máximo meu código a fim de testes, e localizei onde está o problema. Porém não estou conseguindo resolvê-lo de forma alguma. Consiste no seguinte: queria trocar o background image do body após o script ser carregado. Porém por algum motivo isso não acontece. Quando coloco o alert, que é apenas um teste, em cima da linha de troca do background, o alert executa, porém quando eu inverto, nem a troca e nem o alert me são retornados. Já testei todas as possibilidades e combinações de aspas no endereço da imagem, porém nem assim. Estou quase desistindo. Odeio web development, porém preciso fazer isso. Aguardo ansiosamente alguma solução. Valeu.

<html>

    <head>

        <script type="text/javascript">

            document.body.style.backgroundImage = 'url(1.jpg)';

            alert ("tnc");

        </script>

    </head>

      <body style="background-image:url(0.jpg)">

      </body>

</html>

###################################
Boa Noite.
Segue um exemplo, neste que posto, a imagem é alterada quando o BOTÃO é acionado.



<!DOCTYPE html>

<html>

<head>

<style>

body  {

    background-image: url("img_01.gif");

}

</style>

</head>

<body>

<h1>VIVA O LINUX!</h1>

<button type="button" onclick="trocafundo()">background</button>

<script>

function trocafundo() {

    document.body.style.backgroundImage = "url('img_02.png')";

}

</script>

</body>

</html>

Att.:
Marcelo

0 0

Quote

4. Re: Script não executa [RESOLVIDO]

vitorlofonseca
(usa openSUSE)

Enviado em 23/02/2016 - 09:18h

O problema é esse msoliver. Eu não quero trocar a imagem com um botão. Eu quero trocar a imagem automaticamente, como se a página fosse um gif. Já coloquei o onload no body, e não funcionou da mesma forma.

0 0

Quote

5. Re: Script não executa [RESOLVIDO]

SarusKant
(usa CentOS)

Enviado em 23/02/2016 - 10:07h

Utilize a função com onLoad no body, se quiser ficar mudando utilize setInterval (leia mais sobre a função).

--
Bruno Thomaz

0 0

Quote

6. Re: Script não executa

msoliver
(usa Debian)

Enviado em 23/02/2016 - 10:55h

vitorlofonseca escreveu:
O problema é esse msoliver. Eu não quero trocar a imagem com um botão. Eu quero trocar a imagem automaticamente, como se a página fosse um gif. Já coloquei o onload no body, e não funcionou da mesma forma.

-----------------------------------------------------------------------------------------------------------------------
Bom dia vitorlofonseca.
Vamos "ver" se eu entendi . . .
Você quer que carregue a pagina, aguarde um instante, e troque a imagem de fundo...
Se for isso, está resolvido . . . :)

Segue:



<!DOCTYPE html>

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

<html>

<head>

<style>

body  {

    background-image: url("img-01.png");

}

</style>

</head>



<body onload="CALL()">

<h1 id="H01">VIVA O LINUX!</h1>

<h1 id="H02"></h1>



<script>

//ESTA FUNÇÃO CHAMA A "function trocafundo" APÓS 2000 milisegundos

function CALL() {

	setTimeout(trocafundo, 2000);

}



function trocafundo() {

    document.body.style.backgroundImage = "url('img_02.png')";

    document.getElementById("H02").innerHTML += "<hr>"+"backgroundImage FOI ALTERADA, APÓS 2 SEGUNDOS (2000 ms)."+"<hr>";

}

</script>

</body>

</html>