Jump to content
charly

[Resolvido] JS - on Click , como?

Recommended Posts

charly

Boas a todos,

estou a tentar criar um sistema que dê um alerta quando um objecto dentro da página é clicado. Passando a dar o exemplo:

<script type="text/javascript">
var elementO = document.getElementsByClassName("tst");
elementO.onclick = function() {alert('Produto Adicionado.');};
</script>


<div id="teste" class="tst" style="width: 100px; height: 100px; background: green;"></div>

Mas reparo que se clicar não faz nada, mas na consola do Chrome se eu chamar a variável elementO apresenta-me o seu conteúdo como sendo "function() {alert('Produto Adicionado.');};" em vez de a executar.

Alguém me pode dar uma ajuda.

(Podia usar jQuery no qual tenho esse sistema a funcionar com uma facilidade incrível mas o problema é a incompatibilidade entre o Jquery e o Mootools na mesma página, está a causar problemas)

Edited by brunoais
geshi

Share this post


Link to post
Share on other sites
brunoais

O problema aí é muito simples.

Estás a procurar pelo elemento com o id "teste" antes de ele existir

Basta trocares a ordem dessas 2 tags e o problema fica resolvido (para esse caso específico).


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
charly

Bem, eu testei ... mas mesmo assim não faz nada. Este mantêm-se estático.

E estou a pesquisar pela Class e não pelo Id, só tenho disponivel para uso final o elemento Class.

<div id="teste" class="tst" style="width: 100px; height: 100px; background: green;"></div>


<script type="text/javascript">
   var elementO = document.getElementsByClassName("tst");
   elementO.onclick = function() {alert('Produto Adicionado.');};
</script>

Share this post


Link to post
Share on other sites
clera

boas,

continua a não funcionar, porque (penso eu) a variável elemento é uma array e não um objecto

por isso se for apenas um objecto podes usar

document.getElementsByClassName("tst")[0].onclick=function() {alert('Produto Adicionado.');};

se forem vários usas um ciclo para os correr a todos ;)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.