Banner Flutuante

Tiago Henrique · Setembro 17, 2008

Olá pessoal gostaria de saber como eu faço isso:

Tenho 3 banners flutuantes..

E em uma determinada hora do dia.. apareça os três.. e em outra hora 2.. e depois 1.

Alguém poderia me dar uma luz hehe..

vlww http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Tiago Henrique · Setembro 18, 2008

Achei algo semelhante ao que estou procurando:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Testando fundo que muda de acordo com horário</title>
<script type="text/javascript" charset="utf-8">
var horario = new Date();
window.onload = function() {
if(horario.getHours() == 00) {
document.getElementsByTagName('body').item(0).style.backgroundColor = "#FF0000";
} else if(horario.getHours() == 8) {
document.getElementsByTagName('body').item(0).style.backgroundColor = "#0000FF";
} else {
document.getElementsByTagName('body').item(0).style.backgroundColor = "#00FF00";
}
}
</script>
</head>
<body>
Simples teste
</body>
</html>

Como sou leigo em JavaScript gostaria da ajuda do pessoa.. Vou explicar melhor..

Eu gostaria de criar 3 Divs Flutuantes.. e por exemplo: Das 2:00 h as 3:00 h da tarde apareça as três divs flutuantes. Depois das 3:00 h apareça só 2 divs até as 6:00 h e depois das 6:00 h apareça somente uma e depois das 8:00 não apareça nenhuma.

Alguém sabe se é possível fazer isso?

Obrigado e desculpe o desespero.

Abraços

Carutcho · Setembro 18, 2008

Uma dica para te ajudar a debugar esse seu programa.

Ali dentro do "window.onload" você coloca um "alert(horario.getHours())" e verifica se ele ta retornando valor,

a sua lógica ta certa, você tem q pegar a hr e comparar, sendo que você tem q ver se ele está retornando a hr direitinho e ver como essa função getHours ta te retornando a hr para você comparar.

Absss

Tiago Henrique · Setembro 18, 2008

Nossa cara eu tentei mas não obtive sucesso..

Estou totalmente perdido estou lendo uma apostila de JavaScript. Mas não consigo desenvolver...

Carutcho · Setembro 18, 2008

naum apareceu valor ?

se naum apareceu valor é pq a sua variável naum pegou valor da data atual

então pegue o valor da data dentro da função

window.onload = function() {
var horario = new Date();
alert(horario.getHours());

Procure estudar como usar a classe Date no javascript [;)] essa mesmo q você ta usando.

procure po "referencia classe Date javascript" no google ou por "sintaxe classe Date javascript" você acha muita coisa la sobre ela.

Absss

Tiago Henrique · Setembro 18, 2008

Cara, não to conseguindo fazer nada. http://forum.imasters.com.br/public/style_emoticons/default/no.gif

Li a classe date.. Mas não faço a mínima ídeia de como faço isso.

Parece ser tão complicado rsrs.

Carutcho · Setembro 19, 2008

faz o mesmo esquema da outra vez.

posta no servidor q eu do uma olhadinha pra tu.

abss

Tiago Henrique · Setembro 26, 2008

Olá,

dei uma pesquisada na internet.. e consegui fazer isso mas não funciona rsrs.

<script language="javascript">
<!--
function imagem() {
data=new Date();
horas=data.getHours();
minutos=data.getMinutes();
//certo=0;
if (horas > "06" && horas < "13") {
document.write("[<img src="/img1.gif">]");
//certo=1;
}

if (horas > "13" && horas < "24") {
document.write("[<img src="/img2.gif">]");
//certo=1;
}

if (horas > "24" && horas < "06") {
document.write("[<img src="/img3.jpg">]");
//certo=1;
}

}
//-->
</script>

Estou testando com uma imagem.. Mas o objetivo seria colocar um Flash... e ele ser flutuante.

Quem poder dar uma ajuda ficarei muitooo feliz.

T.Colucci · Setembro 26, 2008

Amigo, antes de tudo, seje paciente.

Vou te passar a lógica e talvez assim você entenda o que deve fazer:

1. você precisa pegar a hora do sistema, para isso use o newDate();

2. Tendo isso armazenado em uma variável, faça testes com o IF e dê as devidas ações para cada horário

Ex:

if(hora > 18){
alert("Boa noite!");
}

3. Chame sua função através do OnLoad();

Estude e não desista, se precisar de ajuda, peça aqui no fórum. E mais uma dica: não busque soluções PRONTAS, tente e insista em desenvolver seu próprio código. No começo é díficil, mas é díficil pra todos. Basta estudar e ter um pouco de paciência.

Espero ter ajudado.

T.Colucci · Setembro 26, 2008

Acredito que o problema esteja aqui:

document.write("[<img src="/img1.gif">]");

Coloque o caminho completo, assim ó:

document.write("[<img src="imagens/img1.gif">]");

Caso esteja no mesmo diretório, tente:

document.write("[<img src="img1.gif">]");

Teste ai e poste o resultado.

Tiago Henrique · Setembro 26, 2008

