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

fijou12 - Modifié par Whismeril le 30/06/2015 à 13:43
fijou12 - 12 juil. 2015 à 11:07

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.

A voir également:

Afficher un élément d'un select à l'intérieur d'un td
Afficher un tableau php en html - Conseils pratiques -PHP
Deuxieme element ✓ - Forum C# / .NET
Afficher userform vba a l'ouverture d'excel ✓ - Forum Visual Basic
Php supprimer un élément d'un tableau ✓ - Forum PHP
Supprimer element d'un array et mettre à jour la clef ✓ - Forum PHP

1 réponse

Réponse 1 / 1

devil_may_cry Messages postés 194 Date d'inscription dimanche 18 mars 2007 Statut Membre Dernière intervention 11 juillet 2015
11 juil. 2015 à 03:02

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);
   .....
}

fijou12
12 juil. 2015 à 11:07

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

Discussions similaires

afficher un tableau en php

ajouter des colonnes lors d'un SELECT

insertion d'un élément dans un tableau en java

ajouter des entiers dans un tableau a trier dans un ordre croissant

inserer et supprimer des elemnts dans un tableau

Votre réponse

Discussions similaires