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)