fonction javascript heure debut<heure fin

**johan0510** · 31/03/2010, 14h24

bonjour à tous,

j'ai un formulaire ou je choisi l'heure de début et l'heure de fin d'une réservation avec une liste déroulante. Il faudrait que j'ai une fonction qui interdit de mettre une heure de début plus grande qu'une heure de fin... pour cela j'ai ce script :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<tr>
				<td> Heure de début :
				<select name='heure_debut' onchange='this.form.heure_fin.options[this.selectedIndex+1].selected=true;'>
					<option value='0'>0</option>
					<option value='1'>1</option>
					<option value='2'>2</option>
					<option value='3'>3</option>
					<option value='4'>4</option>
					<option value='5'>5</option>
					<option value='6'>6</option>
					<option value='7'>7</option>
					<option value='8'>8</option>
					<option value='9'>9</option>
					<option value='10'>10</option>
					<option value='11'>11</option>
					<option value='12'>12</option>
					<option value='13'>13</option>
					<option value='14'>14</option>
					<option value='15'>15</option>
					<option value='16'>16</option>
					<option value='17'>17</option>
					<option value='18'>18</option>
					<option value='19'>19</option>
					<option value='20'>20</option>
					<option value='21'>21</option>
					<option value='22'>22</option>
					<option value='23'>23</option>
				</select>
				</td>
			</tr>
 
			<tr>
				<td> Heure de fin :
				<select name='heure_fin'>
					<option value='0'>0</option>
					<option value='1'>1</option>
					<option value='2'>2</option>
					<option value='3'>3</option>
					<option value='4'>4</option>
					<option value='5'>5</option>
					<option value='6'>6</option>
					<option value='7'>7</option>
					<option value='8'>8</option>
					<option value='9'>9</option>
					<option value='10'>10</option>
					<option value='11'>11</option>
					<option value='12'>12</option>
					<option value='13'>13</option>
					<option value='14'>14</option>
					<option value='15'>15</option>
					<option value='16'>16</option>
					<option value='17'>17</option>
					<option value='18'>18</option>
					<option value='19'>19</option>
					<option value='20'>20</option>
					<option value='21'>21</option>
					<option value='22'>22</option>
					<option value='23'>23</option>
				</select>
				</td>
			</tr>

la ligne de code suivante permet d'augmenter l'heure de fin de +1 par rapport à l'heure de début mais cela n'empêche peut être pas les erreurs...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select name='heure_debut' onchange='this.form.heure_fin.options[this.selectedIndex+1].selected=true;'>

Quelqu'un a-t-il une fonction permettant ceci ?? merci à vous

**E.Bzz** · 31/03/2010, 14h29

Bonjour,

Envoyé par johan0510

Quelqu'un a-t-il une fonction permettant ceci ??

une fonction je sais pas, mais une solution de test dans la FAQ (à adapter pour prendre en compte les heures), oui

A+

**johan0510** · 31/03/2010, 14h38

merci de ta réponse e.bzz, je viens de regarder, je pense que cette fonction sera la mieux :

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
 
// Mise en place de la première date
d1 = new Date(0);
d1.setFullYear(2006, 11, 27)
 
// Mise en place de la seconde date
d2 = new Date(0);
d2.setFullYear(2006, 0, 18)
 
if(d1 > d2)
alert("d1 est après d2");
else if(d1 < d2)
alert("d1 est avant d2");
else
alert("d1 et d2 sont la même date");

il faut que je l'adapte mais comment puis-je l'insérer dans mon formulaire ??

**E.Bzz** · 31/03/2010, 14h40

Envoyé par johan0510

comment puis-je l'insérer dans mon formulaire ??

Ben tu en fais une fonction et tu l'appelles sur onchange de chacun des 2 select

Attention toutefois au cas où l'un des 2 n'est pas encore renseigné ...

A+

**johan0510** · 31/03/2010, 14h52

okay j'ai fait ce que tu m'as dit le problème c'est qu'il ne se passe rien

voici ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function verifHeure(){
// Mise en place de la première heure
d1 = $heureDebut;
 
// Mise en place de la seconde heure
d2 = $heureFin
 
if(d1 > d2)
alert("L'heure de début est plus grande que l'heure de fin");
else if(d1 <=d2)
alert("L'heure de début est égale à l'heure de fin");
}
</script>

