Rodrigo26 Postado Junho 8, 2011 Denunciar Share Postado Junho 8, 2011 (editado) <html> <head> <title>Ampliando e reduzindo imagens de forma gradativa</title> <meta http-equiv="Content-Type" content="text/html; charset=isso-8859-1" /> <script type="text/javaScript"> var pai = document.getElementById("imagens"); var filhos = pai.childNodes[]; if(typeof filhos[0].addEventListener!='undefined') { for(i=0;i<filhos.lenght;i++) { filhos[i].addEventListener('click', redimensiona(), false); } } else if(typeof filhos[0].attachEvent!='undefined') { for(i=0;i<filhos.lenght;i++) { filhos[i].attachEvent('onclick', redimensiona()); } } function redimensiona() { alert("testando 1,2,3..."); } </script> </head> <body> <center> <div id='imagens'> <img src='samurai-champloo1.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo2.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo3.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo4.jpg' width='160' height='120' alt='' /> </div> </center> </body>Alguma sugestão?grato, Editado Junho 10, 2011 por Rodrigo26 Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kuroi Postado Junho 8, 2011 Denunciar Share Postado Junho 8, 2011 o codigo é lido e executado na ordem em q esta escrito. você esta tentando executar o codigo javascript q vai ler a div antes da div existir.o javascript não vai reconhecer o objeto document.getElementById("imagens"), se a div aparece somente depois do codigo javascript (logico q isso não é valido pra funcoes q sejam chamadas, por exemplo, em um evento clique, já q na hora do clique, o arquivo html já foi todo lido e a objeto já existe).então, ponha esse codigo javascript depois de fechar a div, ou coloque-o numa funcao, q vai ser chamada depois q a div esteja fechada. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Rodrigo26 Postado Junho 10, 2011 Autor Denunciar Share Postado Junho 10, 2011 Muito agradecio.abrs, Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Rodrigo26
<html> <head> <title>Ampliando e reduzindo imagens de forma gradativa</title> <meta http-equiv="Content-Type" content="text/html; charset=isso-8859-1" /> <script type="text/javaScript"> var pai = document.getElementById("imagens"); var filhos = pai.childNodes[]; if(typeof filhos[0].addEventListener!='undefined') { for(i=0;i<filhos.lenght;i++) { filhos[i].addEventListener('click', redimensiona(), false); } } else if(typeof filhos[0].attachEvent!='undefined') { for(i=0;i<filhos.lenght;i++) { filhos[i].attachEvent('onclick', redimensiona()); } } function redimensiona() { alert("testando 1,2,3..."); } </script> </head> <body> <center> <div id='imagens'> <img src='samurai-champloo1.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo2.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo3.jpg' width='160' height='120' alt='' /> <img src='samurai-champloo4.jpg' width='160' height='120' alt='' /> </div> </center> </body>Alguma sugestão?
grato,
Editado por Rodrigo26Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.