Formulaire de présentation non fonctionnel

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Formulaire de présentation non fonctionnel

Message par kitelnewbba Ven 8 Fév 2013 - 13:17

Bonjour alors tout est dit dans le titre! ^^'

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
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par kitelnewbba Sam 9 Fév 2013 - 7:54

UP ! victoire
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par Scoubifitz Sam 9 Fév 2013 - 9:03

bonjour,

- des soucis d'apostrophes et de guillemets dans le script .

- le champ "avatar" n'existe pas .
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par kitelnewbba Sam 9 Fév 2013 - 12:39

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 Mad

kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par kitelnewbba Dim 10 Fév 2013 - 8:43

UP!
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par Scoubifitz Dim 10 Fév 2013 - 13:18

" ♪ Upside down
Boy, you turn me
Inside out
And round and round ... ♫ " Razz

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>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation non fonctionnel

Message par kitelnewbba Lun 11 Fév 2013 - 6:56

Perfect! Je ne sais comment vous remerciez! Wink
kitelnewbba

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum