Discussion :

[sebastiez]

Bonjour,
J'ai créé un petit script tout bête mais qui fonctionne et qui consiste à récupérer les dimensions (largeur + hauteur) dans une liste déroulante afin d'afficher en dessous la surface en cm2. Comme je l'ai dit, le script fonctionne mais uniquement lorsque je sélectionne une valeur. Mon problème est que le script n'affiche rien au moment du chargement de la page.

Comment puis-je faire pour le script affiche un résultat à partir de la valeur initialement sélectionné lors du chargement de la page ?

Voici le petit scrypt d'exemple :

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
 
<label>
<select name="format" id="format" onchange="Calcul_Largeur_Hauteur(document.getElementById('format').value)">
  <option value="30x40">30x40cm</option>
  <option value="60x80" selected>60x80cm</option>
  <option value="120x160">120x160cm</option>
</select>
</label>
 
<script language="javascript">
			function Calcul_Largeur_Hauteur(largeur_hauteur){
			var lh_largeur_hauteur = largeur_hauteur.split('x');
			for (var i=0; i<largeur_hauteur.length; i++) {
			var largeur = lh_largeur_hauteur[0];
			var hauteur = lh_largeur_hauteur[1];
			}
			Calcul_Superficie(largeur, hauteur);}
 
			function Calcul_Superficie(largeur, hauteur){
			var superficie = (largeur*hauteur);
			document.getElementById("formatselect").innerHTML = superficie;
			}
			</script>
<div>La superficie est de <span id="formatselect"></span> cm<sup>2</sup></div>

Merci pour votre aide

[freddou17]

regarde du coté de onload en javascript...

++

[Bovino]

Code html :

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

<option value="60x80" selected>60x80cm</option>

Puisque tu connais la valeur par défaut, tu connais aussi la surface par défaut...

Code :

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

<div>La superficie est de <span id="formatselect">4800</span> cm<sup>2</sup></div>

semble donc suffisant...

A part ça, ton code est particulièrement lourd et maladroit...

Code :

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

1
2
3
4
5
6
var lh_largeur_hauteur = largeur_hauteur.split('x');
for (var i=0; i<largeur_hauteur.length; i++) {
    var largeur = lh_largeur_hauteur[0];
    var hauteur = lh_largeur_hauteur[1];
}
Calcul_Superficie(largeur, hauteur);

Pourquoi une boucle for ? Et pourquoi créer des variables inutiles ?

Code :

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

1
2
var lh_largeur_hauteur = largeur_hauteur.split('x');
Calcul_Superficie(lh_largeur_hauteur[0], lh_largeur_hauteur[1]);

fait la même chose...

[sebastiez]

regarde du coté de onload en javascript...

++

Merci pour ton aide

J'ai rajouté la ligne de code window.onload ci-dessous juste avant </script> et ça fonctionne.

Code :

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

1
2
3
window.onload=function(){
Calcul_Largeur_Hauteur(document.getElementById('format').options[document.getElementById('format').selectedIndex].value)
};

[sebastiez]

Merci Bovino pour tes conseils.
J'en prends bonne note.