[Javascript] pb de fermeture de popup

Fermé
frederic92 Messages postés 23 Date d'inscription lundi 21 novembre 2005 Statut Membre Dernière intervention 3 avril 2006 - 22 mars 2006 à 17:42
 Utilisateur anonyme - 4 avril 2006 à 08:37
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
A voir également:

3 réponses

Utilisateur anonyme
30 mars 2006 à 10:22
Mais ça m'a tout l'air d'être un TP, ça? Et toute la classe se donne RV sur CCM!

Va voir ici, je viens de répondre à un de tes "collègues" me semble-t-il...


https://forums.commentcamarche.net/forum/affich-2062006-javascript-controle-et-verif-form

>:-(
HackTrack
0
frederic92 Messages postés 23 Date d'inscription lundi 21 novembre 2005 Statut Membre Dernière intervention 3 avril 2006 6
3 avril 2006 à 11:10
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
Utilisateur anonyme
4 avril 2006 à 08:37
Salut!

Dans ta page popup.php, remplace:

<body>


par:

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


;-)
HackTrack
0