Discussion :

[Luisito31]

Salut à tous...

Je suis actuellement entrain de faire un site de gestion de compétitions de Foot..

Le soucis et que je suis débutant en javascript... J'ai un formulaire pour poster des score de matchs et j'aimerais que lorsqu'on renseigne le score (dans 2 champs) deux champs s'affichent si il est indiquer que le nombre de but de la premiere équipe est égal au nombre de but de la deuxieme équipe pour mettre le score aux pénalty.. J'espère je me suis bien exprimé !

[E.Bzz]

Bonjour,
sur l'évènement onchange de chacun des 2 premiers champs, il te faur appeler une fonction qui teste l'égalité des 2 .value.
Si ces 2 value sont égales, il te suffit de passer la propriété de style "display" des 2 seconds champs à "block".
Ces 2 champs seront masqués en repassant style.display à "none", si les 2 champs ne sont pas égaux. "none" doit aussi être la valeur initiale pour qu'il ne soient pas affiché au départ.

Code :

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

1
2
<input type="text" id="score1" onchange="ta_fonction();"><input type="text" id="score2" onchange="ta_fonction();"><br>
<input type="text" id="tab1" style="display:none;"><input type="text" id="tab2" style="display:none;">

A+

[Luisito31]

Pour commencer merci de ton précieux aide ^^ mais comment faut il faire pour changer le Display dans ma fonction ? :s

[E.Bzz]

Code :

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

document.getElementById("tab1").style.display = "block";

par exemple ...

A+

[Luisito31]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" language="javascript">
<!--
function verif(formatch) {
  if(formatch.butsed.value == formatch.butsev.value) 
  {
  document.getElementById("pened").style.display="block";
  document.getElementById("penev").style.display="block";
  };
}
-->
</script>

Ca ne marche pas mais surement je dois me planter quelque part ^^

[E.Bzz]

Ca ne marche pas mais surement je dois me planter quelque part ^^

Certainement, mais sans voir le HTML associé, difficile de te le confirmer

A+

[Luisito31]

Code :

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

1
2
3
4
5
6
7
<form action="../enregmatchcoupe.php" name="formatch" method="post">
 
<input type="text" id="butsed" name="butsed" onchange="verif(this.value);" size="2" maxlength="2">-
<input type="text" id="butsev" name="butsev" onchange="verif(this.value);" size="2" maxlength="2"> 
 
<input type="text" id="pened" name="pened" style="display:none;" size="2" maxlength="2">-
<input type="text" id="penev" name="penev" style="display:none;"  size="2" maxlength="2">

[E.Bzz]

Ton paramètre n'est pas bon : tu passes une value, mais tu t'en sert comme s'il faisait référence au form dans la fonction.
D'ailleurs, tu n'as pas besoin de paramètre

Il faut que tu vires les quottes doublées à la fin de chaque ligne (HTML).

Tant qu'à utiliser les id (ce qui est préférable), autant le faire jusqu'au bout :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function verif() {
  if(document.getElementById("butsed").value == document.getElementById("butsev").value) 
  {
  document.getElementById("pened").style.display="block";
  document.getElementById("penev").style.display="block";
  }
  else {
    document.getElementById("pened").style.display="none";
    document.getElementById("penev").style.display="none";
  }
}

EDIT : et tant qu'à faire, autant gérer le cas où il n'y a plus égalité suite à une modif

A+

[Luisito31]

Merci ca marche nikel