rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Formulaire pour over blog

Posté par phildu61, le jeudi 28 février 2008 à 10:02:36
Bonjour,
voila je voudrais mettre un formulaire sur over blog pour que mes contacts me renvoi des informations
qui connait la procedure ?car des que l'on inserre un formulaire htlm ca marche c'est tres jolie mais le soucie c'est des que l' on met en ligne on a beau cliquer sur envoie du formulaire et ca marche pas

je vous remercie d'avance
Configuration: Windows XP
Internet Explorer 7.0
Répondre à phildu61  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
sly_prod, le jeudi 28 février 2008 à 10:10:22
salut, on peu voir le code??
Répondre à sly_prod

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
phildu61, le jeudi 28 février 2008 à 10:20:21
voici le code ,c'est un copier coller ,je te remercie de me dire ce qui et pas bon ,je te remercie d avance
//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('adresse').value.length>0)
&&(document.getElementById('npa').value.length>0)
&&(document.getElementById('localite').value.length>0)
&&(document.getElementById('annee').value.length>0)
){
formulaire.submit();
} else
alert('IMPOSSIBLE D' ENVOER LE FORMULAIRE, VOUS AVEZ OUBLIEZ DE REMPLIRE DES CHAMPS OBLIGATOIRS');
}
-->
<div align="center">
<p class="Style11" align="left">Formulaire d'inscription</p>
<p class="Style10" align="left"><font color="#ff0000">Les cases marquées d'une * sont obligatoires</font></p>
<p class="Style4" align="left">No membre SSS <input id="nomembre" name="nomembre" type="text" /> (si connue)</p>
<p class="Style4" align="left">*Monsieur <input id="sex" type="radio" name="sex" value="Monsieur" /> Madame <input id="sex" type="radio" name="sex" value="madame" /></p>
<p class="Style4" align="left">*Nom : <input id="nom" name="nom" type="text" /></p>
<p class="Style4" align="left">*Prénom : <input id="prenom" name="prenom" type="text" /></p>
<p class="Style4" align="left">*Adresse : <input id="adresse" name="adresse" type="text" /></p>
<p class="Style4" align="left">*NPA <input id="npa" name="npa" type="text" /> *Localité : <input id="localite" name="localite" type="text" /></p>
<p class="Style4" align="left">Num. téléphone: <input id="numtel" name="tel" type="text" /> Nat. <input id="nat" name="nat" type="text" /></p>
<p class="Style4" align="left">*Date de naissance : Jour <select id="jour" name="jour">
<option selected="selected">##</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select> Mois <select id="mois" name="mois">
<option selected="selected">##</option>
<option>Janvier</option>
<option>Février</option>
<option>Mars</option>
<option>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Août</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Décembre</option>
</select> Anneé <input id="annee" name="annee" type="text" /></p>
<p align="left"><span class="Style4">*adresse email : <input id="email" size="50" name="email" type="text" /></span></p>
<p align="left"><input id="envoyer" type="button" onclick="envoie(this.form)" name="envoyer" value="Envoyer" /> <input id="retablir" type="reset" name="retablir" value="Rétablir" /></p>
<p> </p>
</div>
<!--p
//il vous suffit de mettre votre adresse email a la ligne 35


//On récupère les valeurs du formulaire
$nomembre = $_POST['nomembre'];
$sex = $_POST['sex'];
$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
$jour = $_POST['jour'];
$mois = $_POST['mois'];
$annee = $_POST['annee'];
$adresse = $_POST['adresse'];
$npa = $_POST['npa'];
$localite = $_POST['localite'];
$tel = $_POST['tel'];
$nat = $_POST['nat'];
$email = $_POST['email'];

--><!--p //On créée le message email

$msg = "Sex= $sex
no membre= $nomembre
Nom= $nom
Prénom= $prenom
Date de naissance= $jour $mois $annee
Adresse: $adresse
Npa= $npa
Localité= $localite
Télephone= $numtel
Natel= $nat
Adresse email : $email";

$recipient = "djcann@orange.fr"; //On met l'adresse email ou on veut recevoire le mail
$subject = "Formulaire"; //On met le sujet du mail

$mailheaders = "From: Mon site web<> n"; //depuis où il a été posté


mail($recipient, $subject, $msg, $mailheaders); // message confirmation que le mail a bien été envoyé

echo "<HTML><HEAD>";
echo "<TITLE>Formulaire envoyer!</TITLE></HEAD><BODY>";
echo "<H1 align=center>Merci, $sex $nom </H1>";
echo "<P align=center>";
echo "Votre formulaire à bien été envoyé !</P>";
echo "</BODY></HTML>";

