18041 sujets

Questions générales et questions de débutants

[Résolu] Formulaire

Bonjour a tous,

Je viens de créer une page de contact toute simple et tout marche nickel sous FF mais le formulaire ne s'affiche même pas sous IE.
Manquerai-t-il une balise ou qq chose comme ça ???

Voici le code de ma page html : <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="EditRegion4" -->
<title>Contactez l'annuaire des piscines</title>
<!-- InstanceEndEditable -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE]>
<style type="text/css">
#sidebar #calendar {
background-position: 0px 20px;
}
</style>
<![endif]-->
<style type="text/css">
<!--
.Style1 { font-size: 22px
}
.Style3 { font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style4 {font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; }
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Annuaire-piscines.com</a></h1>
</div>
<!-- InstanceBeginEditable name="EditRegion3" -->
<div id="menu">
<ul>
<li class="first"><a href="index.html" accesskey="1" title="">Accueil</a></li>
<li><a href="inscriptions.php" accesskey="2" title="">Inscription</a></li>
<li><a href="referencement_prioritaire.html" accesskey="3" title="">Referencement</a></li>
<li><a href="contact.html" accesskey="5" title="">Contact</a></li>
<li><a href="Creer_sa_piscine.html" accesskey="6" title="">Créez votre piscine</a></li>
<li><a href="propos.html" accesskey="5" title="">A propos</a><a href="#" accesskey="6" title=""></a></li>
</ul>
</div>
<!-- InstanceEndEditable -->
<hr />
<div id="banner"><img src="images/piscine_banniere1.jpg" alt="" width="961" height="164" /></div>
<!-- start page -->
<div id="page">
<!-- start content -->
<!-- InstanceBeginEditable name="Région1" -->
<div id="content">
<div class="post">
<h1 class="Style1"><a href="#" class="Style1">Contact</a><a href="#"></a> annuaire-piscines</h1>
<p class="title">&nbsp;</p>
<div class="entry">
<img src="images/Goute_eau_1.jpg" alt="" width="207" height="140" class="left" />
<p align="justify" class="Style3">Vous pouvez nous contacter en remplissant le formulaire suivant, nous y répondrons dans les meilleurs délais. Merci.</p>
<p></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<script language="JavaScript">
//La fonction JavaScript qui vérifie si les champs obligatoirs du formulaire ont été bien remplis
<!--
function envoie(formulaire) {
if ( (document.getElementById('nom').value.length>0)&&(document.getElementById('prenom').value.length>0)&&(document.getElementById('mail').value.length>0)&&(document.getElementById('message').value.length>0) ) {
formulaire.submit();
} else
alert('IMPOSSIBLE D ENVOYER LE FORMULAIRE, VOUS AVEZ OUBLIE DE REMPLIRE DES CHAMPS OBLIGATOIRES');
}
</script>
</div>
<div class="post">
<h2 class="title"><a href="#" class="Style4">Contact</a><a href="#"></a></h2>
<p class="title">&nbsp;</p>
<form action="ok_contact.php" method="post" name="form_contacts" id="form_contacts">
<p>&nbsp;<br>
NOM :&nbsp;
<input name="nom" type="text" id="nom">
<br>
PRENOM :&nbsp;
<input name="prenom" type="text" id="prenom">
<br>
</p>
<p>MAIL :&nbsp;
<input name="mail" type="text" id="mail" size="50">
<br>
<br>
MESSAGE :&nbsp;
<textarea name="message" cols="80" rows="5" class="post" id="message"></textarea>
</p>
<p>
<input name="envoyer" type="button" id="envoyer" value="envoyer" onClick="envoie(this.form)">
<input name="retablir" type="reset" id="retablir" value="retablir">
</p>
</form>

et mon code PHP (une page à part) :



<?php
$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
$mail = $_POST['mail'];
$adresse = $_POST['message'];

?>
<html>
<head>
<title>Contactez-nous</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script LANGUAGE="JavaScript">
//Fonction JavaScript qui ouvre la PopUp quand ont clique sur envoyer
<!--
function popup(){
fenetre=window.open("envoi_ok.htm","fenetre","resizable=no,toolbar=no,scrollbar=no,width=300,height=300,top=0,left=0");
}
//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Style1 {color: #0000FF}
-->
</style>
</head>

<body bgcolor="#FFFF00">
<div align="center">
<p><strong>Veuillez vérifier les informations que vous avez tapées :</strong></p>
<hr>
<p>NOM:&nbsp; <?php echo("<font color=#0000FF> $nom </font>"); ?><br>
PRENOM:&nbsp; <?php echo("<font color=#0000FF> $prenom </font>"); ?><br>
MAIL:&nbsp; <?php echo("<font color=#0000FF> $mail </font>"); ?><br>
MESSAGE:&nbsp; <?php echo("<font color=#0000FF> $message </font>"); ?></p>

<p>
<input name="envoyer" type="button" id="envoyer" value="Les informations que j'ai tappées sont correctes" onClick="<?php mail("tristan.hervouet@gmail.com","Message du formulaire de contact de votre site annuaire-piscines.com","Voici le message que $nom a tapé : NOM= $nom , PRENOM= $prenom , ADRESSE E-MAIL= $mail MESSAGE= $message","FROM:Formulaire contacts site $annuaire-piscines"); //On met en forme l'e-mail que le webmaster recevra?>;popup()"><!-- On appel la fontion JavaScript PopUp -->
<input name="retour" type="button" id="retour" value="Les informations que j'ai tappées comportent des erreurs" onClick="javascript:history.back()"><!-- La fonction JavaScript qui permet de revenir au formulaire si l'utilisateur à fait des érreurs -->
</p>
<p>&nbsp; </p>
<p class="legal"><a href="index.html" class="Style1">RETOUR A L'ACCUEIL</a></p>
<p align="left">&nbsp;</p>
</div>
</body>
</html>

Merci d'avance !!!
Modifié par racers (29 Jan 2008 - 22:29)
Bonjour,

Alors d'abord, pour faciliter la lecture du post, il faut à la rédaction du message mettre le code que tu insères dans les balises <code></code> prévues à cet effet.

Ensuite j'ai essayé d'afficher la page de formulaire dans ff et ie7, ça passe.
Mais si chez toi ça ne s'affiche pas (ie6) il y a de forte de chance que ce soit à cause du manque des balises fermantes après le : 
</form>

Tu ouvres pas mal de div au début qui ne sont jamais fermées et tu ne fermes ni le body ni le <html>.

Par ailleurs, le code PHP il fonctionne ?
J'ai pas mal de doutes sur le :
onClick="<?php mail(
Bonjour,

Merci pour les balises <code> dans le post, je viens de le voir...

Alors j'utilise FF et IE7 pour tester. La balise <html> est fermée mais j'ai arrêté la copie du code avant le bas de page qui n'a pas d'intérêt.

Néanmoins mon <body> n'est effectivement pas fermé mais ça ne fonctionne toujours pas.
Ce qui fonctionne c'est mon formulaire seul sans mise en page.
Il fonctionne totalement sous FF néanmoins :
voir : http://www.annuaire-piscines.com/contact.html

Le PHP est nickel par contre
Smiley cligne

Merci!!
Modifié par racers (29 Jan 2008 - 22:30)
Le problème d'affichage provient du fait que dans le javascript tu ouvres un commentaire mais tu ne le refermes jamais. Donc tout ce qu'il y a après n'est pas affiché.

Il faut donc remplacer ça:

<script language="JavaScript">
//La fonction JavaScript qui vérifie si les champs obligatoirs du formulaire ont été bien remplis
<!--
function envoie(formulaire) {
if ( (document.getElementById('nom').value.length>0)&&(document.getElementById('prenom').value.length>0)&&(document.getElementById('mail').value.length>0)&&(document.getElementById('message').value.length>0) ) {
formulaire.submit();
} else
alert('IMPOSSIBLE D ENVOYER LE FORMULAIRE, VOUS AVEZ OUBLIE DE REMPLIRE DES CHAMPS OBLIGATOIRES');
}
</script>


par ça :

<script language="JavaScript">
//La fonction JavaScript qui vérifie si les champs obligatoirs du formulaire ont été bien remplis
<!--
function envoie(formulaire) {
if ( (document.getElementById('nom').value.length>0)&&(document.getElementById('prenom').value.length>0)&&(document.getElementById('mail').value.length>0)&&(document.getElementById('message').value.length>0) ) {
formulaire.submit();
} else
alert('IMPOSSIBLE D ENVOYER LE FORMULAIRE, VOUS AVEZ OUBLIE DE REMPLIRE DES CHAMPS OBLIGATOIRES');
}
-->
</script>
Modérateur
raph a écrit :
Un ptit Résolu dans le sujet et on en parle plus ! Smiley cligne
mmh... presque... Smiley ravi

Bonjour et bienvenue parmi nous racers, Smiley smile

En tant que modérateur, je me dois donc de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton premier message, en plus de l'ajout de la mention résolu à ton titre, afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour,

- D'accord pour le code c'est vu (l'image est pas mal d'ailleur...)
- OK je rends de ce pas dans la rubrique "nouveau" pour faire le point sur les règles à respecter (désolé!)

Par contre je n'ai pas de boutton éditer pour mettre résolu... Smiley ohwell je n'ai que "répondre"...

Merci encore.
Salut racers,
racers a écrit :
Par contre je n'ai pas de boutton éditer pour mettre résolu... Smiley ohwell je n'ai que "répondre"...
Il faut être connecté pour avoir le bouton "éditer" disponible... et comme en plus ton premier message déforme la mise en page du forum, il faut un peu scroller sur la droite Smiley cligne !

A+
Sujet clos
Aller à