Exécuter script js dans une fonction

**Khleo** · 21/06/2012, 15h30

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 :

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

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

**Willpower** · 21/06/2012, 15h51

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

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

**Khleo** · 21/06/2012, 16h00

Salut,

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

Merci

Exécuter script js dans une fonction

JavaScript

Discussions similaires

Partager

Partager