Faire apparaitre une liste déroulante dans un tableau

Version imprimable

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:

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:

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)

05/07/2007, 16h29
E.Bzz

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

Merci

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

Code:

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)

05/07/2007, 17h20
E.Bzz

Citation:

Envoyé par AsQuel

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

Ben non : je fais pas de PHP :mrgreen:

Citation:

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

Le plus simplement possible :

Code:

document.getElementById('id_liste').value

A+