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