Rechercher : dans
Par :

Activer un bouton sur case cochée

Dernière réponse le 18 avr 2008 à 10:02:12 pyranhaz, le 10 avr 2004 à 06:17:22 
 Signaler ce message aux modérateurs

Bonjour,

J'essai désespérément de faire fonctionner ce script...

Il doit en cochant la case, activer le bouton "inscription" mais UNIQUEMENT si la case est cochée...

Visiblement, il y a quelque chose qui cloche et je ne le trouve pas :-(


Au secours !!!


<script>
function Agree(Terms)
{
checkobj = Terms;
if(document.all||document.getElementById)
{
for(i=0; i<checkobj.form.length; i++)
{
var tempobj = checkobj.form.elements[i];
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled =! checkobj.checked;
}
}
}
</script>

<form action="Agree" method="post">
<input name="Agree" type="checkbox" onClick="Agree(this)"> J'accepte les Termes et Conditions<br>
<input type="submit" value="Inscription" onclick="window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici,'_Blank')" disabled>
</form>
</body>
</html>

1

sglug, le 10 avr 2004 à 11:22:23
  • +1

Voila ca marche enfin sur a 100% sur IE

pour que tu comprenne quand meme
meme si de fois ca marche TU NE DOIT JAMAIS appeler 2 element du meme nom
et si tu doit ateindre un element quel qu il soit tu ne peut le faire que si tu lui a donné un name ou un id

sur le window.open il manquais une paranthese

<html>
<head>
<script LANGUAGE="JavaScript">
function Agree(Terms)
{
checkobj = Terms;
if(document.donnee.agree.checked == true) {
document.donnee.btn_valid.disabled = false;
} else {
document.donnee.btn_valid.disabled = true;
}
}
function go_go()
{
window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','')
}
</script>
</head>
<body>
<form name="donnee" action="Agree" method="post">
<input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte les Termes et Conditions<br>
<input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true">
</form>
</body>
</html>

Répondre à sglug

2

pyranhaz, le 10 avr 2004 à 15:25:08
  • +1

Oui ca fonctionne avec une case à cocher, mais si je veux en mettre deux (2) sur la même page mais pas nécessairement un en dessous ou côté de l'autre comme par exeple une page bilingue ou le français est en haut et l'anglais en bas, que ce passe-t-il ???

Il y a 2 boutons (1 pour le français et 1 pour l'anglais) un seul des bouton doit être activé et utilisé...

J'ai tenté de mettre quelque chose comme ceci en voulant utiliser un seul bouton, mais en vain:

if(document.donnee.agree.checked == true) or if(document.donnee.accept.checked == true) {
document.donnee.btn_valid.disabled = false;
}

j'ai aussi tenté de séparé les deux condition (if) pour faire sur deux (2) boutons, mais encore là, en vain...

function Agree(Terms)
{
checkobj = Terms;
if(document.donnee.agree.checked == true) {
document.donnee.btn_valid.disabled = false;
}
if(document.donnee.accept.checked == true) {
document.donnee.btn_ok.disabled = false;
}
else {
document.donnee.btn_valid.disabled = true;
document.donnee.btn_ok.disabled = true;
}
}

Répondre à pyranhaz

3

SirHill, le 10 avr 2004 à 18:49:50

Salut!

Revoici tes 2 tentatives, avec en gras les corrections:

1.

<html> 
<head> 
<script language="JavaScript">

function Agree(Terms) { 
	checkobj = Terms; 
	if ((document.donnee.agree.checked == true) || (document.donnee.accept.checked == true))
		{ document.donnee.btn_valid.disabled = false; 
	} 
	else { document.donnee.btn_valid.disabled = true; 
	} 
} 

function go_go() 
{ 
window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','') 
} 
</script>

</head> 
<body> 
<form name="donnee" action="Agree" method="post"> 
<input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte...<br>
<input name="accept" type="checkbox" onClick="Agree(this)"> I agree...<br>
<input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true"> 
</form> 
</body> 
</html> 

2.
<html> 
<head> 
<script language="JavaScript">

function Agree(Terms) { 
	checkobj = Terms; 
	if (document.donnee.agree.checked == true) { document.donnee.btn_valid.disabled = false; 
	} 
	else {
	document.donnee.btn_valid.disabled = true;
	}	if (document.donnee.accept.checked == true) { document.donnee.btn_ok.disabled = false; 
	} 
	else {
	document.donnee.btn_ok.disabled = true; 
	} 
} 

function go_go() 
{ 
window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','') 
} 
</script>

</head> 
<body> 
<form name="donnee" action="Agree" method="post"> 
<input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte...<br>
<input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true">
<hr>
<input name="accept" type="checkbox" onClick="Agree(this)"> I agree...<br>
<input name="btn_ok" type="submit" value="Inscription" onclick="go_go()" disabled="true">
</form> 
</body> 
</html> 

Bon courage et @+

Répondre à SirHill

4

pyranhaz, le 10 avr 2004 à 18:57:00

À force d'essayer, je vais finir par faire quelque chose de potable un jour...

J'espère !

;-)

Répondre à pyranhaz

5

 hary, le 18 avr 2008 à 10:02:12

Je voulais savoir comment on insère une image de bouton dans un code html+css puis utiliser cette image comme bouton actif (envoyer sur un autre pages par exemple)
merci

Répondre à hary