Modifier contenu d'une iframe

Version imprimable

16/06/2005, 11h04
castaka

Modifier contenu d'une iframe

Bonjour,

Je souhaite pouvoir modifier le contenu d'une iframe qui ne pointe pas vers un document. J'aimerai pouvoir lui ajouter des elements html simplement en passant par des fonctions du genre innerHtml.

Est ce possible ? sinon comment doit je m'y prendre ?

Merci d'avance pour vos réponses.
16/06/2005, 11h46
rapathonyk

une iframe qui ne pointe pas vers un document ??? tu mets koi dans le paramètres src de iframe ????

Salut, Essai qqch du genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
t1.html (le parent)
 
<html>
<head>
	<script>
		function test() {
			var elFrameDocument
			elFrameDocument = document.getElementById("monFrame").contentWindow.document;
			elFrameDocument.getElementById("monDiv").innerHTML="Essai";
		}
	</script>
</head>
<body onLoad="test()">
TEST 1
<br>
<iframe id="monFrame" src="t2.html"></iframe>
</body>
</html>

t2.html (le frame)

Code:

1
2
3
4
5
6
7
8
 
<html>
<body>
<div id="monDiv">
TEST 2
</div>
</body>
</html>

En faite je ne mets pas de source :)

Voila comment ca fonctionne apres une matinée de prise de tête :oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
		<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
	</head>
	<body>
		<script language="javascript">
 
		function modifier(){
 
			var objContenuEditeur = Editeur.document.body;
 
				objContenuEditeur.innerHTML = "<TEXTAREA id=\"contenuTexte\" style=\"WIDTH: 100%; HEIGHT: 100%\" name=\"contenuTexte\"></TEXTAREA>";
 
					}
 
		</script>
		<P><INPUT id="Button1" type="button" value="Modifier" name="Button1" onclick="modifier();">
			<iframe id="Editeur" frameBorder="0" scrolling="no" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px">
			</iframe>
	</body>
</html>

16/06/2005, 15h20
rapathonyk

ca marche bien sous ie mais pas sous firefox ... c'est pas parceque t'utilises visual studio qu'il faut penser qu'à crosoft ;)

ceci dit c'est un bout de code qui peut s'avérer très interessant, j'essaierais de mon côté la version firefox..