[AJAX] intégrer multiple onload

**Fabinounours** · 08/09/2009, 15h11

bonjour, j'ai un problème sur le chargement de ma page.

je veux faire appel à plusieurs fonctions lors du chargement de ma page.
Seulement il n'y a qu'une seule fonction qui est chargée.

J'ai vu plusieurs solutions du style :

Code :

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

<body onload="fonction1(); fonction2();">

ou encore

Code :

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

<body onload="init();">

avec en javascript

Code :

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

1
2
3
4
5
function init()
{
    fonction1();
    fonction2();
}

ou encore

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
19
 function addEvent(obj_, event_, fct_) {
    if(obj_.addEventListener) {
        obj_.addEventListener(event_, fct_, true);    
    }
    else if(obj_.attachEvent) {
        if(/this\./g.test(fct_.valueOf())){
            obj_['on' + event_] = fct_;
        }
        else {
            obj_.attachEvent('on' + event_, fct_);
        }
    }
}
 
function startAll()
{
    addEvent(window, "load", fonction1);
    addEvent(window, "load", fonction2);
}

Rien de tout celà marche.
Est-ce que celà vient du fait que les fonctions que j'appelle vont faire appel à de l'ajax?

(ces fonctions me permettent d'afficher des listes déroulantes dynamiquement.)

Quelqu'un aurait-il une solution?
merci de votre aide.
(Désolé si je n'ai pas posté au bon endroit...)

**DoubleU** · 08/09/2009, 15h37

Qu'est-ce que tu as fait, et qu'est-ce qui ne marche pas?

Car tout ce que tu as écrit me semble correct, l'erreur doit être ailleurs.

**Fabinounours** · 08/09/2009, 15h50

A l'heure actuelle, j'ai ça :

Sur ma page principale

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
 
<script type="text/javascript" src="js/recherche.js" charset="iso_8859-1"></script>
<body style="font-family: verdana, helvetica, sans-serif; font-size: 85%" onload="startAll();" >
 
Puis dans mon formulaire, 
<tr>
                            <td><select name="servergrouplist" id="servergrouplist">
                                <option value="--">- - - Choisissez un groupe de serveurs - - -</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><select name="servicegrouplist" id="servicegrouplist">
                                <option value="--">- - - Choisissez un groupe de services - - -</option>
                                </select>
                            </td>
                        </tr>

Dans mon script recherche.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
18
19
20
21
22
 function addEvent(obj_, event_, fct_) {
    if(obj_.addEventListener) {
        obj_.addEventListener(event_, fct_, true);    
    }
    else if(obj_.attachEvent) {
        if(/this\./g.test(fct_.valueOf())){
            obj_['on' + event_] = fct_;
        }
        else {
            obj_.attachEvent('on' + event_, fct_);
        }
    }
}
 
function startAll()
{
    addEvent(window, "load", getServerGroupList);
    addEvent(window, "load", getServiceGroupList);
 
(avec dans le code mes fonctions getServerGroupList et getServiceGroupList)
Si je prends les fonctions une à une. Cela fonctionne.
}

Si l'erreur n'est pas la dedans, je vais voir de revoir mes fonctions, mais pourquoi les fonctions marcheraient quand elles sont appelées indépendemment.

**DoubleU** · 08/09/2009, 16h21

Code :

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

1
2
3
4
5
function startAll()
{
    getServerGroupList()
   getServiceGroupList()
}

Au moment ou startAll est exécutée, tu es déja dans ton evenement onload, donc c'est ici que tu dois exécuter tes fonctions.

**Fabinounours** · 08/09/2009, 16h36

Envoyé par DoubleU

Code :

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

1
2
3
4
5
function startAll()
{
    getServerGroupList()
   getServiceGroupList()
}

Au moment ou startAll est exécutée, tu es déja dans ton evenement onload, donc c'est ici que tu dois exécuter tes fonctions.

Ben... Je les appelles ici, ce n'est pas pareil ? (Désolé, je ne suis pas développeur. ah ah la bonne réponse de l'admin réseau...(ok je me tais))

Ici en fait, (sous IE, il ne m'affiche que le contenu du résultat de ma fonction
getServiceGroupList) pour le moment.
Sous firefox, il m'affiche dans toutes mes listes déroulantes le résultat du contenu de ma fonction getServiceGroupList.

**DoubleU** · 08/09/2009, 16h42

Code :

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

addEvent(window, "load", getServerGroupList);

Quand tu écris ca, tu dis juste a l'interpréteur javascript d'exécuter la fonction getServerGroupList quand un evenement du type onload sera déclenché sur l'objet window. Or comme au moment ou tu exécutes ce code, tu es déja dans l'evenement onload de l'objet window, ben tes fonctions ne seront jamais exécutées.

Si tu mets juste ca:

Code :

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

<body style="font-family: verdana, helvetica, sans-serif; font-size: 85%" onload="startAll();" >

et

Code :

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

1
2
3
4
5
function startAll()
{
   getServerGroupList()
   getServiceGroupList()
}

ca devrait marcher.

[AJAX] intégrer multiple onload

AJAX

Vue hybride

Discussions similaires

Partager

Partager