[Javascript] pb de fermeture de popup

frederic92 Messages postés 23 Statut Membre -  
 Utilisateur anonyme -
bonjour,
j'ai un probleme de fermeture de popup,je m'esplique j'ai un formulaire qui ce trouve dans une popup lors du click sur le bouton submit de mon formulaire je voudrais que l tout les chamlpos du formulairee sois verifié par ma fonction javascript t si le tout les champ son t bien remplois alors validder executer le le forumualire et fermer la popup.

voici mon code :

<SCRIPT tpy="TextJavaScript">
// verification saisie formulaire d'insertion
function verifForm_bt(insertion)
{
  var l=""; 
  
  if( insertion.marque.value == "") 
   l+='\r\nvous devez selectioner une marque !!';
  if( insertion.type.value == "") 
   l+='\r\nvous devez selectioner un type de boutique !!';
  if( insertion.adresse_bt.value == "") 
  l+='\r\nvous devez indiquer une adresse !!';
  if( insertion.cp_bt.value == "") 
   l+='\r\nvous devez indiquer un code postal !!';
  if( insertion.ville_bt.value == "") 
   l+='\r\nvous devez indiquer une ville !!';
  if( insertion.nom_bt.value == "") 
   l+='\r\nvous devez indiquer un nom de boutique!!';
  if( insertion.code_boutiques.value == "") 
   l+='\r\nvous devez indiquer un code boutique !!';
  if( insertion.horaires.value == "") 
   l+='\r\nvous devez indiquer les horaires de la boutique !!';
  if( insertion.pays.value == "") 
   l+='\r\nvous devez selectionet un pays !!';
  if( insertion.tel_bt.value == "") 
   l+='\r\nvous devez indiquer le numero de téléphonne de la boutique !!';
  if( insertion.email_bt.value == "") 
   l+='\r\nvous devez indiquer l adresse e-mail de la boutique !!';
  if( insertion.raccourci_tel.value == "") 
   l+='\r\nvous devez indiquer le raccourci telephonique de la boutique !!';
  if( insertion.ip_bt.value == "") 
   l+='\r\nvous devez indiquer une adresse IP !!';
  
   
if (l.length>0)
  {
   alert (l);
   return false;
  }
else 
  {
  return true;
  }
  }
</SCRIPT>


mon formulaire enfin les parie qui etre interessente pour mon pb seulement )
<form name=insertion action=".$action." method=POST onsubmit=\"return(verifForm_bt(this));\">


.....

<input type=submit name=\"subscribe\" value=\"Insérer\" onClick=\"if (return checkform();)popup.close();\">


" j'avais penssé a "
<input type=submit name="subscribe" value="Insérer" onClick="if (!checkform())window.close();">
"

mais je suis pas certain

je vous remercie par avance

Frédéric

