Carlos Rocha Postado Setembro 25, 2014 Denunciar Share Postado Setembro 25, 2014 (editado) Pessoal, no código abaixo tenho um botão fechar para fechar sua div pai. No I.E. o JavaScript é bloqueado mas se desbloquear a função roda e o Chorme diz que "indefinido não é uma função". Cheguei a criar um botão dentro da div e outro fora da div. Dos dois jeitos o comportamento é o mesmo. Qual será o erro? <html> <head> <title>Bem Vindo</title> <script> function fechar(div) { alert(div); document.getElementById(div).style.display = "none"; } </script> <style type="text/css"> #entrada { top: 0; left:0; width:100%; height:100%; position: absolute; background-color: #000; opacity: .8; } img#banner { width: 300px; position: absolute; top: 50%; margin-top:-150px; left: 50%; ; border: 0; } #fechada { z-index:10; width: 50px; position: absolute; top: 50%; margin-top:0px; left: 50%; margin-left: 0px; border: 0; } img#fechar { z-index:1; width: 50px; position: absolute; top: 50%; margin-top:-180px; left: 50%; margin-left: 125px; border: 0; } </style> </head> <body> <img src="aa.jpg" /> <div id="fechada"> <img src="fechar.png" id="fechar" width="500px" onClick="fechar('entrada');" /> </div> <div id="entrada"> <img src="fechar.png" id="fechar" onClick="fechar('entrada');" /> <a href="../eleicoes2014"><img src="bannerClique.jpg" id="banner" /></a> </div> </body> </html> Editado Setembro 25, 2014 por Carlos Rocha Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Setembro 25, 2014 Denunciar Share Postado Setembro 25, 2014 <script> function fecha(div) { alert(div); document.getElementById(div).style.display = "none"; } </script> Muda o nome da função para fecha, pois deve haver algum conflito com o id='fechar' Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Sandro2011 Postado Setembro 25, 2014 Denunciar Share Postado Setembro 25, 2014 Véio do céu... mais uma dessa acho que você pira! :lol: Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Carlos Rocha
<html> <head> <title>Bem Vindo</title> <script> function fechar(div) { alert(div); document.getElementById(div).style.display = "none"; } </script> <style type="text/css"> #entrada { top: 0; left:0; width:100%; height:100%; position: absolute; background-color: #000; opacity: .8; } img#banner { width: 300px; position: absolute; top: 50%; margin-top:-150px; left: 50%; ; border: 0; } #fechada { z-index:10; width: 50px; position: absolute; top: 50%; margin-top:0px; left: 50%; margin-left: 0px; border: 0; } img#fechar { z-index:1; width: 50px; position: absolute; top: 50%; margin-top:-180px; left: 50%; margin-left: 125px; border: 0; } </style> </head> <body> <img src="aa.jpg" /> <div id="fechada"> <img src="fechar.png" id="fechar" width="500px" onClick="fechar('entrada');" /> </div> <div id="entrada"> <img src="fechar.png" id="fechar" onClick="fechar('entrada');" /> <a href="../eleicoes2014"><img src="bannerClique.jpg" id="banner" /></a> </div> </body> </html>Link 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.