a href et disabled

**cmoa59** · 17/01/2007, 18h56

Bonjour a tous,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Macintoc** · 17/01/2007, 19h04

Pas de c majuscule a onclick.

Deux solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Auteur** · 17/01/2007, 19h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
var clicAutorise = true;
function clic()
{
 if (clicAutorise)
 {
  alert("Coucou");
 
 }
 
 clicAutorise = false;
}
 
//-->
</script>
 
</head>
 
<body>
 
<img src="image.jpg" onclick="clic()" />
 
</body>
 
</html>

**cmoa59** · 18/01/2007, 10h10

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
var clicAutorise = true;
function clic()
{
 if (clicAutorise)
 {
  alert("Coucou");
 
 }
 
 clicAutorise = false;
}
 
//-->
</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!

**OButterlin** · 17/01/2007, 19h08

Tu peux faire quelque chose dans le genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et la fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

**Macintoc** · 17/01/2007, 20h29

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

a href et disabled

JavaScript

Vue hybride

Discussions similaires

Partager

Partager