div caché qui au rechargement de la page ne le sont pas [Résolu]

nico le noob · 24/01/2012, 17h22

Salut tout le monde

Niveau JavaScript 1/10 ^^
J'ai réussi à pondre un code "que je comprend" mais le problème c'est qu'au rechargement de la page il ne prend pas en compte les variations de input type select et du coup mon formulaire à l'air de...Bha de rien en fait...ce que j'aimerai c'est placer un "ecouteur" ou alors une fonction par defaut qui se declencherai au moment du chargement de la page.
Voilà un petit bout d'html:

Code :

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

1
2
3
4
5
6
7
<select name="demarche" id="demarche" >
<option value="titulaire">Changement de titulaire</option>
<option value="domicile">Changement de domicile</option>
<option value="matrimonial">Changement de statut matrimonial</option>
<option value="duplicata">Demande de duplicata</option>
<option value="neuf">Véhicule neuf</option>
</select>

Voilà un peu petit bout de JS:

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
 
// Id de mon select
		var demarche = document.getElementById('demarche');
// toutes mes div/input (tout marche impecable )
		var cache1 = document.getElementById('cache1');
		var cache2 = document.getElementById('cache2');
		var cache3 = document.getElementById('cache3');
		var cache4 = document.getElementById('cache4');
		var cache5 = document.getElementById('cache5');
		var cache6 = document.getElementById('cache6');
		var cache7 = document.getElementById('cache7');
		var cache8 = document.getElementById('cache8');
		var cache9 = document.getElementById('cache9');
// un des champ parmi la dizaine
// Changement de titulaire 3
		demarche.addEventListener('change', function(){
			if (demarche.options[demarche.selectedIndex].value == "titulaire"){
				cache1.hidden = false;
				cache2.hidden = false;
				cache3.hidden = true;
				cache4.hidden = false;
				cache5.hidden = false;
				cache6.hidden = false;
				cache7.hidden = false;
				cache8.hidden = false;
				cache9.hidden = true;
			}
		});

Tout marche très bien mais au chargement de la page toute mes div sont "apparentes".

Je suppose qu'un bon vieux <body onload()> devrait faire l'affaire mais je ne sais pas encore comment l'utiliser correctement...

Merci

nico le noob · 24/01/2012, 18h27

dans mon fichier .js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function myForm(){
	cache1.hidden = false;
	cache2.hidden = false;
	cache3.hidden = true;
	cache4.hidden = false;
	cache5.hidden = false;
	cache6.hidden = false;
	cache7.hidden = false;
	cache8.hidden = false;
	cache9.hidden = true;
}

Dans mon .html

Code :

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

<body onload="myForm()">

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email