Discussion :

[hihi30]

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 :

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

$("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

[le_chomeur]

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

[hihi30]

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

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

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

[le_chomeur]

essaye de remplacer ça

Code :

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

document.frames("imageiframe")

par un

Code :

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

document.getElementById('imageiframe')

( en mettant le bon id )

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

[hihi30]

je l'ai deja fait , ca me le copie toujours à l'exterieur de l'iframe ???

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

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

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

[andry.aime]

Salut,
Essaie avec :

Code :

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

document.getElementById('imageiframe').document.body

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

[le_chomeur]

Code :

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

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

[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

[le_chomeur]

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

je m'en occupe

[le_chomeur]

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