div caché qui au rechargement de la page ne le sont pas
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:
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:
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 :)
En fait il fallait que je fasse une petite sieste de 15mn...
dans mon fichier .js
Code:
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:
<body onload="myForm()">