et voici mon formulaire :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<?php
echo "<form method='post' action='#'>
        <table id='tabAjoutEvent'>
                
                        <tr>
                                Ce formulaire vous permet de saisir un nouvel évènement de la piste de karting.
                        </tr>

                        <tr>
                                <br><br>
                        </tr>
                        
                <tr>
                <td>Date : <input type='date' size = '10' name='date_evenement' value='$date_evenement'/></td>
            </tr>
                        
                        <tr>
                                <td> Heure de début :
                                <select name='heure_debut' onchange='verifHeure(this)'>
                                        <option value='0'>0</option>
                                        <option value='1'>1</option>
                                        <option value='2'>2</option>
                                        <option value='3'>3</option>
                                        <option value='4'>4</option>
                                        <option value='5'>5</option>
                                        <option value='6'>6</option>
                                        <option value='7'>7</option>
                                        <option value='8'>8</option>
                                        <option value='9'>9</option>
                                        <option value='10'>10</option>
                                        <option value='11'>11</option>
                                        <option value='12'>12</option>
                                        <option value='13'>13</option>
                                        <option value='14'>14</option>
                                        <option value='15'>15</option>
                                        <option value='16'>16</option>
                                        <option value='17'>17</option>
                                        <option value='18'>18</option>
                                        <option value='19'>19</option>
                                        <option value='20'>20</option>
                                        <option value='21'>21</option>
                                        <option value='22'>22</option>
                                        <option value='23'>23</option>
                                </select>
                                </td>
                        </tr>
                        
                        <tr>
                                <td> Heure de fin :
                                <select name='heure_fin' onchange='verifHeure(this)'>
                                        <option value='0'>0</option>
                                        <option value='1'>1</option>
                                        <option value='2'>2</option>
                                        <option value='3'>3</option>
                                        <option value='4'>4</option>
                                        <option value='5'>5</option>
                                        <option value='6'>6</option>
                                        <option value='7'>7</option>
                                        <option value='8'>8</option>
                                        <option value='9'>9</option>
                                        <option value='10'>10</option>
                                        <option value='11'>11</option>
                                        <option value='12'>12</option>
                                        <option value='13'>13</option>
                                        <option value='14'>14</option>
                                        <option value='15'>15</option>
                                        <option value='16'>16</option>
                                        <option value='17'>17</option>
                                        <option value='18'>18</option>
                                        <option value='19'>19</option>
                                        <option value='20'>20</option>
                                        <option value='21'>21</option>
                                        <option value='22'>22</option>
                                        <option value='23'>23</option>
                                </select>
                                </td>
                        </tr>
                        
                        <tr>
                                <td>Description de la piste :
                                <select name='id_etat_evenement'>";
                                
                                $sql = ('SELECT * FROM jos_etat'); //on sélectionne tout les champs de la table état
                                $req = mysql_query($sql) or die(mysql_error()); //Envoie une requête à un serveur MySQL  et Retourne le texte associé avec l'erreur générée lors de la dernière requête
                                while($data = mysql_fetch_assoc($req)) // Tant qu'il y a des enregistrements  $data on lance la requête
                                //mysql_fetch_assoc — Lit une ligne de résultat MySQL dans un tableau associatif
                                {
                                        $optionT = $data['id_etat'].' | '.$data['description_etat']; // concaténation des deux éléments de la table état
                                        echo '<option value='.$optionT.'>' .$optionT. '</option>';
                                }
                                mysql_close(); //Ferme la connexion MySQL
                        
                                echo "</select></td>
                        </tr>
                
                        <tr>
                                <td><br></td>
                        </tr>
                
                <tr>
                        <td>
                        <a href='javascript:void(0)'>
                        <input name='reset' type='reset' value='Effacer' class='reset'/>
                        </a>

                        <a href='javascript:void(0)'>
                        <input type='submit' name='envoi' value='Envoyer' class='submit'/>
                        </a>
                        </td>
                </tr>
                        
                </table>
    </form>";
        
?>

Y-a-t-il une erreur?

**E.Bzz** · 31/03/2010, 15h01

Envoyé par johan0510

Y-a-t-il une erreur?

Relis la FAQ ...

A+

fonction javascript heure debut<heure fin

JavaScript

Vue hybride

Discussions similaires

Partager

Partager