Probleme heures/minutes php

Résolu/Fermé
hichtar - 28 juin 2012 à 16:58
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 - 28 juin 2012 à 20:50
Bonjour,


Je vous ecris car j aurai besoin de votre aide:en effet je dois faire un formulaire ou les minutes et les heures sont juxtaposees sous forme d'options; separees par ":", le tout servant a remplir les heures de debut et de fin des journees de travail pendant la semaine.

Le probleme est que sous cette forme, je ne vois pas comment faire en sorte que losque l on selectionne 5PM, les minutes ne soient disponibles qu'en 00, etant donne que le bureau ferme a 17h.

Voici mon code initial:

<tr>
	<td>
		<input type="checkbox" name="Monday" value="Monday">
		Monday
	</td>
	<td>
		from:
	</td>
	<td>
		<select name="BeginingMondayHours">
			<?php
			for($i=9;$i<17;$i++)
			{
				$y= $i-12;
				if($i<10) echo "<option>0".$i."AM"."</option>";
				else if($i<13) echo "<option>".$i."AM"."</option>";
				else echo "<option>".$y."PM"."</option>";
			}
			?>
		</select>
		:
		<select name="BeginingMondayMins">
		<?php
			for($i=0;$i<60;$i+=5)
				{
				if($i<10) echo "<option>0".$i."</option>";
				else echo "<option>".$i."</option>";
			}
			?>
		</select>
	</td>
	<td>
		to:
	</td>
	<td>
	<select name="EndingMondayHours">
			<?php
			for($i=9;$i<18;$i++)
			{
				$y= $i-12;
				if($i<10) echo "<option>0".$i."AM"."</option>";
				else if($i<13) echo "<option>".$i."AM"."</option>";
				else echo "<option>".$y."PM"."</option>";
			}
			?>
		</select>
		:
		<select name="EndingMondayMins">
			<?php
			for($i=0;$i<60;$i+=5)
			{
				if($i<10) echo "<option>0".$i."</option>";
				else echo "<option>".$i."</option>";
			}
			?>
		</select>
	</td>
</tr>


Merci d avance pour votre consideration :)

2 réponses

aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 30
28 juin 2012 à 19:44
Il faut le faire avec du javascript:

Ajoute ceci dans ta page:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
  var init = $("select[name='EndingMondayMins']").html();
  var val = '';
  $("select[name='EndingMondayHours']").change(function() {
    if($(this).val() == '5PM') val = '<option>00</option>';
    else val = init;
    $("select[name='EndingMondayMins']").html(val);
  });
});
</script>
1
Ca marche super :) merci 1000 fois, mais aurais tu un code qui ne me fasse pas passer par http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js et que je pourrais recreer moi meme?

Merci et bonne journee a vous :)
0
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 30
28 juin 2012 à 20:50
Télecharge jquery: https://openjsf.org
0