Olá, obrigado pela atenção..

Mas não funcionou rsrs..

<script language="javascript">
<!--
function imagem() {
data=new Date();
horas=data.getHours();s
//certo=0;
if (horas > "01" ) {
document.write("[<img src="img1.gif">]");
//certo=1;
}

if (horas > "3" ) {
document.write("[<img src="img2.gif">]");
//certo=1;
}

if (horas > "4" ) {
document.write("[<img src="img3.gif">]");
//certo=1;
}

}
//-->
</script>

Quero que funcione assim agora.. se for 2 horas. apareça uma imagem se for 3 horas apareça outra e se for 4 outra...

Não obtive sucesso.. ;(

T.Colucci · Setembro 26, 2008

Uma pergunta:

Para que você esta usando esses colchetes?

Tiago Henrique · Setembro 26, 2008

Sinceramente não sei. :(

Se só para fazer funcionar eu ja estou sofrendo imagina quando eu tiver que fazer isso se tornar um banner flutuante..

rsrsrs

T.Colucci · Setembro 26, 2008

Tenta tirar os colchetes...e me fala o que acontece. :D

T.Colucci · Setembro 26, 2008

Tente isso agora:

<!--

function imagem() {

data=new Date();

horas=data.getHours();s

//certo=0;

if (horas > "01" ) {

document.write('<img src="img1.gif">]');

//certo=1;

}

if (horas > "3" ) {

document.write('<img src="img2.gif">');

//certo=1;

}

if (horas > "4" ) {

document.write('<img src="img3.gif">');

//certo=1;

}

//-->

</script>

Tiago Henrique · Setembro 26, 2008

Tiago,

retirei e não aconteceu nada.

<html>

<head>
<title>Teste </title>
<script language="javascript">
function imagem() {
data=new Date();
horas=data.getHours();
//certo=0;
if (horas > "01" ) {
document.write("<img src="img1.gif">");
//certo=1;
}

if (horas > "3" ) {
document.write("<img src="img2.gif">");
//certo=1;
}

if (horas > "16" ) {
document.write("<img src="img3.gif">");
//certo=1;
}

}

</script>

</head>

<body>

<div id="banner1">

<script type="text/javascript">
imagem();
</script>


</div>
</body>
</html>

T.Colucci · Setembro 26, 2008

Tente isso agora:

<script type="text/javascript">
<!--
function imagem() {
data=new Date();
horas=data.getHours();s
//certo=0;
if (horas > "01" ) {
document.write('<img src="img1.gif">');
//certo=1;
}

if (horas > "3" ) {
document.write('<img src="img2.gif">');
//certo=1;
}

if (horas > "4" ) {
document.write('<img src="img3.gif">');
//certo=1;
}

}
//-->
</script>

Tiago Henrique · Setembro 26, 2008

cara funcionou!!!!!!!

só que esta abrindo duas imagens.. Eu sei porque por que o script ta falando que se for mais de 1 hora mostrar uma imagem.. e depois ta falando se for mais que 3 horas.

<html>

<head>
<title>Teste </title>
<script type="text/javascript">
<!--
function imagem() {
data=new Date();
horas=data.getHours();
//certo=0;
if (horas > "01" == "05" ) {
document.write('<img src="img1.gif">');
//certo=1;
}

if (horas > "05" == "18" ) {
document.write('<img src="img2.gif">');
//certo=1;
}

if (horas > "18" ) {
document.write('<img src="img3.gif">');
//certo=1;
}

}
//-->
</script>
</head>

<body>






<div id="banner1">

<script type="text/javascript">
imagem();
</script>


</div>





</body>





</html>

tentei fazer isso...mas deu errado..

rssr

T.Colucci · Setembro 26, 2008

Tenta isso agora:

<script type="text/javascript">
<!--
function imagem() {
data=new Date();
horas=data.getHours();
//certo=0;
if (horas > "01" && hora < "05" ) {
document.write('<img src="img1.gif">');
//certo=1;
}

if (horas > "05" && hora < "18" ) {
document.write('<img src="img2.gif">');
//certo=1;
}

if (horas > "18" ) {
document.write('<img src="img3.gif">');
//certo=1;
}

}
//-->
</script>

Posta ai o que aconteceu. Certo?

Não estava funcionando por você escreveu assim olha:

document.write("<img src="img3.gif">");

Você usou as aspas duas vezes, consegue ver? Desta maneira, o interpretador não entende nada e dá o erro. Para funcionar, só foi preciso usar os apóstrofos no lugar das primeiras aspas. Erro básico hein! rsrsr, mas acontece. Quando estiver com algum problema, a primeira coisa que você deve fazer é ver se esta tudo certinho: aspas, ponto-e-vírgula e por aí vai...

Ok?

Tiago Henrique · Setembro 26, 2008

Tiagoo , obrigado por toda sua atenção...

mas agora não funciona.. rsrsr

Arquivado

Banner Flutuante

Recommended Posts

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

T.Colucci 33

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tiago Henrique 0