formulaire dans une iframe = erreur [please help me ^^]

formulaire dans une iframe = erreur [please help me ^^] - PHP - Programmation

Marsh Posté le 22-04-2008 à 15:29:24    

Bonjour,  
 
Je me permets de vosu soliciter afin de vous faire part d'un problème que je n'arrive pas à résoudre.  
 
J'avais une application en page pleine et pour des question d'ergonomie, j'ai placé ces pages au sein même d'une iframe ; cependant, dès que je valide un des formulaires présents, j'ai soit une page blanche (firefox), soit une page erreur Internet Explorer cannot display the webpage (IE) !!! Pourtant je n'avais pas changé la moindre ligne de code.  
 
J'ai ensuite décidé de mettre un id et un name à mon iframe :  
 
<iframe width="100%" height="470" frameborder="no" name="theframe" id="theframe"></iframe>  
 
et aux formulaires :  
 
<form action="'.$Action.'" method="post" name="form1" id="form1" target="theframe"> (l'action étant le nom de la page)  
 
si je mets le lien récupéré par $Action dasn mon navigateur, la page s'affiche sans soucis, hors lorsque je valide mon formulaire, j'ai toujorus l'erreur indiquée ci-dessus !!!  
 
Auriez-vous des idées sur ce qui se passe ?  
 
(n'hésitez pas à me demander des précisions, c'est juste que le programme fait des dizaines de milliers de lignes [PHP] et que je sais pas les parties qui pourraient vous intéresser pour m'aider à résoudre ce mystère ^^).

Reply

Marsh Posté le 22-04-2008 à 15:29:24   

Reply

Marsh Posté le 22-04-2008 à 15:52:13    

pas besoin du target normalement, le problème doit être dans ton script qui gère le formulaire.

Reply

Marsh Posté le 22-04-2008 à 15:58:48    

Voici le code de la page généré - hors de cet iframe, le formulaire ce valide sans le moindre soucis :
 
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />  
<script src="../javascript/lib/prototype.js" type="text/javascript"></script>  
<script src="../javascript/src/scriptaculous.js?load=effects" type="text/javascript"></script>  
</head>  
<body><link href="style/formulaires.css" rel="stylesheet" type="text/css" />  
 
<table width="100%" border="0" align="center" cellpadding="5" cellspacing="1">  
<tr>  
<td align="left" bgcolor="#FFFFFF" class="text">  
<form name="form1" method="post" action="index.php?id=news.php&idnews=22">  
<p class="reponse">Vous créez ici, un nouveau groupe d'articles. </p>  
<table width="100%" border="0" cellpadding="0" cellspacing="1">  
<tr>  
<td width="172" class="titrebleu">Titre : </td>  
<td width="1212"><input name="titre" type="text" class="inputtext" id="titre" value="Tutoriaux"></td>  
</tr>  
<tr>  
<td width="172" class="titrebleu">Nombre de news par page :</td>  
<td><input name="nb" type="text" class="inputtext" id="nb" value="20"/></td>  
</tr>  
<tr>  
<td colspan="2"><p>  
<label>  
<span class="reponse">  
<br />  
</span><span class="titrebleu">Type d'articles</span><span class="reponse"><br />  
<br />  
<input type="radio" name="ordre" id="radio" />  
</span></label>  
<span class="reponse">Actualités -  
<label>  
<input type="radio" name="ordre" id="radio2" value="1" />  
</label>  
FAQ / Article -  
<label>  
<input type="radio" name="ordre" id="radio3" value="2" />  
</label>  
Téléchargement</span></p>  
<p class="titrebleu">Affichage des commentaires</p>  
<p>  
<label>  
<span class="reponse">  
<input type="radio" name="comment" id="radio4" value="2" />  
</span></label>  
<span class="reponse">Oui (uniquement les identifiés) -  
<label>  
<input type="radio" name="comment" id="radio5" value="1" checked/>  
</label>  
oui (tout le monde) -  
<label>  
<input type="radio" name="comment" id="radio6" />  
</label>  
Non</span><br>  
  </p></td>  
</tr>  
<tr>  
<td colspan="2" align="left">  
<div align="left">  
<p>  
<span class="reponse">Choisir le template d'articles à appliquer :</span><br />  
</p>  
</div>  
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#5B93D7">  
<tr>  
<td height="31" align="left" background="img/fondbarre.jpg" class="titreblanctableau">  Titre</td>  
</tr>  
<tr>  
<td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="news.tpl" />  
news.tpl <font color=green>(ouvert à l'écriture)</font></td>  
</tr>  
<tr>  
<td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="support.tpl" />  
support.tpl <font color=green>(ouvert à l'écriture)</font></td>  
</tr>  
<tr>  
<td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="Tutoriaux" checked />  
Tutoriaux <font color=green>(ouvert à l'écriture)</font></td>  
</tr>  
</table>  
<br />  
<br /></td>  
</tr>  
<tr>  
<td colspan="2"><input name="idnews" type="hidden" id="idarticle" class="inputtext" value="22">  
<input name="Submit" type="submit" class="inputtext" value="Valider"></td>  
</tr>  
</table>  
<p> </p>  
<p>  </p>  
</form></td>  
</tr>  
</table>  

Reply

Marsh Posté le 22-04-2008 à 16:11:23    

un exemple en live serait plus parlant
ou un message d'erreur (essaye firebug, tu gagneras du temps pour la phase de debug)
 
PS: utilise la balise code pour poster du code

Reply

Marsh Posté le 22-04-2008 à 16:29:47    

je ne peux malheureusement pas faire de live mais je vais tout vous fournir.
 
De un, on a le visuel global :
 

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Panoptik 3</title>
  5. <style type="text/css">
  6. <!--
  7. body {
  8. background-color: #000000;
  9. margin-left: 0px;
  10. margin-right: 0px;
  11. }
  12. .txt_12_white, a.txt_12_white {
  13. font-family: Arial, Helvetica, sans-serif;
  14. font-size: 12px;
  15. color: #FFFFFF;
  16. text-decoration:none;
  17. }
  18. #cache {
  19. position:absolute;
  20. left:310px;
  21. top:185px;
  22. width:842px;
  23. height:391px;
  24. z-index:1;
  25. }
  26. -->
  27. </style>
  28. <script src="../javascript/lib/prototype.js" type="text/javascript"></script>
  29. <script src="../javascript/src/scriptaculous.js?load=effects" type="text/javascript"></script>
  30. <script src="../javascript/bulle.js" type="text/javascript"></script>
  31. <script>
  32. window.onresize = replaceframe;
  34. function replaceframe()
  35. {
  36.  if (document.body)
  37.  {
  38.   var largeur = (document.body.clientWidth);
  39.  }
  40.  else
  41.  {
  42.   var largeur = (window.innerWidth);
  43.  }
  44.  cach.left = Math.round((largeur/2)-620);
  45.  cach.visibility = "visible";
  46. }
  47. </script>
  48. </head>
  50. <body>
  51. <DIV ID="tip"
  52. style="position:absolute; visibility:hidden; z-index:800;
  53. background:#000000; width:200px; height:auto; padding:4px; text-align:left;
  54. border:1px solid white;filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; color:white;font-family:arial;font-size:12px"></DIV>
  55. <div id="cache" style="visibility:visible">
  56.   <table width="1260" border="0" cellspacing="0" cellpadding="0" id="tableofcache">
  57.     <tr>
  58.       <td width="11" height="34"><img src="../template/back-office/img/top-left-frame.png" width="11" height="34" /></td>
  59.       <td align="left" valign="middle" background="../template/back-office/img/top-frame.png"><img src="../template/back-office/img/logo-p3-small.png" width="82" height="29" /></td>
  60.       <td align="right" valign="middle" background="../template/back-office/img/top-frame.png"><a href="javascript:void(0);" onClick="cach.visibility = 'hidden';cach.display = 'none';"><img src="../template/back-office/img/close.png" width="29" height="18" border="0"/></a></td>
  61.       <td width="19"><img src="../template/back-office/img/top-right-frame.png" width="19" height="34" /></td>
  62.     </tr>
  63.     <tr>
  64.       <td background="../template/back-office/img/middle-left-frame.png">&nbsp;</td>
  65.       <td colspan="2" bgcolor="#FFFFFF" style="border:solid 1px black"><iframe width="100%" height="470" frameborder="no" name="theframe" id="theframe"></iframe></td>
  66.       <td background="../template/back-office/img/middle-right-frame.png">&nbsp;</td>
  67.     </tr>
  68.     <tr>
  69.       <td height="19"><img src="../template/back-office/img/bottom-left-frame.png" width="11" height="19" /></td>
  70.       <td colspan="2" background="../template/back-office/img/bottom-frame.png">&nbsp;</td>
  71.       <td><img src="../template/back-office/img/bottom-right-frame.png" width="19" height="19" /></td>
  72.     </tr>
  73.   </table>
  74. </div>
  75. <table width="1280" border="0" align="center" cellpadding="0" cellspacing="0">
  76.   <tr>
  77.     <td height="720" valign="top" background="../template/back-office/img/winwallpaper.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  78.       <tr>
  79.         <td height="38" background="../template/back-office/img/barre.png" align="right"><a href="index.php?security=1"><img src="img/security_bad.png"  onMouseOver="bulle('<font color=yellow>Critique</font><br/>Vous devez impérativement supprimer le dossier installation pour vous protèger !!! (cliquez sur le bouclier pour le supprimer)',event,50);" onMouseOut="couic();" border="0"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
  80.       </tr>
  81.     </table>
  82.       <table width="100%" border="0" cellspacing="10" cellpadding="0">
  83.         <tr>
  84.           <td width="117" height="117" align="center" valign="middle" class="txt_12_white" onMouseOver="this.style.background='url(../template/back-office/img/background-option-select.png)'" onMouseOut="this.style.background='url()'"><div align="center"><a href="index.php?id=contenuliste.php" onClick="cach.visibility = 'visible';cach.display = 'block';" target="theframe" class="txt_12_white"><img src="../template/back-office/img/content.png" width="64" height="64" border="0" onClick="new Effect.Puff(this); window.setTimeout('Effect.Appear(\'img1\', {duration:.3})',1000);" id="img1"/><br />
  85.           Gestion des contenus</div></td>
  86.           <td width="117" align="center" valign="middle" class="txt_12_white" onMouseOver="this.style.background='url(../template/back-office/img/background-option-select.png)'" onMouseOut="this.style.background='url()'"><div align="center"><img src="../template/back-office/img/news.png" alt="" width="64" height="64" /><br />
  87.           Gestion des actualit&eacute;s</div></td>
  88.           <td>&nbsp;</td>
  89.         </tr>
  90.       </table></td>
  91.   </tr>
  92. </table>
  93. <script>
  94. var nava = (document.layers);
  95. var dom = (document.getElementById);
  96. var iex = (document.all);
  97. if (nava)
  98. {
  99.  cach = document.cache;
  100. }
  101. else if (dom)
  102. {
  103.  cach = document.getElementById("cache" ).style;
  104. }
  105. else if (iex)
  106. {
  107.  cach = cache.style;
  108. }
  109. if (document.body)
  110. {
  111.  var largeur = (document.body.clientWidth);
  112. }
  113. else
  114. {
  115.  var largeur = (window.innerWidth);
  116. }
  117. cach.left = Math.round((largeur/2)-620);
  118. cach.visibility = "visible";
  120. </script>
  121. </body>
  122. </html>


 
et de deux on a l'intérieur de l'iframe appelée
 

Code :
  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
  4. <script src="../javascript/lib/prototype.js" type="text/javascript"></script> 
  5. <script src="../javascript/src/scriptaculous.js?load=effects" type="text/javascript"></script> 
  6. </head> 
  7. <body><link href="style/formulaires.css" rel="stylesheet" type="text/css" /> 
  9. <table width="100%" border="0" align="center" cellpadding="5" cellspacing="1"> 
  10. <tr> 
  11. <td align="left" bgcolor="#FFFFFF" class="text"> 
  12. <form name="form1" method="post" action="index.php?id=news.php&idnews=22"> 
  13. <p class="reponse">Vous créez ici, un nouveau groupe d'articles. </p> 
  14. <table width="100%" border="0" cellpadding="0" cellspacing="1"> 
  15. <tr> 
  16. <td width="172" class="titrebleu">Titre : </td> 
  17. <td width="1212"><input name="titre" type="text" class="inputtext" id="titre" value="Tutoriaux"></td> 
  18. </tr> 
  19. <tr> 
  20. <td width="172" class="titrebleu">Nombre de news par page :</td> 
  21. <td><input name="nb" type="text" class="inputtext" id="nb" value="20"/></td> 
  22. </tr> 
  23. <tr> 
  24. <td colspan="2"><p> 
  25. <label> 
  26. <span class="reponse"> 
  27. <br /> 
  28. </span><span class="titrebleu">Type d'articles</span><span class="reponse"><br /> 
  29. <br /> 
  30. <input type="radio" name="ordre" id="radio" /> 
  31. </span></label> 
  32. <span class="reponse">Actualités - 
  33. <label> 
  34. <input type="radio" name="ordre" id="radio2" value="1" /> 
  35. </label> 
  36. FAQ / Article - 
  37. <label> 
  38. <input type="radio" name="ordre" id="radio3" value="2" /> 
  39. </label> 
  40. Téléchargement</span></p> 
  41. <p class="titrebleu">Affichage des commentaires</p> 
  42. <p> 
  43. <label> 
  44. <span class="reponse"> 
  45. <input type="radio" name="comment" id="radio4" value="2" /> 
  46. </span></label> 
  47. <span class="reponse">Oui (uniquement les identifiés) - 
  48. <label> 
  49. <input type="radio" name="comment" id="radio5" value="1" checked/> 
  50. </label> 
  51. oui (tout le monde) - 
  52. <label> 
  53. <input type="radio" name="comment" id="radio6" /> 
  54. </label> 
  55. Non</span><br> 
  56.   </p></td> 
  57. </tr> 
  58. <tr> 
  59. <td colspan="2" align="left"> 
  60. <div align="left"> 
  61. <p> 
  62. <span class="reponse">Choisir le template d'articles à appliquer :</span><br /> 
  63. </p> 
  64. </div> 
  65. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#5B93D7"> 
  66. <tr> 
  67. <td height="31" align="left" background="img/fondbarre.jpg" class="titreblanctableau">  Titre</td> 
  68. </tr> 
  69. <tr> 
  70. <td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="news.tpl" /> 
  71. news.tpl <font color=green>(ouvert à l'écriture)</font></td> 
  72. </tr> 
  73. <tr> 
  74. <td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="support.tpl" /> 
  75. support.tpl <font color=green>(ouvert à l'écriture)</font></td> 
  76. </tr> 
  77. <tr> 
  78. <td bgcolor="#FFFFFF" class="reponse"><input name="type" type="radio" value="Tutoriaux" checked /> 
  79. Tutoriaux <font color=green>(ouvert à l'écriture)</font></td> 
  80. </tr> 
  81. </table> 
  82. <br /> 
  83. <br /></td> 
  84. </tr> 
  85. <tr> 
  86. <td colspan="2"><input name="idnews" type="hidden" id="idarticle" class="inputtext" value="22"> 
  87. <input name="Submit" type="submit" class="inputtext" value="Valider"></td> 
  88. </tr> 
  89. </table> 
  90. <p> </p> 
  91. <p>  </p> 
  92. </form></td> 
  93. </tr> 
  94. </table>


 
Pour le debug malheureusement il n'y a aucun bug !!! Ca renvoit un code source vide donc page blanche sous firefox et Internet Explorer cannot display the webpage sous IE. Sous Safari rien en se passe.
 
Par contre, je suis étonné mais en rélféchissant mon formulaire de connexion fonctionne !!!
 
code de ce formulaire de connexion :
 

Code :
  1. <html>
  2.  <head>
  3.  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  4.  <script src="../javascript/lib/prototype.js" type="text/javascript"></script>
  5.  <script src="../javascript/src/scriptaculous.js?load=effects" type="text/javascript"></script>
  6.  </head>
  7.  <body>
  8.    <script>
  9.     function pan_alert(text) { alert(text); }
  10.    </script>
  12.  <link href="style/formulaires.css" rel="stylesheet" type="text/css" />
  13.                     <table width="100%"  border="0" align="center" cellpadding="5" cellspacing="1">
  14.              <tr>
  15.                    <td align="left" bgcolor="#FFFFFF" class="text">
  16.                      <span class="titreviolet">Connexion</span>
  17.                     <table width="100%" border="0" cellpadding="5" style="border:solid 1px gray">
  18.                    <tr>
  19.                    <td align="left">
  21.                        
  22.             <table width="100%" border="0" cellpadding="0" cellspacing="1"  style="border:solid 1px white" onmouseover="this.style.backgroundColor='#CCEEFF';this.style.border='solid 1px #AACCDD'" onmouseout="this.style.backgroundColor='white';this.style.border='solid 1px white'"><form name="form1" method="post" action="index.php?id=contenuliste.php">
  23.                 <tr>
  24.                   <td colspan="3" height="5"></td>
  25.                 </tr>
  26.                 <tr>
  27.                   <td width="66" height="66" background="img/fondcompte.gif" align="center"><img src="img/avatar/admin.jpg" width="50" height="50" border="1" /></td>
  28.                   <td width="10">&nbsp;</td>
  29.                   <td valign="top"><span class="titrepseudo">Admin</span><br />
  31.                       <span class="reponse">Super administrateur<br />
  32.                       <input name="pswd" type="password" class="inputtext" id="pswd" maxlength="30" />
  33.                       <input name="Submit3" type="submit" class="inputtext" value="ok" />
  34.                       <input name="pseudo2" type="hidden" class="inputtext" id="pseudo2" value="admin" maxlength="30" />
  35.                   </span></td>
  36.                 </tr>
  37.                 <tr>
  38.                   <td colspan="3" height="5"></td>
  40.                 </tr></form>
  41.               </table>
  42. <table width="100%" border="0" cellpadding="0" cellspacing="1" style="border:solid 1px white" onmouseover="this.style.backgroundColor='#CCEEFF';this.style.border='solid 1px #AACCDD'" onmouseout="this.style.backgroundColor='white';this.style.border='solid 1px white'" >
  43.                   <form name="form1slim" method="post" action="index.php?id=contenuliste.php"><tr>
  44.                     <td colspan="3" height="5"></td>
  45.                   </tr>
  46.                   <tr>
  47.                     <td width="66" height="66" background="img/fondcompte.gif" align="center"><img src="img/avatar/2.jpg" alt="" width="50" height="50" border="1" /></td>
  48.                     <td width="10">&nbsp;</td>
  50.                     <td valign="top"><span class="titrepseudo">slim</span><br />
  51.                         <span class="reponse">
  52.     <br /><input name="pswd" type="password" class="inputtext" id="pswd" maxlength="30" />
  53.                         <input name="Submit2" type="submit" class="inputtext" value="ok" />                       
  54.                         <input name="pseudo2" type="hidden" id="pseudo2" value="slim" /></span></td>
  55.                     </tr>
  56.                   <tr>
  57.                     <td colspan="3" height="5"></td>
  58.                   </tr></form>
  60.                 </table>
  61.                               </td>
  62.                             </tr>
  63.                           </table>
  64.                         </td>
  65.                       </tr>
  66.                     </table>


 
Lui vérifie de façon classique le mot de passe et reroote à la page appelée dans l'iframe avec mise en session d'un utilisateur $_SESSION['pseudoA'].
 
Désolé d'avoir omis ce point, mais je viens à peine de faire attention au fait que seul ce formulaire ne fait aucune erreur !!!
 
Ai-je été assez explicite ?

Reply

Marsh Posté le 22-04-2008 à 16:59:20    

essaye de limiter le code aux portions intéressante, là ça devient un peu lourd en affichage et lecture
 
par défaut ta page ne charge rien dans l'iframe (pas d'attribut src), donc normal qu'il n'y ait rien dedans

Reply

Marsh Posté le 22-04-2008 à 17:16:13    

Voici donc le code limité aux portions intéressantes :
 
page contenant l'iframe (la page se charge lorsque l'on clique sur l'image
 

Code :
  1. <table width="1260" border="0" cellspacing="0" cellpadding="0" id="tableofcache">
  2.     <tr>
  3.       <td width="11" height="34"><img src="../template/back-office/img/top-left-frame.png" width="11" height="34" /></td>
  4.       <td align="left" valign="middle" background="../template/back-office/img/top-frame.png"><img src="../template/back-office/img/logo-p3-small.png" width="82" height="29" /></td>
  5.       <td align="right" valign="middle" background="../template/back-office/img/top-frame.png"><a href="javascript:void(0);" onClick="cach.visibility = 'hidden';cach.display = 'none';"><img src="../template/back-office/img/close.png" width="29" height="18" border="0"/></a></td>
  6.       <td width="19"><img src="../template/back-office/img/top-right-frame.png" width="19" height="34" /></td>
  7.     </tr>
  8.     <tr>
  9.       <td background="../template/back-office/img/middle-left-frame.png">&nbsp;</td>
  10.       <td colspan="2" bgcolor="#FFFFFF" style="border:solid 1px black"><iframe width="100%" height="470" frameborder="no" name="theframe" id="theframe"></iframe></td>
  11.       <td background="../template/back-office/img/middle-right-frame.png">&nbsp;</td>
  12.     </tr>
  13.     <tr>
  14.       <td height="19"><img src="../template/back-office/img/bottom-left-frame.png" width="11" height="19" /></td>
  15.       <td colspan="2" background="../template/back-office/img/bottom-frame.png">&nbsp;</td>
  16.       <td><img src="../template/back-office/img/bottom-right-frame.png" width="19" height="19" /></td>
  17.     </tr>
  18.   </table>


 
le formulaire devant se valider :
 

Code :
  1. <table width="100%" border="0" align="center" cellpadding="5" cellspacing="1">
  2. <tr>
  3. <td align="left" bgcolor="#FFFFFF" class="text">
  4. <form name="form1" method="post" action="index.php?id=news.php&idnews=22">
  6. contenu avec input classiques
  8. </form></td>
  9. </tr>
  10. </table>


 
et le formulaire de connexion qui fonctionne !!! Mais dès qu'il est validé plus aucun autre formulaire fonctionne !!! Je rappelle que sans l'iframe, totu passe sans le moindre soucis !!!
 

Code :
  1. <form name="form1" method="post" action="index.php?id=contenuliste.php">
  2.                 <tr>
  3.                   <td colspan="3" height="5"></td>
  4.                 </tr>
  5.                 <tr>
  6.                   <td width="66" height="66" background="img/fondcompte.gif" align="center"><img src="img/avatar/admin.jpg" width="50" height="50" border="1" /></td>
  7.                   <td width="10">&nbsp;</td>
  8.                   <td valign="top"><span class="titrepseudo">Admin</span><br />
  10.                       <span class="reponse">Super administrateur<br />
  11.                       <input name="pswd" type="password" class="inputtext" id="pswd" maxlength="30" />
  12.                       <input name="Submit3" type="submit" class="inputtext" value="ok" />
  13.                       <input name="pseudo2" type="hidden" class="inputtext" id="pseudo2" value="admin" maxlength="30" />
  14.                   </span></td>
  15.                 </tr>
  16.                 <tr>
  17.                   <td colspan="3" height="5"></td>
  19.                 </tr></form>


 
J'espère que ça te permettra de mieux visualiser la globalité comme ça.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed