a href et disabled

Version imprimable

17/01/2007, 17h56
cmoa59

a href et disabled
Bonjour a tous,

J'utilise dans une jsp un lien sous la forme :
Code:

1 2 <a href="#" onClick="fonctionJavascript();this.disabled=true;"><img scr=""></a>
Vous aurez deviné, je veux juste empêcher le multi clic sur ce lien mais je ne sais vraiment pas comment faire. J'ai donc essayer de avec un this.disabled et un setTimeOut mais ça ne fonctionne pas !! Certainement car dans ce cas, il n'y a pas de validation de formulaire.

Si quelqu'un a une solution à me proposer... Et bien merci

Pas de c majuscule a onclick.

Deux solution :

Code:

1
2
 
<a href="#" onclick="fonctionJavascript();this.disabled=true;"  style="cursor:pointer"><img scr=""></a>

Code:

1
2
 
<a href="fonctionJavascript();this.disabled=true;"><img scr="" style="border-style:hidden"></a>

bonjour,

seuls les éléments d'un formulaire (input, textarea, select...) peuvent ête "disabled". Puisque ton lien est une image, fais comme ceci. Seul un clic sera permis :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 [B]<html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <img src="image.jpg" onclick="clic()" /> </body> </html>

Tu peux faire quelque chose dans le genre :

Code:

1
2
 
<a href="#" onclick="fonctionJavascript(this)">...</a>

Et la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function fonctionJavascript(obj)
{
   obj.onclick = myVoid;
...
   obj.onclick = fonctionJavascript;
}
 
function myVoid()
{
   return;
}

A+

A oui, effectivement, le disabled fonctionne uniquement sur un élément de formulaire, j'ai pas tilté que tu l'utilisais sur un lien :aie:

A mon sens, le plus propre serait de faire un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function fonctionJavascript(htmlElement){ if(document.all) htmlElement.detachEvent('onclick', fonctionJavascript, false) else htmlElement.removeEventListener('click', fonctionJavascript, false) . . . reste de ta fonction... . . . if(document.all) htmlElement.attachEvent('onclick', function(){fonctionJavascript(htmlElement)}, false) else htmlElement.addEventListener('click', function(){fonctionJavascript(htmlElement)}, false) }
Si tu as plusieurs fonctions attaché a un évènement, ça te permet de supprimer/ajouter uniquement la fonction qui t'intéresse.

Par ailleurs, je te conseilles d'éviter de déclarer les évènement dans le html et de passer de préférence par addEventListener et attachEvent.

Citation:
Envoyé par Auteur
bonjour,

seuls les éléments d'un formulaire (input, textarea, select...) peuvent ête "disabled". Puisque ton lien est une image, fais comme ceci. Seul un clic sera permis :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 [B]<html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <img src="image.jpg" onclick="clic()" /> </body> </html>
Je viens de me mettre cette fonction en place, enfin ce genre de verification sur les differents liens de ma page et ca fonctionne a merveille!!! Merci vraiment beaucoup !! Je vais continuer les tests pour verifier qu'il n'y a eu aucune regression de l'appli!