--><style type="text/css">


<!--
.Style4 { font-size: 16px;
font-weight: bold;
}
.Style10 {font-size: 18px; font-weight: bold; }
.Style11 {
font-size: 36px;
font-weight: bold;
}
--></style><span style="display: none; overflow: hidden; width: 0pt; height: 0pt">anti_bug_fck</span>
Répondre à phildu61

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
sly_prod, le jeudi 28 février 2008 à 10:46:02
pas etonnant que cela ne marche pas, tu n'a pas mis de balise <form>

essai

<form name="formulaire">

<div align="center">
<p class="Style11" align="left">Formulaire d'inscription</p>
<p class="Style10" align="left"><font color="#ff0000">Les cases marquées d'une * sont obligatoires</font></p>
......
......
<input id="envoyer" type="button" onclick="envoie(this.form)" name="envoyer" value="Envoyer" /> <input id="retablir" type="reset" name="retablir" value="Rétablir" /></p>
<p> </p>
</div>

</form>
Répondre à sly_prod

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
phildu61, le jeudi 28 février 2008 à 11:23:15
Voila ce que j'ai modifier et ca ne marche toujour pas


//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('adresse').value.length>0)
&&(document.getElementById('npa').value.length>0)
&&(document.getElementById('localite').value.length>0)
&&(document.getElementById('annee').value.length>0)
){
formulaire.submit();
} else
alert('IMPOSSIBLE D' ENVOER LE FORMULAIRE, VOUS AVEZ OUBLIEZ DE REMPLIRE DES CHAMPS OBLIGATOIRS');
}


-->
<div align="center">
<p class="Style11" align="left">Formulaire d'inscription</p>
<p class="Style10" align="left"><font color="#ff0000">Les cases marquées d'une * sont obligatoires</font></p>
<p class="Style4" align="left">No membre SSS <input id="nomembre" name="nomembre" type="text" /> (si connue)</p>
<p class="Style4" align="left">*Monsieur <input id="sex" type="radio" name="sex" value="Monsieur" /> Madame <input id="sex" type="radio" name="sex" value="madame" /></p>
<p class="Style4" align="left">*Nom : <input id="nom" name="nom" type="text" /></p>
<p class="Style4" align="left">*Prénom : <input id="prenom" name="prenom" type="text" /></p>
<p class="Style4" align="left">*Adresse : <input id="adresse" name="adresse" type="text" /></p>
<p class="Style4" align="left">*NPA <input id="npa" name="npa" type="text" /> *Localité : <input id="localite" name="localite" type="text" /></p>
<p class="Style4" align="left">Num. téléphone: <input id="numtel" name="tel" type="text" /> Nat. <input id="nat" name="nat" type="text" /></p>
<p class="Style4" align="left">*Date de naissance : Jour <select id="jour" name="jour">
<option selected="selected">##</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select> Mois <select id="mois" name="mois">
<option selected="selected">##</option>
<option>Janvier</option>
<option>Février</option>
<option>Mars</option>
<option>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Août</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Décembre</option>
</select> Anneé <input id="annee" name="annee" type="text" /></p>
<p align="left"><span class="Style4">*adresse email : <input id="email" size="50" name="email" type="text" /></span></p>
<p align="left"><input id="envoyer" type="button" onclick="envoie(this.form)" name="envoyer" value="Envoyer" /> <input id="retablir" type="reset" name="retablir" value="Rétablir" /></p>
</div>
<p> </p>
<!--p
//il vous suffit de mettre votre adresse email a la ligne 35


//On récupère les valeurs du formulaire
$nomembre = $_POST['nomembre'];
$sex = $_POST['sex'];
$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
$jour = $_POST['jour'];
$mois = $_POST['mois'];
$annee = $_POST['annee'];
$adresse = $_POST['adresse'];
$npa = $_POST['npa'];
$localite = $_POST['localite'];
$tel = $_POST['tel'];
$nat = $_POST['nat'];
$email = $_POST['email'];

--><!--p //On créée le message email

$msg = "Sex= $sex
no membre= $nomembre
Nom= $nom
Prénom= $prenom
Date de naissance= $jour $mois $annee
Adresse: $adresse
Npa= $npa
Localité= $localite
Télephone= $numtel
Natel= $nat
Adresse email : $email";

$recipient = "djcann@orange.fr"; //On met l'adresse email ou on veut recevoire le mail
$subject = "Formulaire"; //On met le sujet du mail

$mailheaders = "From: Mon site web<> n"; //depuis où il a été posté


mail($recipient, $subject, $msg, $mailheaders); // message confirmation que le mail a bien été envoyé

