Formulaire de présentation non fonctionnel
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Formulaire de présentation non fonctionnel
Bonjour alors tout est dit dans le titre! ^^'
Voici le code HTML de ce formulaire :
Lien auquel je voudrais qu'il soit associer :
Le message reçu une fois que j'ai remplis tous les champs et que j'ai cliquer sur "Envoyer" : →Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.←
Merci d'avance !!!
Voici le code HTML de ce formulaire :
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Habbstyle - Présentation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.contour {
margin:0 20px;
text-align:center;
color: red;
border: 20px #000000 inset;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://fr.wallpaperswiki.org/wp-content/uploads/2012/11/Fond-d%C3%A9cran-Hauteur-Lumi%C3%A8re-Hexagon.jpg) fixed;
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
genre = "une fille";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
genre = "un garçon";
var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
regle = "Non";
// Créer un message à partir des informations fournies
var txt_message = "<div style="margin:auto;text-align:center;width:100%"><img src="" + form.avatar.value + "" border="0" alt="" /></div>" +'\n'
+ "<strong> Présentation de :</strong> " + form.pseudo.value + '\n'
+ "<strong>Mon Prénom :</strong> " + form.prenom.value + '\n'
+ "<strong>J'ai :</strong> " + form.age.value + " ans" + '\n'
+ "<strong>Je suis :</strong> " + genre + '\n'
+ "<strong>Dans la vie :</strong> " + form.occupation.value + '\n'
+ "<strong>Mes passions :</strong> " + form.passion.value + '\n'
+ "<strong>Mon caractère :</strong> " + form.caractere.value + '\n'
+ "<strong>Mes couleurs préférées :</strong> " + form.couleur.value + '\n'
+ "<strong>Je déteste :</strong> " + form.deteste.value + '\n'
+ "<strong>J'y suis :</strong> " + form.role.value + '\n'
+ "<strong>Ce que je pense de ce forum :</strong> " + form.impression.value + '\n'
+ "<strong>Acceptes et approuves-tu le règlement ?</strong> " + regle + '\n'
+ "<strong>Petit plus :</strong> " + form.plus.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="6" />
<h1>Veuillez remplir le formulaire de présentation suivant:</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="" size="50" maxlength="100" />
<br /><br />
<label for="prenom">Prénom :</label><br />
<input type="text" name="prenom" id="prenom" value="" size="50" maxlength="100" />
<br /><br />
<label for="age">Age :</label><br />
<input type="text" name="age" id="age" value="" size="10" maxlength="100" />
<br /><br />
<label>Fille ou garçon ?</label>
<input type="radio" name="choixsexe" value="F" checked="checked">Une fille
<input type="radio" name="choixsexe" value="G">Un garçon
<br /><br />
<label for="occupation">Tu fais quoi de tes journées ? :</label><br />
<textarea name="occupation" id="occupation" rows="3" style="width:90%">* étude, profession, loisirs...* </textarea>
<br /><br />
<label for="passion">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="caractere">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="couleur">Couleur préférée :</label><br />
<input type="text" name="couleur" id="couleur" value="" size="50" maxlength="100" />
<br /><br />
<label for="deteste">Qu'est ce que tu détestes le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="role">Qui es tu sur le forum ?</label><br />
<textarea name="role" id="role" rows="2" style="width:90%"> *Admin, modo, animateur...*</textarea>
<br /><br />
<label for="impression">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" style="width:90%"> </textarea>
<br /><br />
<label>Acceptes et approuves-tu le règlement ?</label>
<input type="radio" name="choixreglement" value="Y" checked="checked">Oui
<input type="radio" name="choixreglement" value="W">Non
<br /><br />
<label for="plus">Tes capacités dans le graphisme</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de tes expériences dans le graphisme ou pas*</textarea>
<br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Lien auquel je voudrais qu'il soit associer :
Le message reçu une fois que j'ai remplis tous les champs et que j'ai cliquer sur "Envoyer" : →Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.←
Merci d'avance !!!
Dernière édition par kitelnewbba le Lun 11 Fév 2013 - 6:56, édité 2 fois
Re: Formulaire de présentation non fonctionnel
bonjour,
- des soucis d'apostrophes et de guillemets dans le script .
- le champ "avatar" n'existe pas .
- des soucis d'apostrophes et de guillemets dans le script .
- le champ "avatar" n'existe pas .
Re: Formulaire de présentation non fonctionnel
Bonjour, merci bien de votre aide!
Pouvez-vous corriger les fautes dans le HTML ci-dessus svp.
Je ne suis vraiment pas doué en codage et surtout en correction
Pouvez-vous corriger les fautes dans le HTML ci-dessus svp.
Je ne suis vraiment pas doué en codage et surtout en correction
Re: Formulaire de présentation non fonctionnel
" ♪ Upside down
Boy, you turn me
Inside out
And round and round ... ♫ "
Boy, you turn me
Inside out
And round and round ... ♫ "
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Habbstyle - Présentation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:center;
color: red;
border: 20px #000000 inset;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://fr.wallpaperswiki.org/wp-content/uploads/2012/11/Fond-d%C3%A9cran-Hauteur-Lumi%C3%A8re-Hexagon.jpg) fixed;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
genre = "une fille";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
genre = "un garçon";
var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
regle = "Non";
// Créer un message à partir des informations fournies
var txt_message = "<strong> Présentation de :</strong> " + form.pseudo.value
+ "\n\n<strong>Mon Prénom :</strong> " + form.prenom.value
+ "\n<strong>J'ai :</strong> " + form.age.value + " ans"
+ "\n<strong>Je suis :</strong> " + genre
+ "\n\n<strong>Dans la vie :</strong> " + form.occupation.value
+ "\n<strong>Mes passions :</strong> " + form.passion.value
+ "\n<strong>Mon caractère :</strong> " + form.caractere.value
+ "\n<strong>Mes couleurs préférées :</strong> " + form.couleur.value
+ "\n<strong>Je déteste :</strong> " + form.deteste.value
+ "\n<strong>J'y suis :</strong> " + form.role.value
+ "\n\n<strong>Ce que je pense de ce forum :</strong> " + form.impression.value
+ "\n<strong>Acceptes et approuves-tu le règlement ?</strong> " + regle
+ "\n<strong>Petit plus :</strong> " + form.plus.value ;
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="6" />
<h1>Veuillez remplir le formulaire de présentation suivant:</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="" size="50" maxlength="100" />
<br /><br />
<label for="prenom">Prénom :</label><br />
<input type="text" name="prenom" id="prenom" value="" size="50" maxlength="100" />
<br /><br />
<label for="age">Age : </label>
<input type="text" name="age" id="age" value="" size="5" maxlength="3" /> ans
<br /><br />
<label>Fille ou garçon ?</label>
<input type="radio" name="choixsexe" value="F" checked="checked">Une fille
<input type="radio" name="choixsexe" value="G">Un garçon
<br /><br />
<label for="occupation">Tu fais quoi de tes journées ? :</label><br />
<textarea name="occupation" id="occupation" rows="3" style="width:90%">* étude, profession, loisirs...* </textarea>
<br /><br />
<label for="passion">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="caractere">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="couleur">Couleur préférée :</label><br />
<input type="text" name="couleur" id="couleur" value="" size="50" maxlength="100" />
<br /><br />
<label for="deteste">Qu'est ce que tu détestes le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" style="width:90%"> </textarea>
<br /><br />
<label for="role">Qui es tu sur le forum ?</label><br />
<textarea name="role" id="role" rows="2" style="width:90%"> *Admin, modo, animateur...*</textarea>
<br /><br />
<label for="impression">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" style="width:90%"> </textarea>
<br /><br />
<label>Acceptes et approuves-tu le règlement ?</label>
<input type="radio" name="choixreglement" value="Y" checked="checked">Oui
<input type="radio" name="choixreglement" value="W">Non
<br /><br />
<label for="plus">Tes capacités dans le graphisme</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de tes expériences dans le graphisme ou pas*</textarea>
<br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Re: Formulaire de présentation non fonctionnel
Perfect! Je ne sais comment vous remerciez!
Sujets similaires
» Formulaire de presentation
» Formulaire de présentation
» Formulaire de présentation
» formulaire de présentation
» Formulaire Présentation
» Formulaire de présentation
» Formulaire de présentation
» formulaire de présentation
» Formulaire Présentation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum