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.