Modifier contenu d'une iframe

**castaka** · 16/06/2005, 11h04

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.

**rapathonyk** · 16/06/2005, 11h46

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

**oca** · 16/06/2005, 11h49

Salut, Essai qqch du genre :

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

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

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

**castaka** · 16/06/2005, 14h11

En faite je ne mets pas de source

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

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

**rapathonyk** · 16/06/2005, 15h20

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

Modifier contenu d'une iframe

JavaScript

Discussions similaires

Partager

Partager