question sur onLoad()

**Flobel** · 09/12/2004, 15h46

J'ai mis une fonction javascript dans le OnLoad d'une page.
Cette fonction a pour but d'afficher ou d'effacer des element selon leur id (récupérés par getElementById).

Visiblement, cela de fonctionne pas, en effet j'appelle ma fonction pour qu'elle efface deux elements qui apparaissent tout de meme.

Je pense que ca provient du fait que la fonction est éxécutée trop tot (c'est a dire avant que mes elements soits crees).

Vous confirmez? Comment puis-je faire pour attendre leur création?

Merci.

Florian

**Arachide Fluo** · 09/12/2004, 16h12

Peux-tu mettre ton code?

**Flobel** · 09/12/2004, 16h22

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
 
<SCRIPT language=javascript src="./javascript/commun.js" type=text/javascript>
 </SCRIPT>
</head>
<body>
<table class="tableau_arborescence">
  <tr>
    <td class="orange" height="20" id="racine">
      <a href="./accueil.jsp" class="orange" target="contenu">Accueil</a>
    </td>
    <td  id="separateur1">&nbsp><td>
    <td  id="fils_1">&nbsp</td>
    <td  id="separateur2">&nbsp><td>
    <td  id="fils_2">&nbsp</td>
  </tr>
</table>
</body>
</html>

dans commun.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
 
function actualiser_arborescence(val_arbo1, val_arbo2, affiche_arbo1, affiche_arbo2)
{
 contenu=parent.frames["arborescence"].window.document.getElementById("fils_1");
 contenu2=parent.frames["arborescence"].window.document.getElementById("fils_2");
 separateur1=parent.frames["arborescence"].window.document.getElementById("separateur1");
 separateur2=parent.frames["arborescence"].window.document.getElementById("separateur2");
 
 contenu.firstChild.nodeValue=val_arbo1;
 contenu2.firstChild.nodeValue=val_arbo2;
 
 contenu.style.display=affiche_arbo1;
 separateur1.style.display=affiche_arbo1;
 
 contenu2.style.display=affiche_arbo2;
 separateur2.style.display=affiche_arbo2;
}

et j'aimerais tout effacer au debut avec

Code :

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

1
2
 
<body onload=javascript:actualiser_arborescence("","","none","none")>

Je précise que ca marche lorsqu'on appelle cette fonction et que la frame contenant les elements a afficher ou effacer est déjà chargée.

Merci.

Florian

**SpaceFrog** · 09/12/2004, 16h25

et en appelant la fonction en dernière ligne de page juste avant la fermeture de la balise </html> au lieu de dans le onload ...

**Matthieu2000** · 09/12/2004, 16h26

Test sur IE, onLoad marche...

**SpaceFrog** · 09/12/2004, 16h28

matt cela doit dépendre de si les éléments sont chargés ou non donc au pire si c'est vraiment long à charger un setTimeOut ou un setInterval qui vérifie si l'element existe ou non ...

**Flobel** · 09/12/2004, 16h31

et en appelant la fonction en dernière ligne de page juste avant la fermeture de la balise </html> au lieu de dans le onload ...

je n'etais pas sur qu'on pouvait faire ça. D'ailleurs, on fait comment?

Test sur IE, onLoad marche...

Moi aussi, ça marche des fois, et d'autres non.

matt cela doit dépendre de si les éléments sont chargés ou non

c'est ce que je pense aussi, et vu qu'ici le réseau rame a fond, ça doit etre ca.

J'ai réussi a faire ce que je voulais, en rajoutant

Code :

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

1
2
 
style="display=none"

dans le html. Et ça fonctionne.

Merci pour vos idées, je m'en rappelerai.

A plus.

Florian

**SpaceFrog** · 09/12/2004, 16h38

Code :

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

style="display=none"

:

:

à la limite

Code :

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

style="display:none;"

**Flobel** · 09/12/2004, 16h42

Oui c'est ça autant pour moi. Dans mon code j'ai bien mis les :

Sinon, comment on fait pour executer un bout de code javascript n'importe quand?

il suffit de mettre :

Code :

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

1
2
3
4
5
6
 
 <SCRIPT language=javascript>
  ...
  objet.style.display="none";
  ...
 </SCRIPT>

en dehors de fonctions?
Désolé, c'est basique comme question... Mais je pense que c'est ça.

Merci encore et a plus.

Florian

**SpaceFrog** · 09/12/2004, 16h50

si tu le mets comme ça le script s'exécutera au moment ou le browser l'interprètera c'est a dire une seule fois au chargement de la page dans le flux du code html

donc si tu fais un truc du genre:

Code :

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

1
2
3
4
<script type='text/javascript'>
alert(document.getElementById('truc').id)
</script>
<div id="truc">coucou</div>

ça plantera

alors que

Code :

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

1
2
3
4
5
 
<div id="truc">coucou</div>
<script type='text/javascript'>
alert(document.getElementById('truc').name)
</script>

Ce qui est tout a fait logique car dans le premier cas le div n'existe pas quand le script est lancé ....

question sur onLoad()

JavaScript

Discussions similaires

Partager

Partager