copier formulaire dans un iframe sous ie

Version imprimable

15/06/2009, 17h00
hihi30

copier formulaire dans un iframe sous ie

bonjour à tous

je veux copier mon formulaire dans un iframe , ma fonction fonctionne correctement sous firefox mais sous ie ca ne fonctionne pas correctement

Code:

$("imageiframe").document.getElementsByTagName("BODY")[0].appendChild(formclone);

en faite ca me le copie mais à l'exterieur du l'iframe
si quelqu'un peut m'aider ..

merci pour votre réponse
16/06/2009, 08h57
le_chomeur

pourrais tu fournir un exemple un peu plus complet ??
avec un formulaire simplifié bien entendu ;-)

ca c mon code de jsp , sachant que je passe par une servlet pour sauvegarder mes images

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
26
27
28
29
30
31
32
33
34
35
 
<div id="content">
	<h1>Saisie des paramètres </h1>
	<div class="contentInner">
 
<form enctype="multipart/form-data"  name="imageform" id="imageform"  method="post" action="<%=linkpath %>SrevletSaveImage"  >
	<table>
		<tr style="margin-top:5px">
			<td style="width:200px;">
				<label for="enteteImage">Importer une image:</label>
			</td>
			<td>
				<input type="file" name="enteteImage" id="enteteImage" value="" />		
			</td>
		</tr>
	</table>
</form>
 
<form name="create" id="create"  method="post" action="<%=linkpath %>module/generRapport.jsp"  >
 
	<br/>
<table>
<tr style="margin-top:5px">
	<td style="width:200px;"><label for="titreRapport">Titre du rapport :</label></td>
	<td><input type="text"  name="titreRapport" id="titreRapport" value="" /></td>
</tr>
 
</table>	
</form>
		<div class="buttons">					
			<button type="submit" id="suivant" name="suivant" class="positive marginauto disable" onclick=" saveimage();" >Exécuter </button>
		</div>
</div>
</div>
<iframe id="imageiframe"  width="700" height="100" style="color: red;"/>

et a partir de la fonction saveImage() ca m'envoie vers une autre fonction qui permet de copier mon formulaire imageform dans l'iframe
voila ma fonction qui copie le form dans l'iframe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function uploadImage(id) 
{
// id recoit l'id de formulaire 'imageform'
	var formclone = $(id).cloneNode(true);
 
 
	if ($("imageiframe").contentDocument)
	{
	  alert("mozzilla");
	  $("imageiframe").contentDocument.getElementsByTagName("BODY")[0].appendChild(formclone);
	} 
	else 
	{
	   alert("IE");
 
 
	  var iFrame = document.frames("imageiframe").document.getElementsByTagName("BODY")[0];
	   iFrame.appendChild(formclone);
 
	}
	//formclone.submit();	
}

sur mozzila ca me copie bien l'e formulaire dans l'iframe mais sur ie ca le copie à l'exterieur

je sais que c'est long , mais merci pour votre aide

16/06/2009, 10h36
le_chomeur

essaye de remplacer ça

Code:

document.frames("imageiframe")

par un

Code:

document.getElementById('imageiframe')

( en mettant le bon id ;) )
16/06/2009, 10h37
hihi30

pour expliquer un peu l'enchainement des etapes, quand je clique sur le bouton Exécuter ca m'envoie à la fonction javascript saveImage() qui à son tour m'envoie à la fonction uploadImage().
dans uploadImage() je commence par copier mon formulaire dans l'iframe et apres j'execute ma servlet, et apres j'execute l'action de mon formulaire "create"
16/06/2009, 10h39
hihi30

je l'ai deja fait , ca me le copie toujours à l'exterieur de l'iframe ???
16/06/2009, 13h55
hihi30

en faites je crois que j'ai trouvé, mais je sais pas comment faire pour le resoudre, je crois que dans ma ligne

Code:

var iFrame = document.getElementById('imageiframe').document.getElementsByTagName("BODY")[0];

je le place sur imageiframe mais apres y'a un "document" ce qui le remet au premier body de mon fichier donc si quelqu'un à une méthode qui marche sous IE pour qu'il reste sur le bon noeud
merci
16/06/2009, 15h04
andry.aime

Salut,
Essaie avec :

Code:

document.getElementById('imageiframe').document.body
16/06/2009, 15h08
hihi30

j'ai essaye ta méthode, ca me fait tujours la meme chose ca me la copie dans le body du document et non dans l'iframe, si ta une autre solution

la je deviens fou !!!!:D

Code:

1
2
3
4
5
6
7
8
9
10
 
<iframe id="imageiframe"></iframe>
<script type="text/javascript">
	var madiv =  document.createElement('div');
	madiv.style.border = "4px solid red";
	madiv.innerHTML = "coucou";
	var test = document.getElementById('imageiframe');
	test.contentDocument.body.appendChild(madiv);
	var i = 0;
</script>

testé sous FF , ça fonctionne :)

16/06/2009, 16h09
hihi30

oui ca fonctionne sous mozzilla , on est d'accord mais moi mon probleme c'est IE, meme ton code ca ne fonctionnera pas sous IE
16/06/2009, 16h24
le_chomeur

scuse je suis a l'ouest je pensais que le soucie était sous FF ...
( fatigue du boulot ... )

je m'en occupe

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
26
27
<iframe id="imageiframe"></iframe>
<script type="text/javascript">
	var madiv =  document.createElement('div');
	madiv.style.border = "4px solid red";
	madiv.innerHTML = "coucou";
	try {
		if (test.contentWindow.document) {
 
			var FirstElement = madiv.firstChild;
			var v = FirstElement.nodeValue;
			var tFrame = document.getElementById("imageiframe");
			var doc = tFrame.contentDocument;
			if (doc == undefined || doc == null) {
				doc = tFrame.contentWindow.document;
				doc.open();
				doc.write(v);
				doc.close();
			}
		}
		else{
			alert("po trouvé ie");
		}
	}
	catch(err){
		alert(err.message);
	}
</script>

pas réussis avec un appendChild :-/

tu peux essayer ça sinon : http://bindzus.wordpress.com/2007/12...ts-to-iframes/