echo "<HTML><HEAD>";
echo "<TITLE>Formulaire envoyer!</TITLE></HEAD><BODY>";
echo "<H1 align=center>Merci, $sex $nom </H1>";
echo "<P align=center>";
echo "Votre formulaire à bien été envoyé !</P>";
echo "</BODY></HTML>";

--><style type="text/css">



<!--
.Style4 { font-size: 16px;
font-weight: bold;
}
.Style10 {font-size: 18px; font-weight: bold; }
.Style11 {
font-size: 36px;
font-weight: bold;
}
--></style><span style="display: none; overflow: hidden; width: 0pt; height: 0pt">anti_bug_fck</span>
Répondre à phildu61

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
phildu61, le jeudi 28 février 2008 à 11:39:50
j ai ce style de formulaire que tu peut modifie du moment que je sache ou mettre mon adresse email pour que je puisse recevoir les formulaires

car j'ai trouve ca sur le net

si tu peut pas laisse tomber

cordialement

philippe


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Des formulaires plus simples (Après)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="noindex,nofollow" />
<link rel="stylesheet" type="text/css" href="formStylesBasic.css" />
<style type="text/css">@import url('formStyles.css');</style>
<script type="text/javascript" src="formValidation.js"></script>
</head>
<body onload="document.getElementById('nom').focus()">­;
<h1>Des formulaires plus simples</h1>
<h2>Après</h2>
<p id="notes">
Et voilà ! Nous avons maintenant un formulaire simple d'utilisation, intuitif, avec une bonne lisibilité et répondant à certains critères
d'accessibilité. Il a été testé sur les navigateurs suivants : IE 5+, NS6+, Mozilla 1.5+ et Opera 7. Le tout sous Windows XP et 98.
Si vous constatez des erreurs d'affichage ou des comportements étranges, n'hésitez pas à me contacter : <a href="mailto:mail@fredcavazza.net" title="Cliquez ici pour m'envoyer un e-mail">mail@fredcavazza.net</a>.<br />
Pour télécharger les fichiers sources, ça se passe ici : <a href="SimplifiezVosFormulaires.zip" title="Cliquez ici pour télécharger les fichiers sources au firmat ZIP">SimplifiezVosFormulaires.zip</a>.<br />
<a href="SVF_intro.htm" title="Cliquez ici pour revenir à l'article">retour à l'introduction</a> |
<a href="SVF_etape12.htm" title="Cliquez ici pour allez à l'étape précédente" tabindex="0">< étape précédente</a>
</p>
<form name="inscription" id="inscription" method="get" action="#" onsubmit="return validateForm(this)">
<div id="titreForm">Inscription à notre newsletter</div>
<div id="corpForm">
<fieldset id="coordonnees">
<legend>Vos coordonnées</legend>
<p>
<label for="nom" title="Veuillez saisir votre nom en lettres majuscules" class="oblig">* Nom :</label>
<input type="text" name="nom" id="nom" title="Veuillez saisir votre nom en lettres majuscules" tabindex="1" onfocus="this.className='focus';" onblur="this.className='normal';" onchange="javascript:this.value=this.value.toUpperCase(­);" />
<span class="legende">ex : 'MARTIN'</span>
</p>
<p>
<label for="prenom" title="Veuillez saisir votre prénom" class="oblig">* Prénom :</label>
<input type="text" name="prenom" id="prenom" title="Veuillez saisir votre prénom" tabindex="2" onfocus="this.className='focus';" onblur="this.className='normal';" />
</p>
<p>
<label for="eMail" title="Veuillez saisir votre adresse email" class="oblig">* e-Mail :</label>
<input type="text" name="eMail" id="eMail" title="Veuillez saisir votre adresse e-mail" tabindex="3" onfocus="this.className='focus';" onblur="this.className='normal';" />
<a href="#" class="aide" title="Votre adresse e-mail ne sera pas utilisée à des fins commerciales" tabindex="0"><img src="icon_help.gif" alt="Votre adresse e-mail ne sera pas utilisée à des fins commerciales" /></a>
</p>
<p>
<label for="pays" title="Veuillez choisir votre pays" class="oblig">* Pays :</label>
<select id="pays" title="Veuillez choisir votre pays" tabindex="4" onfocus="this.className='focus';" onblur="this.className='normal';">
<optgroup label="Europe">
<option value="france" selected="selected">France</option>
<option value="allemagne">Allemagne</option>
</optgroup>
<optgroup label="Amérique du Nord">
<option value="etatsunis">États-Unis</option&­gt;
<option value="canada">Canada</option>
</optgroup>
<optgroup label="Asie">
<option value="japon">Japon</option>
<option value="chine">Chine</option>
</optgroup>
</select>
</p>
<p>
<label for="dateNaissance" title="Veuillez saisir votre date de naissance au format jjmmaaaa">Date de naissance :</label>
<input type="text" name="dateNaissance" id="dateNaissance" title="Veuillez saisir votre date de naissance au format jjmmaaaa" maxlength="8" size="8" tabindex="5" onfocus="this.className='focus';" onblur="this.className='normal';" />
<span class="legende">ex : '05031970' pour '5 mars 1970'</span>
</p>
</fieldset>
<br />
<fieldset id="periodicite">
<legend>Périodicité</legend><br />
<span class="legende">Choisissez la frequence à laquelle vous souhaitez recevoir notre newsletter :</span>
<p>
<input type="radio" name="periode" id="periodeH" value="hebdo" checked="checked" tabindex="6" />
<label for="periodeH" title="Notre newsletter vous serra envoyé toutes les semaines">Newsletter hebdomadaire</label>
<br />
<input type="radio" name="periode" id="periodeM" value="mens" tabindex="7" />
<label for="periodeM" title="Notre newsletter vous serra envoyé tous les mois">Newsletter mensuelle</label>
<br />
<input type="radio" name="periode" id="periodeT" value="trim" tabindex="8" />
<label for="periodeT" title="Notre newsletter vous serra envoyé tous les trimestres">Newsletter trimestrielle</label>
</p>
</fieldset>
<br />
<em>* Champs obligatoires</em>
</div>
<div id="piedForm">
<input type="submit" name="valid" id="valid" value="S'inscrire" title="Cliquez sur ce bouton pour valider votre inscription" tabindex="9" />
</div>
</form>
<p id="footer">
© 2004, <a href="http://www.fredcavazza.net/" hreflang="fr" title="Cliquez ici pour visiter mon site" tabindex="0">www.FredCavazza.Net</a>.
</p>
</body>
</html>
Répondre à phildu61

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
sly_prod, le jeudi 28 février 2008 à 11:43:55
je te conseil de lire un tuto sur les formulaire!!!!! tape sous google:"site du zero"" !!
a chaque fois que tu a un boutton, il faut un formulaire donc des balises <form></form> en debut et en fin

exemple de formulaire:
<form name="***" method="post" action="envoi()">
<input type="text" name="blabla" value="">
<input type="text" name="blabla" value="">
<input type="text" name="blabla" value="">
<input type="text" name="blabla" value="">
<input type="text" name="blabla" value="">
<input type="submit" value="OK"> //c'est un boutton de validation qui execute l'action du formulaire
<input type="reset">
</form>

ta fonction envoi():

function envoie()
{
if ( (document.getElementById('nom').value.length>0)
&&(document.getElementById('prenom').value.length>0)
&&(document.getElementById('adresse').value.length>0)
&&(document.getElementById('npa').value.length>0)
&&(document.getElementById('localite').value.length>0)
&&(document.getElementById('annee').value.length>0)
){
formulaire.submit();
} else
alert('IMPOSSIBLE D' ENVOER LE FORMULAIRE, VOUS AVEZ OUBLIEZ DE REMPLIRE DES CHAMPS OBLIGATOIRS');
}
Répondre à sly_prod

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 solal, le vendredi 20 juin 2008 à 15:09:20
sur aver-blog pas de code javascript en Confiance....
... donc ton truc peut pas fonctionner.
Répondre à solal
Discussions pertinentes trouvées dans le forum
01/06 22h20Bannière SWF sur Over-blog2
28/05 14h31Newsletters OVER BLOG0
15/04 09h41Concerne over-blog0
11/04 14h22Arnaque Over blog0
Plus de discussions sur « formulaire pour over blog »
Logiciels pertinents trouvés dans les téléchargements
Télécharger BurnAtOnce 0.99.5BurnAtOnce - Burn At Once est un logiciel de gravure libre, possédant une interface minimaliste mais des fonctionnalités intéressantes : ...Catégorie: Gravure
Licence: Open Source
Télécharger CPU-z 1.46CPU-z - CPU-Z est un logiciel gratuit collectant des informations sur les principaux éléments de l' ordinateur : ...Catégorie: Diagnostic
Licence: Freeware/gratuit
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger Wntipcfg 1.0Wntipcfg - WntIpCfg est le digne successeur de la commande WinIpCfg de Windows 95 et Windows 98, permettant d'obtenir des informations...Catégorie: Réseau
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « formulaire pour over blog »