Faire apparaitre une liste déroulante dans un tableau

**AsQuel** · 05/07/2007, 16h29

Bonjour tout le monde,

Je voudrais créer un tableau de 9 * 24 dans lequel à l'intérieur de chaque case il y aurait une liste déroulante.
Mon problème est que je voudrais que cette liste déroulante n'apparaisse que au click sur la case du tableau.

Je ne suis vraiment pas doué en javascript mais j'ai essayé de faire cela :

Mon javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script>
function afficher(obj){
        document.getElementById(obj).style.display = "block";
}
 
function cacher(obj){
        document.getElementById(obj).style.display = "none";
}
</script>

La page en elle même :

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
 
<body>
<?php
echo '<table border="1">';
        for($i=0;$i<3;$i++){
            echo '<tr>';
            for($j=0;$j<3;$j++){
                echo '<td><div  onclick="afficher(contenu_'.$i.'_'.$j.');" id="contenu_'.$i.'_'.$j.'" style="visibility:hidden;">
                      <select name="voyant'.$i.'_'.$j.'">';
                           echo '<option>1</option>';
                           echo '<option>2</option>';
           }
           echo '</select></div></td>';
           echo '</tr>';
        }
        echo '</table>';?>

Bon j'ai tout qui disparait, mais rien qui apparait lol

Bref comment faire ?
Merci de votre aide !!
PS : me renvoyez pas au tuto "modif inline" car je ne veux pas d'ajax !(lol)

**E.Bzz** · 05/07/2007, 17h29

Bonjour,
peux-tu donner le code généré (HTML + JS), plutôt que le code PHP ?

Merci

**AsQuel** · 05/07/2007, 18h11

j'ai trouvé la réponse :p
faut faire comme cela :

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<html>
<head>
 <script>
function test(obj){
    if(obj.style.visibility == "visible")
        obj.style.visibility = "hidden";
    else
        obj.style.visibility = "visible";
}
 
function affiche(obj){
        obj.style.visibility = "visible";
}
 
function init(){
    for(var i=0;i<3;i++){
        for(var j=0;j<3;j++){
            var id = 'contenu_'+i+'_'+j;
            document.getElementById(id).style.visibility = "hidden";    
        }
    }
}
</script>
</head>
<body onload="init();">
<?php
echo '<table border="1">';
        for($i=0;$i<3;$i++){
            echo '<tr>';
            for($j=0;$j<3;$j++){
                $test = 'contenu_'.$i.'_'.$j;
                echo '<td onclick="affiche('.$test.');"><div id="contenu_'.$i.'_'.$j.'" name="contenu_'.$i.'_'.$j.'">
                      <select name="voyant'.$i.'_'.$j.'">';
                           echo '<option>1</option>';
                           echo '<option>2</option>';
           }
           echo '</select></div></td>';
           echo '</tr>';
        }
        echo '</table>';?>
        </body>
 
</html>

Merci quand même d'avoir regardé !!
J'ai une petite question, j'en profite !
Tu saurais comment récupérer ce qui est "Selected" dans la liste dans une variable javascript ? (je mets résolu après :p)

**E.Bzz** · 05/07/2007, 18h20

Envoyé par AsQuel

Merci quand même d'avoir regardé !!

Ben non : je fais pas de PHP

Tu saurais comment récupérer ce qui est "Selected" dans la liste dans une variable javascript ?

Le plus simplement possible :

Code :

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

document.getElementById('id_liste').value

A+

Faire apparaitre une liste déroulante dans un tableau

JavaScript

Discussions similaires

Partager

Partager