Bonjour,

J''essaie de charger dynamiquement un script dans un document que j'ai charg� dans un iFrame. Malheureusement, il semble que �a ne fonctionne pas de la fa�on dont je m'y prends. J'ai cr�� ici trois petits fichiers qui permettent de recr�er le probl�me, je code en JQuery mais il m'importe peu que la solution implique ou non du code JQuery.

index1.html
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
  <head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="script.js"></script>
	</head>
	<body>
		<input type="button" value="Bouton #1" onclick="charger_iframe()">
	<body>
</html>
index2.html
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
  <head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	</head>
	<body>
		<input type="button" value="Bouton #2" onclick="faire_le_test()">
	<body>
</html>
script.js
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
function charger_iframe() {
	var ifrm = $("<iframe>").attr("src","index2.html");
	$(document.body).append(ifrm);
	$(ifrm).load(function() {
		var context = $("iframe").contents();
		var headID = $("HEAD", context);
 
		var newScript = $('<script>');
		$(newScript).attr({"type":"text/javascript","src":"script.js"});
		$(headID).append(newScript);
		alert($(headID).html());
	});
}
 
function faire_le_test() { alert("Ceci est un test"); }
Quelqu'un peut m'aider � ce que je puisse correctement charger script.js dans index2.html � partir de index1.html afin que je puisse ex�cuter la fonction faire_le_test()?