Optimisation select form

**soryo** · 27/12/2011, 10h22

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

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
	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 ?

**Malinaka** · 27/12/2011, 10h44

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.

**hariman** · 27/12/2011, 12h27

Utilise javascript :

Code :

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

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>

**Torgar** · 27/12/2011, 12h58

Bonjour,

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

**Bovino** · 27/12/2011, 14h01

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

**soryo** · 28/12/2011, 16h29

Bonjour,

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

j'ai utilisé le php en faisant :

Code :

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

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

**Torgar** · 28/12/2011, 16h40

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 :

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

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é....

**Auteur** · 29/12/2011, 00h05

Envoyé par hariman

Utilise javascript :

Code :

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

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.

**laurentSc** · 29/12/2011, 09h53

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

**Torgar** · 29/12/2011, 09h56

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é

).

Et en allant dans ce sens, pourquoi jusqu'à 55 et non 52 ?

Il n'y a que 52 semaines dans une année.

**laurentSc** · 29/12/2011, 10h01

Oui, merci, et tu as raison pour le 55, sachant que le code à optimiser s'arrête à 52 ainsi que la solution en js...

**Bovino** · 29/12/2011, 10h02

Code :

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

id="minutesMatin"

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

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 !

**laurentSc** · 29/12/2011, 10h43

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

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

**Bovino** · 29/12/2011, 11h05

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

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

**Torgar** · 29/12/2011, 11h30

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 ?