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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • 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.