[POO] lancer une fonction JS au demarage de la page

Version imprimable

15/03/2008, 03h59
rragnarok

[POO] lancer une fonction JS au demarage de la page
Bonjour,

j aimerais lancer une fonction js au demarage de ma page.

1/ je recupere des valeurs dans ma bdd et j en fais une variable js
et
2/ je lance la fonction JS qui traite les valeurs de la bdd
Code:

1 2 3 4 5 6 echo ' <script type="text/javascript"> fonction_somme(); </script>';
c est fonction qui traite les infos qui me pose probleme.

celle ci marche:
Code:

1 2 3 4 5 6 somme="somme"; function fonction_somme() { alert(); }
quand je fais ceci, ca marche pas
Code:

1 2 3 4 5 6 somme="somme"; function fonction_somme() { document.getElementById(somme).innerHTML=var_choix_force+var_choix_dexterite; }
3/ la page s affiche.
Code:

1 2 <div><span id="somme"></span></div>
voila, si vous savez pourquoi le getElemetById ne fonctionne pas.. n hesitez pas

merci
eric
15/03/2008, 07h34
SpaceFrog

Ben alors je ne vais pas hésiter alors ^^ ..

Le pourquoi:

Les objets que tu appelles dans ta fonction ne sont pas encore instanciés ! Il n'existent pas encore pour javascript

la balise body n'ayant pas encore même ouverte au moment ou la ligne est interprétée, javascript ne sait pas aller chercher un objet du body !

Comment le resoudre.
Attendre que les objets soient instanciés avant de les appeler
Soit en deplaçant ton script après la declaration de l'objet. Mais cela n'est pas très propre, tu te retrouverais avec tes déclarations de fonctions javascript au mileu de ton code html...
L'autre solution beaucoup plus académique est de trouver un évènement qui se déclenche juste après que tout le code html ait été interprété et donc que tous les elements de la page soient instanciés (existent pour le navigatuer).
Cet évènement magique et salvateur c'est onload

Code:

<body onload="focntion_somme()">
15/03/2008, 09h24
htr999

Citation:

document.getElementById(somme).innerHTML=var_choix_force+var_choix_dexterite;

salut
juste une remarque, si var_choix_force ainsi que var_choix_dexterite sont les valeurs récupérée à partir des champs d'un formulaire, il faut les parser en Int avec parseInt()
a+
15/03/2008, 11h37
SpaceFrog

oui ou alors:

Code:

document.getElementById(somme).innerHTML=var_choix_force*1+var_choix_dexterite;
15/03/2008, 15h55
rragnarok
super nickel!!!
ca marche...

dès que j ai mis ca au propre, je fais un petit resumé du code qui marche.

une autre question...
j ai pas qu 'une fonction js a lancer au demarage...
donc on peut externaliser la chose:
Code:

1 2 onload="fonctions_au_demarage()"
fichier js:
Code:

1 2 3 4 5 6 7 function fonctions_au_demarage() { function fonction1(){fsdfdfsdds} function fonction2(){fsdfdfsdds} function fonction3(){fsdfdfsdds} }
je vais tenter...

ca marche!

nickel...

Code:

1
2
 
<body onload="fonctions_au_demarage()">

js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var var_1=0;
var var_2=0;
 
function fonctions_au_demarage()
{
alert(var_1);
alert(var_2);
fonction_somme();
}
 
 
somme="somme";
function fonction_somme()
{
document.getElementById(somme).innerHTML=(var_1*1)+(var_2*1);
}

merci les amis

eric