l'evenement onclick dans un lien

Version imprimable

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:

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:

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

22/03/2010, 13h37
vermine
Bonjour,

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

1 2 3 4 5 function enableCheckbox() { document.myform.approuve.disabled=false; }
22/03/2010, 13h43
dada10

c'est pas le bouton que je verifie mais le lien qui mène à un document pdf.
22/03/2010, 13h45
SpaceFrog

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 ...
22/03/2010, 13h48
dada10

merci pour votre reponse.
je ne connais pas la bonne syntaxe!!!
help
22/03/2010, 14h03
dada10

j'ai supprimée le if() mais la checkbox reste grisé.
22/03/2010, 14h07
vermine

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.
22/03/2010, 14h16
dada10

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

mets un
Code:

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

22/03/2010, 14h53
dada10

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.

Code:

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>

22/03/2010, 15h28
vermine

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.
22/03/2010, 15h33
dada10

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
22/03/2010, 15h35
SpaceFrog

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 ... ???
22/03/2010, 15h37
vermine

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. :cry:

Edit: Ha si. Ca marche. :oops:
Peut-être parce que le href lance une nouvelle page.

Bref

Dada,

Ce code fonctionne sur IE7 et FF3.6:

Code:

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:

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

Code:

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

22/03/2010, 15h45
dada10

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.
22/03/2010, 16h08
dada10

merci vermine de vos reponse, mais malheureusement ça marche toujours pas.

moi j'ai IE7 aussi.
22/03/2010, 16h10
dada10

merci à vous aussi SpaceFrog

mais votre proposition non plus ne marche pas.
22/03/2010, 22h09
vermine

Pourrions-nous voir le code HTML généré ?