Afficher un élément d'un select à l'intérieur d'un td

-
Bonjour,
j'ai un problème
j'ai crée un tableau html sous forme d'un emplois du temps. dans chaque td j'ai crée un lien avec une fonction javascript afficher() qui sert à afficher un formulaire en bas de page qui contient une liste déroulante de date et un bouton valider
le problème c'est que quand je clique sur valider je veux que la date soit affichée dans le td dont j'ai cliqué et pas dans un autre td
c a d comment spécifier l'emplacement exacte pour afficher la date
voici le code que j'ai crée
<form action="reserver.php" method="post">
         <input type="hidden" value="maths" name="ens"></input><br>
         <table class="tab">
           <tbody>
                <tr>
            <th width="30px"></th>
            <th width="110px">09h:00->10h:00</th>
            <th width="110px">10h:00->11h:00</th>
            <th width="110px">11h:00->12h:00</th>
            <th width="110px">12h:00->13h:00</th>
            <th width="110px">13h:00->14h:00</th>
            <th width="110px">14h:00->15h:00</th>
            <th width="110px">15h:00->16h:00</th>
          
          
          </tr>
        
           <tr><td>Sam</td><td><?php  if(isset($_POST['date']) and (isset($_POST['ajouter_date'])) ) { echo '<a href="reserver.php?jour=samedi&heure=09h:00">'.$_POST['date'].'</a>'.' '.'<a href="#"><img src="images/moins.jpeg"></img></a>';  }  ?><a href="#" onClick="afficher();"><br><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=samedi&heure=10h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=11h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=12h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=13h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=14h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=15:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td></tr>
           <tr><td>Dim</td><td><?php  if(isset($_POST['date']) and (isset($_POST['ajouter_date'])) ) { echo '<a href="reserver.php?jour=dimanche&heure=09h:00">'.$_POST['date'].'</a>'.' '.'<a href="#"><img src="images/moins.jpeg"></img></a>';  }  ?><a href="#" onClick="afficher();"><br><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=dimanche&heure=10:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=dimanche&heure=11h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=dimanche&heure=12:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=dimanche&heure=13h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=dimanche&heure=14h:00"><img src="images/add-icon.gif"></img></td><td><a href="reserver.php?jour=dimanche&heure=15h:00"><img src="images/add-icon.gif"></img></a></td></tr>
           <tr><td>Lun</td><td><a href="reserver.php?jour=lundi&heure=09h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=lundi&heure=10h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=lundi&heure=11h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=lundi&heure=12h:00"><img src="images/add-icon.gif"></img></td><td><a href="reserver.php?jour=lundi&heure=13h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=lundi&heure=14h:00"><img src="images/add-icon.gif"></img></td><td><a href="reserver.php?jour=lundi&heure=15h:00"><img src="images/add-icon.gif"></img></a></td></tr>
           <tr><td>Mar</td><td><a href="reserver.php?jour=mardi&heure=09h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=10h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=11h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=12h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=13h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=14h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mardi&heure=15h:00"><img src="images/add-icon.gif"></img></a></td></tr>
           <tr><td>Mer</td><td><a href="reserver.php?jour=mercredi&heure=09h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=10h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=11:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=12:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=13h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=14h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=mercredi&heure=15h:00"><img src="images/add-icon.gif"></img></a></td></tr>
           <tr><td>Jeu</td><td><a href="reserver.php?jour=jeudi&heure=09h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=10h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=11h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=12h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=13h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=14h:00"><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=jeudi&heure=15h:00"><img src="images/add-icon.gif"></img></a></td></tr>
           
           
           </tbody>
         </table>
         
         
         
        
        </form>
        <form action="soutenance.php" method="post">
        <p id='champ_cache'>
        <select name='date' >
        <?php while($interval = mysql_fetch_array($date)) { echo "<option>" .$interval['date']."</option>\n";} ?>
        </select>
        <input type="submit" value="valider" name="ajouter_date" ></input>
          </p>
          </form>
         <script type="text/javascript">
                                             document.getElementById("champ_cache").style.display = "none";
 
function afficher()
{
    var coche = document.getElementsByTagName("a");
     
    if(coche)
    {
        document.getElementById("champ_cache").style.display = "block";
    }
    else
    {
        document.getElementById("champ_cache").style.display = "none";
    }
}
</script>


EDIT: Ajout de la coloration syntaxique.
Afficher la suite 

1 réponse

Messages postés
194
Date d'inscription
dimanche 18 mars 2007
Statut
Membre
Dernière intervention
11 juillet 2015
0
Merci
Salut

Si tu utilise du pure javascript:;

tu peut assigner un id a chaque td et le passer en paramètre à la fonction afficher

Example :

PHP
<tr>
<td>Sam</td>
<td id="td_sam"><?php if(isset($_POST['date']) and (isset($_POST['ajouter_date'])) ) { echo '<a href="reserver.php?jour=samedi&heure=09h:00">'.$_POST['date'].'</a>'.' '.'<a href="#"><img src="images/moins.jpeg"></img></a>'; } ?><a href="#" onClick="afficher('td_sam');"><br><img src="images/add-icon.gif"></img></a></td><td><a href="reserver.php?jour=samedi&heure=10h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=11h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=12h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=13h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=14h:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td><td><a href="reserver.php?jour=samedi&heure=15:00"><img src="images/add-icon.gif"></img></a><a href="#" onClick="afficher();">date</a></td>
</tr>


Javascript

function afficher(id) {

var tdAModifier = document.getElementById(id);
.....
}
merci devil pour votre réponse
mais ce que je cherche et quand je clique dur l'icone qui se trouve à l'interieur d'un td je dois afficher une liste déroulante qui contient des date et un bouton valider et ça je l'ai programmé avec la fonction afficher(). et quand je choisis la date et je clique sue le bouton valider je veut qu il m'affiche la date sélectionnée dans le même td
mon problème est comment identifier le td concernée
Commenter la réponse de devil_may_cry