Sujet Précédent Sujet Suivant

Formulaire pour over blog

phildu61 Messages postés 6 Statut Membre -  
sadfuffau Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -
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

3 réponses

Réponse 1 / 3
sly_prod
 
salut, on peu voir le code??
0
phildu61 Messages postés 6 Statut Membre
 
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>
0
Réponse 2 / 3
sly_prod
 
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>
0
phildu61 Messages postés 6 Statut Membre
 
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>
0
phildu61 Messages postés 6 Statut Membre
 
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.dtd">
<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>
<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="https://fredcavazza.net/" hreflang="fr" title="Cliquez ici pour visiter mon site" tabindex="0">www.FredCavazza.Net</a>.
</p>
</body>
</html>
0
sadfuffau Messages postés 1 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

je viens d'essayer d'insérer la balise <form> que tu as écrit un peu plus haut en reprenant ce que Phildu61 a écrit au début du forum, sur mon blog OverBlog, ça ne marche pas.
je sais que le message date un peu ... 2008, mais y-aurait il quelqu'un pour m'aider à faire fonctionner les boutons envoyer et rétablir sur Overblog merci d'avance!
0
Réponse 3 / 3
sly_prod
 
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');
}
0
solal
 
sur aver-blog pas de code javascript en Confiance....
... donc ton truc peut pas fonctionner.
0
panpan > solal
 
Bonjour,

Moi j'ai crée un formulaire HTML, lorsque je l'ouvre avec Bloc-note ou internet explorer, c'est trés bien.

Mon souvi est que ne je sas pas l'installer sur OVER-BLOG, car lorsque ue je l'insére dans HTML , le formulaire s'affiche à l'ouverture du blog, et impossible d'y écrire.

Avez-vous des solutions ou comment faire ??

Merci

PAN
0

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

1 réponse
usb device over current
jean-michel -
Robin -

39 réponses
Star pxe over ipv 4 / no bootable devices found
MorseMorse -
MorseMorse -

11 réponses
Contacter le "bon coin"
babet56 -
SUDEST13 -

28 réponses
Start pxe over ipv4
Grigori -
Malekal_morte- -

3 réponses