Charger un script au chargement

**Danwan** · 21/03/2016, 21h54

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 :

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

**gabrielS** · 22/03/2016, 11h04

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 :

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

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)

**Danwan** · 22/03/2016, 12h26

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 :

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

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

**Danwan** · 22/03/2016, 21h28

J'essaye ceci :

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

**Danwan** · 22/03/2016, 23h13

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

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

Charger un script au chargement

JavaScript

Discussions similaires

Partager

Partager