3 réponses

  1. frederic92 Messages postés 23 Statut Membre 6
     
    moi j'ai un ti pb avec ton script HackTrack !

    j'ouvre le formulaire dans un popup et je n'arrive pas la validation de ce formulaire fermer la popup de validation et la popup de formulaire

    comment faire ?
    merci pouir votre aide

    Popup.php

    <html>
    <head>
    <script language="javascript" type="text/javascript">
    
    function verif() 
    { 
    	var nom = document.formulaire.nom.value;
    	if (document.formulaire.nom.value == "")
    	{
    		alert ('Veuillez entrer votre nom');
    		document.formulaire.nom.focus();
    		return false;
    	}
    	if(document.formulaire.prenom.value == "")
    	{
    		alert ('Veuillez entrer votre prénom');
    		document.formulaire.prenom.focus();
    		return false;
    	}
    	if(document.formulaire.matricule.value == "")
    	{
    		alert ('Veuillez entrer votre matricule');
    		document.formulaire.matricule.focus();
    		return false;
    	}
    	if(document.formulaire.matricule.value.length != 4)
    	{ 
    		alert ('Le matricule doit comporter 4 chiffres'); 
    		document.formulaire.matricule.focus();
    		return false; 
    	}
    	if(document.formulaire.telephone.value == "")
    	{
    		alert ('Veuillez entrer un n° de téléphone');
    		document.formulaire.telephone.focus();
    		return false;
    	}
    	if(document.formulaire.telephone.value.length != 6)
    	{ 
    		alert ('Le n° de téléphone doit comporter 6 chiffres'); 
    		document.formulaire.telephone.focus();
    		return false; 
    	}
    	else
    	{
    	 	if(window.document.all('flag').innerHTML="false"){
    			resum();
    			return false;
    		}else{
    			return true;
    		}
    	}
    }
    
    function resum(){
       html= "";
       html += "  <head>";
       html += "    <style>";
       html += "      body, table, tr,td{";
       html += "        background-color: #FFFFCC;";
       html += "        color: #009900;";
       html += "        font-family: Verdana, Arial, Courrier;";
       html += "        font-size: 10px;";
       html += "      }";
       html += "    </style>";
       html += "  </head>";
       html += "  <body>";
    
       html += "<i>Merci de prendre le temps de vérifier ce que vous venez de saisir:<br> ( coordonn&eacute;es, t&eacute;l&eacute;phone ou e-mail et la date).</i>";
       html += "<p/><strong> Merci !</strong><p/>";
       html += "	<table>";
       html += "	  <tr>";
       html += "	    <td><b>Nom</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.nom.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b>Pr&eacute;nom</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.prenom.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b<Matricule</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.matricule.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b>T&eacute;l&eacute;phone</td>";
       html += "	    <td>: ";
       html += document.formulaire.telephone.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b>E-mail</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.courriel.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b>Date choisie</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.select.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td><b>Commentaire &eacute;ventuel</b></td>";
       html += "	    <td>: ";
       html += document.formulaire.textarea.value;
       html += "	    </td>";
       html += "	  </tr>";
       html += "	  <tr>";
       html += "	    <td colspan='2'>";
       html += "	      <button onclick='window.opener.document.all(\"flag\").innerHTML=\"true\";window.opener.document.formulaire.submit();self.close();'>Je confirme</button>";
       html += " <button onclick='self.close();'>Je veux modifier</button>";
       html += "	    </td>";
       html += "	  </tr>";
       html += "	<table>";
       html += "  </body>";
       Fenetreresum = window.open('','Vérification','scrollbars=no,resizable=no,toolbar=no,status=no,top=220,left=250,width=420,height=300')
       Fenetreresum.document.write(html);
    }
    
    </script>
    </head>
    <body>
    <form name="formulaire" method="post" action="index2.php">
    <table>
    	<tr>
    	  <td>Nom:</td>
    	  <td><input type="" name="nom" value="nom" /></td>
    	</tr>
    	<tr>
    	  <td>Prénom:</td>
    	  <td><input type="" name="prenom" value="fred" /></td>
    	</tr>
    	<tr>
    	  <td>Matricule:</td>
    	  <td><input type="" name="matricule" value="1234" /></td>
    	</tr>
    	<tr>
    	  <td>Téléphone:</td>
    	  <td><input type="" name="telephone" value="123456" /></td>
    	</tr>
    	<tr>
    	  <td>Courriel:</td>
    	  <td><input type="" name="courriel" value="Mon_mail@fai.fr" /></td>
    	</tr>
    	<tr>
    	  <td>Date:</td>
    	  <td>
    		<select name="select">
    			<option value="01/04/2006">01/04/2006</option>
    			<option value="01/10/2006">01/10/2006</option>
    		</select>
    
    	</tr>
    	<tr>
    	  <td>Commentaire:</td>
    	  <td><textarea cols="40" rows="5" name="textarea" value="">Juste pour tester.</textarea></td>
    	</tr>
    	<tr>
    	 <td colspan="2"><input type="submit" onclick="javascript: return verif();"/> <input type="reset"/>
    	 <td colspan='2'>"; 
       </td>
    	</tr>
    </table>
    </form>
    <div id="flag" name="flag" style="display: none;">false</div>
    </body>
    </html>


    Et voici juste le script javascript d’ouverture de la popup de ma page index2.html

    </script>
    
    <script language="javascript">
    
    function popupcentree(page,largeur,hauteur,options)
    {
    var top=(screen.height-hauteur)/2;
    var left=(screen.width-largeur)/2;
    window.open(page,"popup","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
    }
    
    </script>
    0
  2. Utilisateur anonyme
     
    Salut!

    Dans ta page popup.php, remplace:

    <body>


    par:

    <body onunload="javascript:self.close();">


    ;-)
    HackTrack
    0