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

**saraza** · 31/12/2008, 11h57

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 :

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

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 :

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

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>

**vermine** · 02/01/2009, 10h35

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 :

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

1
2
 
<input name="Controle" value="" style="display:none">

Mais alors dans votre javascript il faudrait ceci:

Code :

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

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

**tofito** · 02/01/2009, 15h34

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

exemple:

Code :

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

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

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

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

**saraza** · 19/01/2009, 19h27

Excusez moi de répondre si tard

.

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

**SpaceFrog** · 19/01/2009, 22h34

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

**saraza** · 20/01/2009, 07h28

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

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

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

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

Merci beaucoup de ton aide

**Bovino** · 20/01/2009, 08h19

Tu agis de façon un peu désordonnée à la fois sur display et visibility... ça peut poser problème !

**vermine** · 20/01/2009, 08h25

Bonjour,

Je ne voyais pas les choses ainsi.

Je pensais que ceci:

Code :

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

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

remplacerait ceci:

Code :

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

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 ?

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

JavaScript

Discussions similaires

Partager

Partager