Discussion :

[juzii]

bonjour,

je débute en javascript, html... et j ai quelques soucis et surtout ca fait 3h que j'essaye de trouvr la solution sur internet!!
je veux juste faire apparaitre une ligne sur ma page lorsque l'utilisateur choisit "add a new reaction" c' est tout bête mais j y arrive pas!!
voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script language='javascript'>
function Addreaction(ReactionName)
{
if (ReactionName=="Add new name")
document.getElementById("test").style.display=="";
else
document.getElementById("test").style.display== "none";
}
</script>

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
22
23
24
25
26
 
	<td width="150"> <div align="left">Reaction name :</td>
 
	<td colspan="5"> <div align="left"><SELECT style="width:400px" onchange="Addreaction(ReactionName)" name="ReactionName" >
                         <option> </option>
                         <option>Add new name </option>
                         <?php
                         // Query for extract all name reaction
                         $NameReact= mysql_query($NameR);
 
                         if($NameReact) {     // si ca vaut true
                         while($ligne = mysql_fetch_array($NameReact))
                         {
                                      echo "<option value=\"".$ligne['NameR']."\">".$ligne['NameR']."</option>"  ;
                         }
                         }
                         else{ echo"Erreur de requête de base de données.";}
                         ?>
 
 
        </select> </td>
<tr>
       <td><div align="right" id="test" style="display:none">New reaction name </td>
       <td colspan="5"> <div align="left" id="test" style="display:none"><input type="text" style="width:400px" name="New name reaction"> </div> </td>
 
</tr>

merci de votre aide!

[Auteur]

bonjour,

Code html :

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

1
2
3
4
 
<select style="width:400px" onchange="Addreaction(this.options[this.options.selectedIndex].text)" name="ReactionName" >
<option> </option>
<option>Add new name </option>

[javatwister]

et puis surtout, ne confonds pas le test d'équivalence (==) avec l'affectation d'une valeur (=)...

[Auteur]

Code :

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

1
2
3
<td><div align="right" id="test" style="display:none">New reaction name </div></td>
<td colspan="5"> <div align="left" id="test" style="display:none"><input type="text" style="width:400px" name="New name reaction"> </div> </td>

Attention les identifiants doivent être uniques ! Donne une autre valeur à l'id de ton second div.

Et tu as oublié de fermer le 1er div (en rouge dans le code ci-dessus)

[juzii]

ok je vois mais le truc c 'est que j arrive pas a faire apparaitre les 2 cellules. je sais comment gérer au niveau de la fonction javascript. j arrive soit a faire le premier div soit le deuxième

[Auteur]

si tes objets ont pour id "test_1" et "test_2" :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
if (ReactionName=="Add new name")
{
     document.getElementById("test_1").style.display = "block";
     document.getElementById("test_2").style.display = "block";
}
else
{
     document.getElementById("test_1").style.display = "none";
     document.getElementById("test_2").style.display = "none";
}