Bonjour Voila je suis en train de réaliser une site internet avec prise de rendez pour un particulier. j'ai généré un calendrier php et je souhaite que lorsqu'un utilisateur clique sur un des jours du calendrier un formulaire apparaisse avec un champs ou la date est récupéré sur un input. voici pour code du calendrier et du formulaire :

<?php 

require ('date.php');

//require ('Events.php');

//$events = new Events();*/

$date = new Date();

$year = date('Y');

$dates = $date->getAll($year);

?>

<div class="periods">

<div id="year"><?php echo $year; ?><img src="../images/fleche1.png" alt="" ></div>

<div class="months">

<ul>

<?php foreach ($date->months as $id=>$m) : ?>

<li><a href="" id="linkMonth<?php echo $id+1; ?>"><?php echo substr ($m,0,3); ?></a></li>

<?php endforeach; ?>

</lu>

</div>

<?php $dates = current($dates); ?>

<?php foreach ($dates as $m=>$days): ?>

<div class="month" id="month<?php echo $m; ?>">

<table id="calendar">

<thead>

<tr>

<?php foreach ($date->days as $d): ?>

<th><?php echo substr($d,0,3); ?></th>

<?php endforeach; ?>

</tr>

</thead>

<tbody>

<tr>

<?php $end = end($days);  foreach ($days as $d=>$w): ?>

<?php if($d==1  and $w != 1): ?>

<td onclick="toggleForm()" colspan="<?php echo $w-1; ?>"></td>

<?php endif ?>

<td onclick="toggleForm()"><?php echo $d; ?></td>

<?php if($w == 7): ?>

</tr><tr>

<?php endif; ?>

<?php endforeach; ?>

</tr>

</tbody>

</table>

<script>

function toggleForm(){

    // on réccupère l'élément form.

   var formulaire = document.getElementById('rdv');

   if(formulaire.style.display == 'none'){

       formulaire.style.display = 'block';

   }else{

       formulaire.style.display = 'none';

    }

}

</script>

<FORM id="rdv" method="GET" action="enregistrement2.php" autocomplete="OFF">

<table id="table">

<tr>

<td> Coiffeur </td>

<td class="inscri">

<FORM>

<SELECT name="coiffeur" size="1">

<OPTION value="J-C">Jean-Christohe<OPTION value="Autre">Autre

</SELECT>

</FORM>

</td>

<tr>

<td class="inscri"> Nom : </td>

<td class="inscri"><input type="text" Name="nom" value="" placeholder="Dupont" /></td>

</tr>

<tr>

<td class="inscri"> Type de rendez-vous : </td>

<td class="inscri">

<FORM>

<SELECT name="type" size="1">

<OPTION value="barbe">Barbe<OPTION value="coupebarbe">Coupe + Barbe<OPTION value="coupe">Coupe

</SELECT>

</FORM></td>

</tr>

<tr>

<td class="inscri"> Heure  </td>

<td class="inscri">

<FORM>

<SELECT name="heure" size="1">

<OPTION value="10h">10h<OPTION value="10h30">10h30<OPTION value="11h">11h<OPTION value="11h30">11h30<OPTION value="12h">12h<OPTION value="12h30">12h30<OPTION value="13h">13h<OPTION value="13h30">13h30<OPTION value="14h">14h<OPTION value="14h30">14h30<OPTION value="15h">15h<OPTION value="15h30">15h30<OPTION value="16h">16h<OPTION value="16h30">16h30<OPTION value="17h">17h<OPTION value="17h30">17h30<OPTION value="18h">18h<OPTION value="18h30">18h30<OPTION value="19h">19h<OPTION value="19h30">19h30

</SELECT>

</FORM>

</td>

</tr>

<tr>

<td> <input type="submit" value="Prendre Rendez-vous"></td>

</table>

</form>

</div>

<?php endforeach; ?>

</div>

-
Edité par MehdiRamo 5 juillet 2019 à 15:33:24

Salut, 

pourquoi ne pas utiliser un calendrier existant ?

Type https://fullcalendar.io/

Générer toi même un calendrier, c'est un peu bancale, sans parler du fait que comme tu as fait, si on est le 31 décembre, ton calendrier est vide.

-
Edité par lk77 4 juillet 2019 à 14:26:31

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: jscript;">Votre code ici</pre>.

Bonjour.

Tu as beau avoir recréé ton sujet dans le bon forum, tu n'as toujours pas utilisé la balise pour le code et tu n'as même pas prit en compte l'erreur que je t'avais indiqué concernant ton formulaire et le fait de placer le code Javascript dans une boucle.