Charger un script au chargement

Version imprimable

Bonjour à tous

Jusqu'à présent j'avais un script sur une seule page. Maintenant j'ai 2 scripts dans le même .js, j'aimerais donc le cibler.

Voici mon script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(function () {
    var IMG_PREFIX = '../interface/';
    (function () {
        Lobibox.base.DEFAULTS = $.extend({}, Lobibox.base.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
        Lobibox.notify.DEFAULTS = $.extend({}, Lobibox.notify.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
 
        (function () {
                $(document).ready(function(){
                Lobibox.notify('info', {
                    delay: 9000,
                    showClass: 'flipInX',
                    hideClass: 'flipOutX',
                    img: IMG_PREFIX + 'info.png',
                    position: "top right",
                    msg: 'blabla.'
            });
        })();
    })();
});

J'ai mis ceci dans ma balise BODY : onload=popup()

Seulement comment effectuer le changement dans mon .js pour le lier à l'appel ?

Je n'arrive pas à trouver où et comment le faire.

Merci de votre aide

22/03/2016, 11h04
gabrielS

Bonjour,

L'objectif est d'appeler la méthode une fois que ton"body" est chargé ? Il faudrait nommer ta fonction "popup" dans ces cas là.. il manque le lien entre le nom que tu passes dans le onLoad et la fonction dans le Javascript :)

Ou sinon, peut-être même plus propre, faire "tout" dans le JavaScript :

Code:

document.addEventListener("load", function (e) {} );

(à adapter pour I.E. "vieux", avec attachEvent si tu veux que ça tourne aussi sur des vieux navigateurs).
A noter que tu peux utiliser "DOMContentLoaded" au lieu de "load", qui n'attend pas que toute la page soit chargée, mais seulement son contenu (donc les .css, par exemple, peuvent ne pas encore être chargés et quand même laisser ton script s'exécuter)
22/03/2016, 12h26
Danwan
Pas de soucis pour le vieux IE. C'est pour mon travail et je ne travail donc que sous Firefox ;)

Je viens donc de faire :
Code:

1 2 3 <body onload="popup1()"> mon contenu... </body>
En fait mon problème de noob, est qu'en creusant, j'ai bien compris qu'il fallait, dans mon cas, un function popup1(), pour déclencher le tout.

Seulement, j'ai plusieurs function dans le script collé dans mon premier post, et à tous j'ai essayé sans succès :?

Et je ne trouve pas quoi faire.

Merci encore pour ton aide et ta réponse :zoubi:

J'essaye ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(function popup1() {
    var IMG_PREFIX = '../interface/';
    (function () {
        Lobibox.base.DEFAULTS = $.extend({}, Lobibox.base.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
        Lobibox.notify.DEFAULTS = $.extend({}, Lobibox.notify.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
 
        (function () {
                $(document).ready(function(){
                Lobibox.notify('info', {
                    delay: 9000,
                    showClass: 'flipInX',
                    hideClass: 'flipOutX',
                    img: IMG_PREFIX + 'info.png',
                    position: "top right",
                    msg: 'blabla.'
            });
        })();
    })();
});

Mais rien à faire ca ne fonctionne pas comme je voudrais. Là ca s'affiche, avec ou sans l'appel dans la balise BODY

Que faire ?

Bonsoir, à force de faire n'importe quoi, j'ai trouvé une solution mais j'ai peur que ca soit très moche !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function popup1()
{
$(function () {
    var IMG_PREFIX = '../interface/';
    (function () {
        Lobibox.base.DEFAULTS = $.extend({}, Lobibox.base.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
        Lobibox.notify.DEFAULTS = $.extend({}, Lobibox.notify.DEFAULTS, {
            iconSource: 'fontAwesome'
        });
 
        (function () {
                Lobibox.notify('info', {
                    delay: 9000,
                    showClass: 'flipInX',
                    hideClass: 'flipOutX',
                    img: IMG_PREFIX + 'info.png',
                    position: "top right",
                    msg: 'blabla.'
        })();
    })();
});
}

j'ai mis mon code plus haut, de mon premier post entre : function popup1() {..........}

j'ai viré un $(document).ready(function(){ et ceci });

Puis-je améliorer ?