Arquivo Discussoes de Programacao e Tecnologia galera, de novo o professor da facul passou uns problemas aqui e tô meio enrolado pra fazer… vcs poderiam me dar uma ajuda/explicação?
vamos aos problemas:
fazer com q uma página ganhe o foco de 30 em 30 segundos?
como q eu faço isso?
fazer q apareça um texto em um <div> para cada opção de uma página new.htm
como q eu faço isso?
fazer q um botão com uma imagem troque a imagem cada vez que o mouse é colocado sobre a imagem.
Pergunta 1:
Coloca o sequinte código dentro das tags script: Isso vai fazer com que o foco seja passado para a página a cada x segundos.
var x = 30;
var y = 1;
function atualizaACada30Segundos() {
x = x-y;
setTimeout("atualizaACada30Segundos()", 1000)
if(x==0){
document.focus();
}
}
atualizaACada30Segundos();
Pergunta 2:
Vc tem um div, certo? Ele deve ser da forma:
<div id='teste'>
texto original pá pá pá....
</div>
Pra alterar esse texto vc faz (dentro das tags script):
document.getElementById('teste').innerText = 'Novo texto';
Se o novo texto for um código html:
document.getElementById('teste').innerHTML = 'Novo texto';
Pergunta 3:
Use o onmouseover. Vc pode usar a dica de cima pra trocar a imagem, fica como exercício.
[]'s
carisio
Para o último exercício, pode ser mais fácil você implementar o seguinte:
Crie dois estilos (ou classes) CSS, cada uma tendo como background uma figura diferente (para exemplificar, chamarei de estilo1 e estilo2).
Nas propriedades do botão você implementa os eventos onmouseover e o onmouseout.
onmouseover="this.className = 'estilo2';"
onmouseout="this.className = 'estilo1';"