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