PopUp Js Php/MySql

Bonjour,

Je dispose d'un tableau avec nom, pr�nom, adresse (...) avec un bouton-image pour ajouter des donn�es � ce tableau.
http://img4.hostingpics.net/pics/140193tabl.png

Code:

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:

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:  <input type="text" name="ph" id="ph" size=12/><span class="donnee_obligatoire">   </span>   </center><br /><br />' ; echo '<center>Nom de l\'entreprise:  <input type="text" name="entreprise" id="entreprise" size=15/><span class="donnee_obligatoire">   </span>   </center><br /><br />' ; echo '<center>Année de début de présidence:  <input type="text" name="debp" id="debp" size=15/><span class="donnee_obligatoire">   </span></center><br /><br />' ; echo '<center>Année de fin de présidence:  <input type="text" name="finp" id="finp" size=25/>  </center><br /><br />' ; echo '</div>' ; echo '<p><center><input type="submit" class="submit" value="  Valider" />' ; echo '<input type="reset" class="reset" value="Effacer" /> </center> </p>' ; echo '<p class="droite"><span class="donnee_obligatoire">   </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.
http://img4.hostingpics.net/pics/382037form.png
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:

1 2 3 4 5 6  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Code:

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 ! 8O 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

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.

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