Fonction activée à la première visite de la page

Version imprimable

Bonjour, j'ai un javascript, qui a pour but que si on coche un bouton radio, une partie de la page disparait.

Mais le problèmeest que j'aimerais qu'au chargement de la page, aucun bouton radio ne soit coché et que la partie cachée par Javascript ne soit pas encore affichée.

Est ce que celà est possible ?

Voila le Javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
}
</script>

Voila l'HTML :

Code:

1
2
3
4
5
<input name="venu" type="radio" id="Oui" value="Oui" onClick="GereControle('Oui', 'combien', '1');GereControle('Oui', 'combien2', '1');">&nbsp;<label for="Oui"/>
      Oui  </label></div></td>
      <td width="87" bordercolor="#000000"><div align="center">
        <input name="venu" type="radio" id="Non" value="Non" onClick="GereControle('Oui', 'combien', '1');GereControle('Oui', 'combien2', '1');">&nbsp;<label for="Non"/>
      Non</label></div></td>

02/01/2009, 10h35
vermine
Bonjour,

Je ne retrouve plus les arguments pour le visibility mais je peux vous expliquer avec display.
Pour que votre code ne s'affiche pas au chargement de la page, vous pouvez le lui préciser dans sa déclaration (exemple avec un INPUT qui s'appelerait Controle):
Code:

1 2 <input name="Controle" value="" style="display:none">
Mais alors dans votre javascript il faudrait ceci:
Code:

1 2 objControle.style.display=(objControleur.checked==true)?'':'none';
02/01/2009, 15h34
tofito

tu mets tes instructions dans ton body et tout sera chargé au chargement de la page... hum... joli pléonasme...

exemple:

Code:

<body onload="document.getElementById('good_code').style.display = 'none'; document.getElementById('code').disabled = false; document.getElementById('code').value = ''; document.getElementById('validation').disabled = true; ">

Dans ton cas ça pourrait être un truc du genre:

Code:

<body onload="document.getElementById('bloc_1').style.display = 'none'; document.getElementById('bloc_2').style.display = 'block'; ">

Le bloc div nommé bloc_1 sera alors caché tandis que le bloc div nommé bloc_2 sera affiché
19/01/2009, 19h27
saraza

Excusez moi de répondre si tard :oops:.

J'ai fait ce qu'a dit Vermine mais j'ai un problème, ça marche bien sur IE mais ça ne marche sur Internet Explorer.

Y-aurait il une solution ?

Merci beaucoup de votre réponse
19/01/2009, 22h34
SpaceFrog

le display doit être initialisé au départ dans la balise
ensuite il doit basculer entre block et none

Excuse moi je n'y connais pas grand chose ne Javascript.
Voila ce que j'ai actuellement :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
objControle.style.display=(objControleur.checked==true)?'':'none';
	if (Masquer =='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
}
</script>

Et avec le <tr> :

Code:

<tr style="background-color: #800080" id="combien" style="display:none">

Merci beaucoup de ton aide ;)

20/01/2009, 08h19
Bovino

Tu agis de façon un peu désordonnée à la fois sur display et visibility... ça peut poser problème !
20/01/2009, 08h25
vermine
Bonjour,

Je ne voyais pas les choses ainsi. :oops:
Je pensais que ceci:

Code:

objControle.style.display=(objControleur.checked==true)?'':'none';

remplacerait ceci:
Code:

1 2 3 4 5 if (Masquer =='1') objControle.style.visibility=(objControleur.checked==true) ? 'visible' : 'hidden'; else objControle.disabled=(objControleur.checked==true) ? false : true;
Mais je ne sais pas ce que représente la variable "Masquer". Comment déterminez-vous sa valeur ?