Envoyer un formulaire contenu dans une iframe

Version imprimable

Bonjour,

Dans une interface Php, je voudrais, sur le onclick d'un bouton, envoyer un formulaire contenu dans une iframe, elle-même contenue dans un formulaire.

Voici mon code
Code:

1 2 3 4 5 6 7 <form .....> ... <iframe name='frameInsertFichier' id='frameInsertFichier' src='...' ...> //Cette iframe contient mon formulaire contenant un input file </iframe> ... <input type='button' value='Enregistrer' onClick=\"parent.frameInsertFichier.ajoutFichier.submit();reste du traitementJs;\">
Lorsque je clique sur le bouton, j'obtiens l'erreur "parent.frameInsertFichier.ajoutFichier is undefined"

Quelqu'un aurait une idée sur la manière dont je dois procéder?

Merci d'avance

22/10/2009, 10h10
Bovino

Il ne faut pas passer par parent...

Code:

onClick=\"self.frameInsertFichier.ajoutFichier.submit();reste du traitementJs;\"

sous réserve bien sûr que ton iframe se trouve sur le même domaine :)
22/10/2009, 11h07
Matthieu2000

Citation:

onclick=\"self.frameInsertFichier.ajoutFichier.forms[0]submit();reste du traitementJs;\"
22/10/2009, 11h54
dubitoph

Merci beaucoup pour vos réponses.
Malheureusement, après avoir modifié mon code de la sorte

Code:

input type='button' value='Enregistrer' onClick=\"self.frameInsertFichier.ajoutFichier.submit();...\">

j'ai toujours le message d'erreur suivant :

Citation:

"self.frameInsertFichier.ajoutFichier is undefined"
22/10/2009, 12h29
Bovino

Citation:

"self.frameInsertFichier.ajoutFichier is undefined"

C'est undefined pour nous aussi vu qu'on ne sait pas à quoi ressemble le HTML correspondant :)
22/10/2009, 13h11
SpaceFrog

sinon voir les contribtions le post sur les conversations entre fenetres

Voici les deux sources :

Mon interface :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?php
include_once("../fichiersInclusion/classes.php");
session_start();
 
$index = $_POST['index'];
$tabObjCampagnes = unserialize($_SESSION['tabCampagnes']);
$objCampagne = $tabObjCampagnes[$index];
$_SESSION['campagne'] = serialize($tabObjCampagnes[$index]); //Servira dans le script d'enregistrement des modifications
 
echo "<table width='602' height='280' border='0' align='center' cellpadding='0' cellspacing='0'>
  <tr>
    <td align='left' valign='top'>
     <br>
     <form name='modifCamp' id='h3sForm' method='post' action='' enctype='multipart/form-data'>
     <fieldset>
     <fieldset class=radio>
     <table width='100%' border='0' cellpadding='0' cellspacing='0'>
      <tr>
       <td colspan='2'>
        Accroche :<br> <textarea name='accroche' id='accroche' cols='' rows='' style='width: 100%;'>" . $objCampagne->getAccroche() . "</textarea>
       </td>
      </tr>
      <tr>
       <td width='50%'>
        Date de début :<br><input type='text' name='dateDebut' id='dateDebut' ";
 
if($objCampagne->getDate('debut', 'affichage') != NULL)
 echo "value='" . $objCampagne->getDate('debut', 'affichage') . "'";
else
 echo "value='jj/mm/aaaa'";
 
echo " size='10' maxlength='10' onFocus='select();'>
       </td>
       <td width='50%'>
        Date de fin :<br><input type='text' name='dateFin' id='dateFin' ";
 
if($objCampagne->getDate('fin', 'affichage') != NULL)
 echo "value='" . $objCampagne->getDate('fin', 'affichage') . "'";
else
 echo "value='jj/mm/aaaa'";
 
echo " size='10' maxlength='10' onFocus='select();'>
       </td>
      </tr>
      <iframe name='frameInsertFichier' id='frameInsertFichier' src='../fichiersInclusion/insertAjoutFichierCibles.html' frameborder='0'>
      </iframe>
      <tr>
       <td colspan='2'>
        <br><br><input type='button' value='Enregistrer' onClick=\"alert(document.getElementById('frameInsertFichier').forms[0].name);\"><br><br>
        <div id='erreur' align='center'>
        </div>
       </td>
      </tr>
     </table>
     </fieldset>
     <center>
     </fieldset>
    </td>
  </tr>
</table>
</form>";
 
//A ajouter dans le onclick de enregistrer
 
?>

Mon fichier inclu dans mon iframe :

Code:

1
2
3
4
5
6
7
8
<form name='ajoutFichier' id='ajoutFichier' method='post' action='../transferts/ajoutFichierCibles.php' enctype='multipart/form-data'>
 <tr>
  <td colspan='2'>
   <input type='hidden' name='MAX_FILE_SIZE' value='10240000000'>
   Nouveau fichier :<br><input type='file' name='fichierCibles' id='fichierCibles'>
  </td>
 </tr>
</form>

22/10/2009, 14h18
E.Bzz

Bonjour,

Code:

document.frames['frameInsertFichier'].document.forms['ajoutFichier'].submit();

ou

Code:

document.getElementById('frameInsertFichier').document.forms['ajoutFichier'].submit();

ou encore

Code:

document.getElementById('frameInsertFichier').document.getElementById('ajoutFichier').submit();

?? :?

A+
22/10/2009, 14h45
dubitoph

Encore merci à tous pour votre aide...

Voici les 3 messages d'erreurs reçus lors des trois essais avec les propositions d'EBZZ :

1. "document.frames is undefined"
2. "document.getElementById("frameInsertFichier").document is undefined"
3. "document.getElementById("frameInsertFichier").document is undefined"

Je patauge un max...
22/10/2009, 14h56
E.Bzz

Citation:

Envoyé par dubitoph

1. "document.frames is undefined"

=>

Code:

self.frames['frameInsertFichier']....

Pour les 2 autres ... c'est un échec :aie:
(ne permet que de manipuler le conteneur de l'iframe et non le contenu)

A+
22/10/2009, 18h27
dubitoph

Merci beaucoup E.Bzz!!!

Code:

self.frames['frameInsertFichier'].document.forms['ajoutFichier'].submit();

fonctionne!