Discussion :

[extensite]

Bonjour à tous,

Voilà, j'ai cette portion de code qui s'exécute quand j'appuie sur un bouton :

Code :

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

1
2
3
4
5
$(function () {
            $('#LoadPage').click(function () {
                alert("OK");
            });
        });

Maintenant, j'aimerais qu'il s’exécute à la fin du chargement de ma page.
J'ai essayer les méthodes onload, et aussi simuler un clic sur un bouton caché, mais rien n'y fait.
Avez-vous une solution par hasard ?

[Aiekick]

Bonjour,

il me semble qu'avec jquery si tu déclares ta fonction dans :

Code :

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

$(document).ready( )

tu t'assures que ton code JS sera exécuté une fois que ton DOM sera chargé mais avant que ta page ne soie affichée

ce qui donnerait :

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(
    function () {
            $('#LoadPage').click(function () {
                alert("OK");
            });
        });

[NoSmoking]

Bonsoir,
ou encore

Code :

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

1
2
3
$(window).load( function () {
  // fonction au chargement complet de la page
});

à voir selon ton besoin réel.

[extensite]

Merci pour les réponses.
En effet, les deux fonctionnent super ! =)

Par contre, j'ai un petit soucis maintenant, quand j'ai mis mon code à l'intérieur, çà n'exécutait rien, car je fais des sets sur des listes déroulantes.
Le problème, c'est que quand le script se lance, les listes déroulantes ne sont pas encore chargées, et donc, les sets ne fonctionnent pas puisqu'il n'y a rien dans mes listes.

Je vais continuer à chercher d'où vient le problème, mais sinon, je pensais aussi à simuler un clic sur un bouton pour exécuter mon script non ? Ca ne marchera pas ?

[SpaceFrog]

Code :

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

1
2
3
$(function () {
 
        });

est un raccourci de

Code :

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

1
2
3
$(document).ready( function(){
 
})

ta première syntaxe est donc correcte

[NiamorH]

Une précision empirique :

Code Javascript :

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

1
2
3
$(document).ready(function() {
 
});

ne suffira pas sous Chrome si on tente de lire des dimensions d'images dans le code. Il faudra utiliser :

Code Javascript :

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

1
2
3
$(window).load(function() {
 
});

qui s’exécute après le chargement des images.