l'evenement onclick dans un lien

**dada10** · 22/03/2010, 13h30

bonjour a tous,
je veux degrisé une case à cocher (de type "checkbox") selon si le lien est cliqué ou pas, j'ai essayer cette fonction mais ça marche pas peut etre la syntaxe n'est pas bonne ou il manque qlq chose.

Code :

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

1
2
3
4
5
6
7
8
function enableCheckbox(){
	if(document.myform.doc.onclick==true)
	{
		document.myform.approuve.disabled=false;
	}
	else 
		document.myform.approuve.enabled=false;
}

et dans mon lien et ma case j'ai ça :

Code HTML :

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

1
2
<a  name="doc" href="Test.pdf" target=_blank onclick="enableCheckbox()">LIRE</a> 		   
<input type="checkbox" id="chk_approuve" name="approuve" onClick="enableButtContinue()" disabled="disabled" value="lu_et_approuve" />

Merci d'avance

**vermine** · 22/03/2010, 13h37

Bonjour,

Pourquoi vérifiez-vous que le bouton ait été cliqué ?

Code :

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

1
2
3
4
5
 
function enableCheckbox()
{
    document.myform.approuve.disabled=false;
}

**dada10** · 22/03/2010, 13h43

c'est pas le bouton que je verifie mais le lien qui mène à un document pdf.

**SpaceFrog** · 22/03/2010, 13h45

une balise a n'est pas un element de form ...
et je ne sais même pas si il accepte le disabled de façon crossbrowser ...

**dada10** · 22/03/2010, 13h48

merci pour votre reponse.
je ne connais pas la bonne syntaxe!!!
help

**dada10** · 22/03/2010, 14h03

j'ai supprimée le if() mais la checkbox reste grisé.

**vermine** · 22/03/2010, 14h07

Votre formulaire s'appelle bien myform ?
Sinon, j'ai souvent eu des soucis avec les <a> et leur onclick.
Car si vous mettez une <img> à la place du <a>, la case se dégrisera.

**dada10** · 22/03/2010, 14h16

merci pour votre reponse.

oui pour le nom de mon formulaire.

mais pour la <img> à la place de <a> j'ai essayée mais ça donne rien

**SpaceFrog** · 22/03/2010, 14h35

mets un

Code :

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

1
2
monlien.onclick= function(){return false;}
monlien.style.color='silver'

pour desactiver le lien

**dada10** · 22/03/2010, 14h53

merci pour votre reponse.
je suis desolée je suis débutante, mais j'ai pas compris votre reponse; le code je le mets à la place de mon code ou en plus, et vous avez dis pour desactiver le lien moi je veux degrisé la case apres avoir clique sur le lien.

**SpaceFrog** · 22/03/2010, 15h20

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
<script type="text/javascript">
function desactiveLink(lien){
document.getElementById(lien).onclick=function(){alert('lien desactivé');return false;}
document.getElementById(lien).style.color='grey'
}
function activeLink(lien){
document.getElementById(lien).onclick=function(){void(0);}
document.getElementById(lien).style.color='black'
}
</script>
</head>
 
 
<body>
<a href="www.google.fr" id="foo"> cliquez ici</a>
<br />
<input type="button" onclick="desactiveLink('foo')" value="desactiver" />
<input type="button" onclick="activeLink('foo')" value="activer" />
</body>
 
</html>

**vermine** · 22/03/2010, 15h28

Excuse-moi, SpaceFrog, mais pourquoi désires-tu désactiver le lien ?

La personne clique sur le lien et deux actions se passent:

1) Ouverture d'une page.
2) Rendre active la case à cocher.

**dada10** · 22/03/2010, 15h33

je suis desolée de vous déranger d'avantage, mais ce code ne me sert pas si il m'est bien destiné.

j'ai peut etre mal posé mon pb voila : au départ ma case est grisé"disabled" je veux qu'une fois on clic sur le lien qui s'ouvre sur une page la case devient active.
merci

**SpaceFrog** · 22/03/2010, 15h35

arf desolé j'ai mal compris ...

heu mais du coup .. si tu cliques sur le lien ... tu n'es plue sur la même page ... ???

**vermine** · 22/03/2010, 15h37

Oui, on se retrouve avec deux pages. La nouvelle, totalement à part, juste du texte, et la première qui avait déjà la case à cocher désactivé et qui doit maintenant être active.
Le seul souci que je rencontre souvent, c'est que le href ne déclenche pas les fonction javascript sur le onclick.

Edit: Ha si. Ca marche.

Peut-être parce que le href lance une nouvelle page.

**vermine** · 22/03/2010, 15h41

Dada,

Ce code fonctionne sur IE7 et FF3.6:

Code :

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

1
2
3
4
5
 
<form name="myform">
<a name="doc" href="#" target=_blank onclick="enableCheckbox()">LIRE</a>
<input type="checkbox" id="chk_approuve" name="approuve" onClick="enableButtContinue()" disabled="disabled" value="lu_et_approuve" /> 
</form>

Code :

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

1
2
3
4
5
 
function enableCheckbox()
{
    document.myform.approuve.disabled=false;
}

**SpaceFrog** · 22/03/2010, 15h42

Code :

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

1
2
3
4
function enableCheckbox()
{
    document.getElementById('chek_chk_approuve').disabled=false;
}

**dada10** · 22/03/2010, 15h45

mais moi je dois avoir le href sur une autre page car c'est un document en pdf et parceque j'ai un control apres sur le checked de ma case pour activer un bouton.