11496 sujets

JavaScript, DOM et API Web HTML5

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
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.
// 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.
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 :
<!-- Script qui ouvre la popup --> 
<SCRIPT LANGUAGE="JavaScript">
<!--
window.open ('modif_PH.php?action=A')
-->
</SCRIPT>

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