Exécuter script js dans une fonction

Version imprimable

Bonjour,

Je voudrais afficher dans une fenêtre modulable (colorbox) une page issue d'un script JS.

La page que je souhaite afficher dans ma colorbox est la suivante :
Code:

1 2 3 4 5 6 7 8 9 10 11 <body> <div id="timeline-embed"></div> <script type="text/javascript"> var timeline_config = { width: "100%", height: "100%", source: 'json.php', } </script> <script type="text/javascript" src="timeline/compiled/js/timeline-embed.js"></script> </body>
Seulement le script JS (timeline/compiled/js/timeline-embed.js) se déclenche trop tôt et les dimensions de la page ne sont pas bonnes.

Avec colorbox j'ai la possibilité de déclencher du javascript en "onComplete".

Comment faire pour exécuter le fichier timeline/compiled/js/timeline-embed.js en onComplete ?

Merci

si tu veux charger un script après le chargement de la page :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <body> <div id="timeline-embed"></div> <script type="text/javascript"> var timeline_config = { width: "100%", height: "100%", source: 'json.php', } window.onload = function(){ var script = document.createElement('script'); script.src = "timeline/compiled/js/timeline-embed.js"; document.getElementsByTagName('head')[0].appendChild(script); }; </script> </body>
Après ça dépend bien sûr du comportement de ton script(timeline-embed.js), s'il doit faire des "document.write", il ne pourra plus une fois la page chargée. Le mieux est peut-être alors de directement modifier ce fichier et de retarder l'exécution de son code plutot que de charger le script en différé.

21/06/2012, 16h00
Khleo

Salut,

J'ai ajouté ton code dans le onComplete et ça fonctionne correctement.

Merci :D