Optimisation select form

Version imprimable

Bonjour, je debute et j'aurai voulu savoir comment je pourrai optimiser cela :

Code:

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
	Sélectionnez vos numéros de semaines de disponibilitées :<br/><br/>
	<select class="ui-multiselect ui-widget ui-state-default ui-corner-all" id="dureeSemaines">
	<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>
	<option value="24">24</option>
	<option value="25">25</option>
	<option value="26">26</option>
	<option value="27">27</option>
	<option value="28">28</option>
	<option value="29">29</option>
	<option value="30">30</option>
	<option value="31">31</option>
	<option value="32">32</option>
	<option value="33">33</option>
	<option value="34">34</option>
	<option value="35">35</option>
	<option value="36">36</option>
	<option value="37">37</option>
	<option value="38">38</option>
	<option value="39">39</option>
	<option value="40">40</option>
	<option value="41">41</option>
	<option value="42">42</option>
	<option value="43">43</option>
	<option value="44">44</option>
	<option value="45">45</option>
	<option value="46">46</option>
	<option value="47">47</option>
	<option value="48">48</option>
	<option value="49">49</option>
	<option value="50">50</option>
	<option value="51">51</option>
	<option value="52">52</option>
	</select>

avec une boucle ? oui mais comment faire ?

27/12/2011, 10h44
Malinaka

On ne peux pas boucler en html, c'est un langage de balise. Si tu veux automatiser cela il te faut passer par un langage de script tel que php.

Utilise javascript :

Code:

1
2
3
4
5
6
7
8
9
 
Sélectionnez vos numéros de semaines de disponibilitées :<br/><br/>
	<select class="ui-multiselect ui-widget ui-state-default ui-corner-all" id="dureeSemaines">
	</select>
 
<script>
        for (i = 1; i <= 52; i++)
                document.getElementById("dureeSemaines").insertAdjacentHTML("beforeEnd", "<option value='"+i+"'>"+i+"</option>");
</script>

27/12/2011, 12h58
Torgar

Bonjour,

C'est une question bête, mais pourquoi vouloir optimiser ça ?
27/12/2011, 14h01
Bovino

Citation:

Envoyé par Torgar

C'est une question bête, mais pourquoi vouloir optimiser ça ?

Ben oui... quel est l'intérêt, parce qu'au final, tu ne pourras jamais faire en sorte que toutes les options soient affichées dans la source... il n'y a rien à optimiser :koi:

Bonjour,

A la base c'etait pour réduire le nombre de ligne de code.

j'ai utilisé le php en faisant :
Code:

1 2 3 4 <select class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup" id="minutesMatin"> <?$i = 0; while($i <= 55){?> <option value="<?echo $i;?>"><?echo $i; $i = $i+5; ?></option> <?}?>
et a la fin j'ai bien ma liste deroulante avec les valeurs voulu

Merci pour vos reponses

Citation:
Envoyé par soryo
Bonjour,

A la base c'etait pour réduire le nombre de ligne de code.

j'ai utilisé le php en faisant :
Code:

1 2 3 4 <select class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup" id="minutesMatin"> <?$i = 0; while($i <= 55){?> <option value="<?echo $i;?>"><?echo $i; $i = $i+5; ?></option> <?}?>
et a la fin j'ai bien ma liste deroulante avec les valeurs voulu

Merci pour vos reponses
Réduire le nombre de ligne ne signifie aucunement une optimisation, surtout dans ton cas.

Parce que de

ton code n'en est pas plus clair, bien au contraire. A ce sujet : $i += 5; serait plus pratique à $i = $i + 5; ;)
ton temps d'exécution s'allonge, certes, c'est infiniment petit, mais répété....

Citation:
Envoyé par hariman
Utilise javascript :
Code:

1 2 3 4 5 6 7 8 9 Sélectionnez vos numéros de semaines de disponibilitées :<br/><br/> <select class="ui-multiselect ui-widget ui-state-default ui-corner-all" id="dureeSemaines"> </select> <script> for (i = 1; i <= 52; i++) document.getElementById("dureeSemaines").insertAdjacentHTML("beforeEnd", "<option value='"+i+"'>"+i+"</option>"); </script>
insertAdjacentHTML est, d'après mes recherches, uniquement pour IE...
De plus, quand il s'agit d'intégrer dans une page des éléments HTML on utilise des fonctions DOM.

29/12/2011, 09h53
laurentSc

Pour satisfaire ma curiosité, pourquoi $i += 5; ? Moi, je me serais contenté de $i++;
29/12/2011, 09h56
Torgar

Citation:

Envoyé par laurentSc

Pour satisfaire ma curiosité, pourquoi $i += 5; ? Moi, je me serais contenté de $i++;

Je pense que se sont des erreurs de frappes (que j'ai répété :aie:).

Et en allant dans ce sens, pourquoi jusqu'à 55 et non 52 ? 8O
Il n'y a que 52 semaines dans une année.
29/12/2011, 10h01
laurentSc

Oui, merci, et tu as raison pour le 55, sachant que le code à optimiser s'arrête à 52 ainsi que la solution en js...
29/12/2011, 10h02
Bovino

Code:

id="minutesMatin"

Je pense qu'il est passé des numéros de semaines à des minutes sélectionnables de 5 en 5 :aie:

Sinon, je suis bien d'accord avec Torgar, certes, une boucle PHP permet de limiter le nombre de lignes du fichier PHP, mais pas celles du fichier HTML généré.
D'autre part, cela oblige le serveur à interpréter le code PHP au lieu de se contenter de renvoyer un contenu HTML, on est loin d'une optimisation !
29/12/2011, 10h43
laurentSc

Citation:

Je pense qu'il est passé des numéros de semaines à des minutes sélectionnables de 5 en 5

Même sélectionnable de 5 en 5, sachant que dans une semaine, il y a 10080 minutes, ça fait encore 2016 possibilités ; donc ça me paraît un peu beaucoup :mrgreen:
et sinon, même si passer en PHP, ça n'optimise pas vraiment, ça aurait été mon réflexe aussi (et en javascript, ça ne doit pas ralentir...)
29/12/2011, 11h05
Bovino

Si tu lis son code, tu pourras te rendre compte qu'il s'agit des minutes dans une heure, pas dans une semaine :roll:

Quant à le faire en JavaScript, ça n'a absolument aucun intérêt...
29/12/2011, 11h30
Torgar

Et je rajouterai qu'il n'y aucun intérêt à utiliser une procédure coûteuse en ressource serveur (php) ou client (javascript) pour afficher quelque chose d'apparamment statique.

A la limite, se servir de ce code pour générer la ou les listes <select></select> et les inscrire en "dur" dans ta page pourquoi pas. Tant qu'à avoir programmé ça, autant s'en servir ^^

Combien de listes as-tu au total et quelles sont-elles ?
29/12/2011, 11h54
laurentSc

Citation:

Si tu lis son code, tu pourras te rendre compte qu'il s'agit des minutes dans une heure, pas dans une semaine

Oui, d'ailleurs, ça explique le 55...

Citation:

Quant à le faire en JavaScript, ça n'a absolument aucun intérêt...

Si, celui-là :

Citation:

A la limite, se servir de ce code pour générer la ou les listes <select></select> et les inscrire en "dur" dans ta page pourquoi pas