[débutant] Liste déroulante et apparition de lien

**nicekiller** · 31/03/2009, 16h28

Bonjour tout le monde,
Je vous remets mon problème:
j'ai un tableau avec une colonne qui contient une liste déroulante et dans la colonne de côté j'ai un lien invisible que je veut faire apparaitre dés qu'on change le contenu de la liste.
donc pour cela je suis arrivé à faire ça grace à notre ami Emmanuel.

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
<body>
  <script type="text/javascript">
    function disp(value) {
      //purement arbitraire, juste pour l'exemple
      if (value=="v2") {
        document.getElementById("lien").style.display="";
      }
    }
  </script>
 <table width="767" border="1">
          <tr>
            <td>
<select onchange="disp(this.value)">
   <option value="v1"> Valeur 1</option>
   <option value="v2">Valeur 2</option>
   <option value="v3">Valeur 3</option>
   <option value="v4">Valeur 4</option>
  </select>
           </td>
            <td><a href="#" style="display:none" id="lien">lien</a></td>           
          </tr>
 </table> 
 
  </body>

le problème c'est que ça ne marche que pour la première ligne de mon tableau

et si je change le contenu de la liste déroulante (qui est en 2eme ligne de mon tableau) le lien correspondant n'apparait plus

j'espère que j'étais bien claire

**RomainVALERI** · 31/03/2009, 16h32

Tu utilises un (ou des) CSS pour cette page ?
Si oui, essaie de passer le display:none initial vers une classe css que tu attribues à l'élément dans ton html : je crois me souvenir avoir résolu ce genre de souci comme ça... (ce n'est qu'une voie de résolution possible, quoi ^^)

**nicekiller** · 31/03/2009, 17h09

Envoyé par RomainVALERI

Tu utilises un (ou des) CSS pour cette page ?
Si oui, essaie de passer le display:none initial vers une classe css que tu attribues à l'élément dans ton html : je crois me souvenir avoir résolu ce genre de souci comme ça... (ce n'est qu'une voie de résolution possible, quoi ^^)

oui j'utilise une feuille CSS mais j'ai pas bien compris ce que tu veux dire

de quel element html tu parles?

**RomainVALERI** · 31/03/2009, 17h13

Envoyé par nicekiller

de quel element html tu parles?

Code html :

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

<a href="#" style="display:none" id="lien">

**Matthieu2000** · 31/03/2009, 17h17

ajoute un paramètre et ajoute un indice à tes id

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
 
function disp(value,i) {
      //purement arbitraire, juste pour l'exemple
      if (value=="v2") {
        document.getElementById("lien_"+i).style.display="";
      }
    }
 
<table width="767" border="1">
          <tr>
            <td>
<select onchange="disp(this.value,0)">
   <option value="v1"> Valeur 1</option>
   <option value="v2">Valeur 2</option>
   <option value="v3">Valeur 3</option>
   <option value="v4">Valeur 4</option>
  </select>
           </td>
            <td><a href="#" style="display:none" id="lien_0">lien</a></td>           
          </tr>
 </table>

**nicekiller** · 31/03/2009, 17h33

Envoyé par Matthieu2000

ajoute un paramètre et ajoute un indice à tes id

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
 
function disp(value,i) {
      //purement arbitraire, juste pour l'exemple
      if (value=="v2") {
        document.getElementById("lien_"+i).style.display="";
      }
    }
 
<table width="767" border="1">
          <tr>
            <td>
<select onchange="disp(this.value,0)">
   <option value="v1"> Valeur 1</option>
   <option value="v2">Valeur 2</option>
   <option value="v3">Valeur 3</option>
   <option value="v4">Valeur 4</option>
  </select>
           </td>
            <td><a href="#" style="display:none" id="lien_0">lien</a></td>           
          </tr>
 </table>

Coool ça marche merci les gars pour votre aide

[débutant] Liste déroulante et apparition de lien

JavaScript

Discussions similaires

Partager

Partager