Bouton aficher a partir d'une variable
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour a tous,
voici mon problème (j'ai chercher et pas compris ou trouver)
j'ai une table dans lequel des nombres son additionner avec un JavaScript...
Voici ce code : JS
//aditionne les victoire et defaites pour valider la valleur total
document.forms[0].totpts.value=parseFloat(parseFloat(document.forms[0].Pts.value)+parseFloat(document.forms[0].Pts1.value)+parseFloat(document.forms[0].Pts2.value)+parseFloat(document.forms[0].Pts3.value));
si la variable totpts=6
j'aimerai faire apparaitre ces deux boutons :
les boutons peuvent ne pas être la ou griser ce n'est pas grave... je ne connais pas ajax
<input type="button" value="Calculer la cote"
onClick="Form1.Prev.value=CalculTous(Form1.Orig.value,Form1.C1.value,Form1.C2.value,Form1.C3.value);
Form1.Moy.value=CalculMoy(Form1.C1.value,Form1.C2.value,Form1.C3.value);
Form1.Perf.value=Perform(Form1.Moy.value,Form1.Pts.value);
Form1.VarCo.value=VarCote(Form1.Pts.value,Form1.Prev.value);
Form1.Boni.value=Bonis(Form1.VarCo.value);
Form1.Nouv.value=NouvC(Form1.Orig.value,Form1.VarCo.value,Form1.Boni.value);
"name="B12" tabindex="12">
<input TYPE="reset" name="reset1" VALUE="Réinitialiser">
j'espère avoir été compréhensible !
si vous avez un bon tuto ajax
je suis intéresser.
merci a tous !
voici mon problème (j'ai chercher et pas compris ou trouver)
j'ai une table dans lequel des nombres son additionner avec un JavaScript...
Voici ce code : JS
//aditionne les victoire et defaites pour valider la valleur total
document.forms[0].totpts.value=parseFloat(parseFloat(document.forms[0].Pts.value)+parseFloat(document.forms[0].Pts1.value)+parseFloat(document.forms[0].Pts2.value)+parseFloat(document.forms[0].Pts3.value));
si la variable totpts=6
j'aimerai faire apparaitre ces deux boutons :
les boutons peuvent ne pas être la ou griser ce n'est pas grave... je ne connais pas ajax
<input type="button" value="Calculer la cote"
onClick="Form1.Prev.value=CalculTous(Form1.Orig.value,Form1.C1.value,Form1.C2.value,Form1.C3.value);
Form1.Moy.value=CalculMoy(Form1.C1.value,Form1.C2.value,Form1.C3.value);
Form1.Perf.value=Perform(Form1.Moy.value,Form1.Pts.value);
Form1.VarCo.value=VarCote(Form1.Pts.value,Form1.Prev.value);
Form1.Boni.value=Bonis(Form1.VarCo.value);
Form1.Nouv.value=NouvC(Form1.Orig.value,Form1.VarCo.value,Form1.Boni.value);
"name="B12" tabindex="12">
<input TYPE="reset" name="reset1" VALUE="Réinitialiser">
j'espère avoir été compréhensible !
si vous avez un bon tuto ajax
je suis intéresser.
merci a tous !
2 réponses
-
Salut,
A priori tu peux faire ça en JS simple pas besoin d'Ajax.
Sur tes input tu rajoutes un identifiant et une classe css, ex : <input id="bouton1", class="chikaka">
Dans ton css tu mets ta classe invisible : .chikaka { display:none; visibility:hidden;}
Tu ajoutes une deuxième classe : .kakachi { display:block; visibility:visible;}
Dans ton JS quand tu 6 en valeur, tu fais apparaître tes boutons, sinon tu les fais disparaître en changeant la class css.
if(document.forms[0].totpts.value == "6") {
document.getElementById('bouton').attr('class').value='chikaka';
} else {
document.getElementById('bouton').attr('class').value='kakachi';
} -
Bonjour doctormad,
j'ai tester tes suggestions et il y a quelque chose qui m'échappe.
voici le code que j'ai fais a partir de ce que tu m'as présenté :
javascript -->
if
(document.forms[0].totpts.value == "6")
{
document.getElementById('bout').attr('class').value='oui';
}
else
{
document.getElementById('bout').attr('class').value='non';
}
</script>
CSS -->
.non { display:none; visibility:hidden; }
.oui { display:block; visibility:visible;}
et je préfère utiliser un <div> -->
<div id="bout" class="non">
merci de m'aider je suis confus !
