Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jhonei

[Resolvido] Utilizando o For Loop com OnClick.

Por , em Javascript

Recommended Posts

Jhonei    0

Jhonei
Postado

Como fazer com que no OnClick o alert me informe qual é o número de ordem do link clicado??

 

Utilizando a linda de pensamento do script abaixo!!

Observando que o OnClick é chamado no próprio script...

 

 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Javascript for</title>

<script type="text/javascript">
function teste() {
var liks = document.getElementById('menu').getElementsByTagName('a');

for(var i=0;i<liks.length;i++){

	liks[i].onclick = new function(){ alert(i); };

}
}
</script>

</head>
<body>

<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Vídeos</a></li>
<li><a href="#">Perfil</a></li>
</ul>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

P@trique    0

P@trique
Postado

pode fazer assim

 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>

<script type="text/javascript">
function teste(v) {
   alert(v);
}
</script>

</head>
<body>

<ul id="menu">
   <li><a href="javascript:teste(1)">Home</a></li>
   <li><a href="javascript:teste(2)">Fotos</a></li>
   <li><a href="javascript:teste(3)">Vídeos</a></li>
   <li><a href="javascript:teste(4)">Perfil</a></li>
</ul>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jhonei    0

Jhonei
Postado

Galerinha, obrigado pela ajuda, mas eu realmente estou precisando de chamar o OnClick no script e não no HTML!

 

Alguém teria alguma dica ou até mesmo um tutorial...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

clousures:

 

 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Javascript for</title>

<script type="text/javascript">
function teste() {
var liks = document.getElementById('menu').getElementsByTagName('a');

       for(var i=0;i<liks.length;i++){

               (function( liks,i ){
                       liks[i].onclick = function(){
                               alert(i);

                               return false;
                       };
               })( liks,i );

       }
}
window.onload = teste;
</script>

</head>
<body>

<ul id="menu">
       <li><a href="#">Home</a></li>
       <li><a href="#">Fotos</a></li>
       <li><a href="#">Vídeos</a></li>
       <li><a href="#">Perfil</a></li>
</ul>

</body>
</html>

~

~

~

~

~

~

~

~

~

"index.html" 36L, 607C written

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito