Exécution du code JQuery

Bonjour à tous,

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

Code:

---

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 ?

Bonjour,

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

Code:

---

$(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:

---

1 2 3 4 5 6 7

$(document).ready( function () { $('#LoadPage').click(function () { alert("OK"); }); });

---

Bonsoir,
ou encore

Code:

---

1 2 3

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

---

à voir selon ton besoin réel.

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 ?

Code:

---

1 2 3

$(function () {   });

---

est un raccourci de

Code:

---

1 2 3

$(document).ready( function(){   })

---

ta première syntaxe est donc correcte

Une précision empirique :

Code:

---

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:

---

1 2 3

$(window).load(function() {   });

---

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