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

**rragnarok** · 15/03/2008, 03h59

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 :

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

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 :

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

1
2
3
4
5
6
 
somme="somme";
function fonction_somme()
{
alert();
}

quand je fais ceci, ca marche pas

Code :

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

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 :

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

1
2
 
<div><span id="somme"></span></div>

voila, si vous savez pourquoi le getElemetById ne fonctionne pas.. n hesitez pas

merci
eric

**SpaceFrog** · 15/03/2008, 07h34

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 :

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

<body onload="focntion_somme()">

**htr999** · 15/03/2008, 09h24

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+

**SpaceFrog** · 15/03/2008, 11h37

oui ou alors:

Code :

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

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

**rragnarok** · 15/03/2008, 15h55

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 :

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

1
2
 
onload="fonctions_au_demarage()"

fichier js:

Code :

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

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

je vais tenter...

**rragnarok** · 15/03/2008, 16h51

ca marche!

nickel...

Code :

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

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

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager