Assine:
Banner Rotativo Com Javascript E Iframe
Banner rotativo com javascript e iframe
Escrito por Lucasbr em JavaScript e Ajax. Data: 22/07/2008
Licença: Alguns direitos reservados. Dar créditos ao autor e linkar este original
e ai galera, blz?
ontem eu tava conversando com um camarada e ele precisava de um script q fazia isso.. um banner rotativo com javascript e iframe..procurei e nada.. ninguem consegui fazer a budega funcionar.. porem, eu desenvolvi um esuqem aqui q funcionou de boa, nao sei se é a melhor forma de se fazer, mas funciona 100%...
segue o codigo:
ontem eu tava conversando com um camarada e ele precisava de um script q fazia isso.. um banner rotativo com javascript e iframe..procurei e nada.. ninguem consegui fazer a budega funcionar.. porem, eu desenvolvi um esuqem aqui q funcionou de boa, nao sei se é a melhor forma de se fazer, mas funciona 100%...
segue o codigo:
CODE
<script>
function atualiza(){
document.getElementById("banner").innerHTML = '<iframe name="testeiFrame" src="http://www.ievolutionweb.com/forum/banner.php" width="468" height="60" scrolling="no"></iframe>';
timer();
}
function timer(){
// aumente o 3000 par ao numero de segundos q deseja. 3000 = 3 segundos
setTimeout("atualiza()",3000);
}
window.onload = timer();
</script>
<div id="banner">
<iframe src="http://www.ievolutionweb.com/forum/banner.php" id="testeiFrame" name="testeiFrame" width="468" height="60"></iframe>
</div>
function atualiza(){
document.getElementById("banner").innerHTML = '<iframe name="testeiFrame" src="http://www.ievolutionweb.com/forum/banner.php" width="468" height="60" scrolling="no"></iframe>';
timer();
}
function timer(){
// aumente o 3000 par ao numero de segundos q deseja. 3000 = 3 segundos
setTimeout("atualiza()",3000);
}
window.onload = timer();
</script>
<div id="banner">
<iframe src="http://www.ievolutionweb.com/forum/banner.php" id="testeiFrame" name="testeiFrame" width="468" height="60"></iframe>
</div>
Mais recentes em JavaScript e Ajax
- Como bloquear imagens do site
- Por Lucasbr - E ai galera, blz? - se que é impossivel proteger realmente...
- Validador de formulário
- Por carlosmborgesjr - Boa tarde, - cara, seu validador ficou muito bom, muito...
- [prototype]classe de utilidades - continuação
- Por Carutcho - Continuação da classe, método setattrib...
- [prototype]classe de utilidades
- Por Carutcho - Criando classe de utilidades aos poucos....
- O que permite várias requisições
- Por VBRSOFT - Olá micox, - parabéns, é um excelente script! -...
Ver mais Artigos de JavaScript e Ajax.
Ver e retirar outras dúvidas no fórum Webly.
Alguns Direitos Reservados | RSS | O Fórum
Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com
Comentários:
dragun disse:
De qualquer maneira...você não precisa criar o iFrame denovo, você só precisa alterar a página que está dentro dele.
Coloca um id no iframe e faz assim:
document.getElementById("testeiFrame").src="http://www.ievolutionweb.com/forum/banner.php";
timer();
}
Se você preferir, postei uma solução de rotatividade com JS a alguns dias >> AQUI <<
Falows véio...
Lucasbr disse:
dragun disse:
Acabei de testar aqui e está 100%...
tem certeza que ele acusou erro???
function atualiza(){
document.getElementById("testeiFrame").src = "http://www.ievolutionweb.com/forum/banner.php";
timer();
}
function timer(){
// aumente o 3000 par ao numero de segundos q deseja. 3000 = 3 segundos
setTimeout("atualiza()",3000);
}
window.onload = timer();
</script>
<div id="banner">
<iframe src="http://www.ievolutionweb.com/forum/banner.php" id="testeiFrame" name="testeiFrame" width="468" height="60"></iframe>
</div>
Lucasbr disse:
funciona, ams da esse alerta
Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).