Discussion :

[lizeal]

Bonjour,


Je dispose d'un tableau avec nom, pr�nom, adresse (...) avec un bouton-image pour ajouter des donn�es � ce tableau.

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

echo '<td class="imgaction"><a href="modif_PH.php?action=A"><img src="images/ajout.png" border=0></a></td>' ;

Ce bouton revoie sur un formulaire en Php MySql �crit sur la m�me page.

Code php :

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
// ajout d'un élément
  if ($_GET['action']=="A")
  {
       //formulaire d'ajout d'un élément	   
       echo '<form method="POST" action="ph_enr.php" name="saisiePh" onSubmit="return PH()">' ;
	   echo '<h2><u>Ajout d\'un président d\'honneur</u></h2><br /><br />';
       if (isset($_SESSION['mess']) && ($_SESSION['mess']!=""))
       {
           echo '<p class="erreur">'.$_SESSION['mess'].'</p>' ;
       } 
       echo '<div class="data">' ;
	   echo '<center>Nom du président d\'honneur:&nbsp;&nbsp;<input type="text" name="ph" id="ph" size=12/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;</center><br /><br />' ;
       echo '<center>Nom de l\'entreprise:&nbsp;&nbsp;<input type="text" name="entreprise" id="entreprise" size=15/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;</center><br /><br />' ;
       echo '<center>Année de début de présidence:&nbsp;&nbsp;<input type="text" name="debp" id="debp" size=15/><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span></center><br /><br />' ;
       echo '<center>Année de fin de présidence:&nbsp;&nbsp;<input type="text" name="finp" id="finp" size=25/>&nbsp;&nbsp;</center><br /><br />' ;
	   echo '</div>' ;
       echo '<p><center><input type="submit" class="submit"  value="&nbsp;&nbsp;Valider" />' ;
       echo '<input type="reset" class="reset" value="Effacer" /> </center> </p>' ;
	   echo '<p class="droite"><span class="donnee_obligatoire">&nbsp;&nbsp;&nbsp;</span><span class="saisie_ob">saisie obligatoire</span></p>' ;
       echo '</form>' ;
 
  }

Le probl�me est :
Au clic du bouton pour ajouter des donn�es, le formulaire appara�t sur la m�me page, en bas de page.

Je souhaiterai que ce formulaire apparaisse diff�remment car scroller en bas de la page est p�nible.
J'ai r�fl�chis et j'ai pens� utiliser une fen�tre popup qui afficherait le formulaire ET seulement le formulaire.

Voici ce que j'ai r�ussi � produire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<!-- Script qui ouvre la popup --> 
<SCRIPT LANGUAGE="JavaScript">
<!--
window.open ('modif_PH.php?action=A')
-->
</SCRIPT>

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

echo '<td class="imgaction"><a href="javascript:affichage_popup("modif_PH.php?action=A","_TARGET");"><img src="images/ajout.png" border=0></a></td>' ; // POPUP

Le r�sultat :
Une fen�tre popup appara�t bien ... en fait y'en a des dizaines qui apparaissent ! Et ces fen�tre apparaissent au clic de la page pour voir le tableau et non pas au clic du bouton ajouter. (qui d'ailleurs ne fait rien)
Le formulaire y appara�t ... mais avec le tableau ==> ce que je ne souhaite pas.


Pouvez-vous m'aider ?


Cordialement,
lizeal

[Watilin]

Si ta page action_A contient un script qui ouvre une fen�tre vers la m�me page, le script va s'activer � nouveau et ouvrir une nouvelle fen�tre et ainsi de suite.

J'imagine que Space Frog n'est pas encore pass� par l�, sinon il t'aurait sugg�r� une popin

Une popin c'est pas compliqu�, c'est une div que tu mets en position: fixed au milieu de l'�cran par dessus le reste de la page, avec �ventuellement un autre div noire semi-transparente derri�re pour assombrir. Tu as s�rement d�j� vu �a sur d'autres sites.

[sekaijin]

solution
placer le formulaire dans un DIV
utiliser le positionnement css pour afficher le div au dessus du tableau

Merci de poste uniquement le HTML JavaScript CSS et �ventuellement le contenu des r�ponse aux appel AJAX (response.text)

tout ce qui s'ex�cute sur le serveur n'a pas � figurer dans ce forum.
les forum php jsp asp etc sont fait pour �a.

A+JYT