question sur onLoad()

Version imprimable

09/12/2004, 15h46
Flobel

question sur onLoad()

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
09/12/2004, 16h12
Arachide Fluo

Peux-tu mettre ton code?

Code:

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:

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:

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

09/12/2004, 16h25
SpaceFrog

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 ...
09/12/2004, 16h26
Matthieu2000

Test sur IE, onLoad marche...
09/12/2004, 16h28
SpaceFrog

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 ...
09/12/2004, 16h31
Flobel
Citation:

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?

Citation:

Test sur IE, onLoad marche...

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

Citation:

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:

1 2 style="display=none"
dans le html. Et ça fonctionne.

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

A plus.

Florian
09/12/2004, 16h38
SpaceFrog

Code:

style="display=none"

:?: :?: :?: :?: :?:

à la limite

Code:

style="display:none;"

8O
09/12/2004, 16h42
Flobel
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:

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
09/12/2004, 16h50
SpaceFrog
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:

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

alors que
Code:

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