formulaire de presentation

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

Résolu formulaire de presentation

Message par Luluwebmaster le Jeu 3 Jan 2013 - 16:03

Bonjour a tous !


Alors voila , j'ai plusieurs questions :
Je viens de faire un formulaire de présentation pour mon forum , mais j'ai différent prob avec :
Comment réduire la taille la ou on écrit ( la ou il y as marquer "* étude, profession, loisirs...* " .... et les autres comme lui Wink )?

Apres :
il y as les lettres spécial ( é,à.... ) qui n'apparaisse pas !

et :
est il possible de faire que , quand on veux poster un message dans le sujet "présentation" , et bien on tombe directement dessus ??

Le code du formulaire :
Code:


<style>
center
{
                color: red;  border: 20px #fa0000 inset;
       border-radius: 25px;
       box-shadow: 15px 15px 15px black;
       text-shadow: 2px 2px 4px black;
}
center
    {
    background-image:        url("http://nsa31.casimages.com/img/2012/12/23//121223062520407121.png");
    background-attachment: fixed;
    border: 20px #fa0000 inset;
    }

</style>



<h3>
<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";

      var parrain = "";
      if(form.choixparrain[0].checked == true) // Si le 1e bouton "oui" est coché ..
          parrain = "Oui";
      else if(form.choixparrain[1].checked == true) // Si le 2e bouton "non" est coché ..
          parrain = "Non";

      // Créer un message à partir des informations fournies
      var txt_message = "[center][img]" + form.avatar.value + "[/img][/center]" +'\n'
            + "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
            + "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
            + "[b]Mon Surnom :[/b] " + form.surnom.value + '\n'
            + "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
              + "[b]Je suis :[/b] " + genre + '\n'
            + "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
            + "[b]Mes passions :[/b] " + form.passion.value + '\n'
            + "[b]Mon caractère :[/b] " + form.caractere.value + '\n'
            + "[b]Mes couleurs préférées :[/b] " + form.couleur.value + '\n'
            + "[b]Mes aliments favoris :[/b] " + form.aliment.value + '\n'
            + "[b]Mes animaux de compagnie :[/b] " + form.animaux.value + '\n'
            + "[b]Ton rêve le plus cher c'est :[/b] " + form.reve.value + '\n'
            + "[b]Et pour y arriver, je peux :[/b] " + form.pret.value + '\n'
            + "[b]Mes qualités :[/b] " + form.qualite.value + '\n'
            + "[b]Mes défauts :[/b] " + form.defaut.value + '\n'
            + "[b]Je déteste :[/b] " + form.deteste.value + '\n'
            + "[b]Je suis un bavard... :[/b] " + form.bavard.value + '\n'
            + "[b]J'ai :[/b] " + form.forum.value + " forums" + '\n'
            + "[b]J'y suis :[/b] " + form.role.value + '\n'
            + "[b]Ce que je pense de ce forum :[/b] " + form.impression.value + '\n'
            + "[b]J'ai connu Novic par :[/b] " + form.novic.value + '\n'
              + "[b]Acceptes et approuves-tu le règlement ?[/b] " + regle + '\n'
              + "[b]Souhaites-tu avoir un parrain ou une marraine ?[/b] " + parrain + '\n'
              + "[b]Petit plus :[/b] " + 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>
<center><h1>Veuillez remplir le formulaire de présentation </h1>suivant:<br/><br/>


    <form 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="9" />
 
 
<label for="base">Pseudo :</label><br/>
<input type="text" name="pseudo" id="pseudo" value=" " size="50" maxlength="100" />

<br/><br/>

<label for="base">Prénom :</label><br/>
<input type="text" name="prenom" id="prenom" value=" " size="50" maxlength="100" />

<br/><br/>

<label for="base">Surnom :</label><br/>
<input type="text" name="surnom" id="surnom" value=" " size="50" maxlength="100" />

<br/><br/>

<label for="base">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">Une fille
<input type="radio" name="choixsexe" value="G">Un garçon

<br/><br/>

<label for="base">Lien de ton avatar :</label><br/>
<input type="text" name="avatar" id="avatar" value=" " size="100" maxlength="100" />

<br/><br/>

<label for="resume">Tu fais quoi de tes journée ? :</label><br />
<textarea name="occupation" id="occupation" rows="3" cols="150">* étude, profession, loisirs...* </textarea>

<br/><br/>

<label for="resume">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="base">Couleur préférée :</label><br/>
<input type="text" name="couleur" id="couleur" value=" " size="50" maxlength="100" />

<br/><br/>

<label for="resume">Aliments favoris :</label><br />
<textarea name="aliment" id="aliment" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">T'as des animaux de conpagnie ?</label><br />
<textarea name="animaux" id="animaux" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Ton rêve le plus cher c'est quoi ?</label><br />
<textarea name="reve" id="reve" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">A quoi serais-tu prêt pour y arriver ?</label><br />
<textarea name="pret" id="pret" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Quels sont tes qualités ?</label><br />
<textarea name="qualite" id="qualite" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Quels sont tes défauts ?</label><br />
<textarea name="defaut" id="defaut" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Qu'est ce que tu déteste le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Quel type de bavard(e) es-tu ?</label><br />
<textarea name="bavard" id="bavard" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="base">Nombre de forums :</label><br/>
<input type="text" name="forum" id="forum" value=" " size="10" maxlength="100" />

<br/><br/>

<label for="resume">Qui es tu dessus ?</label><br />
<textarea name="role" id="role" rows="2" cols="150"> *Admin, modo, animateur...*</textarea>

<br/><br/>

<label for="resume">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" cols="150"> </textarea>

<br/><br/>

<label for="resume">Où as-tu connu Novic ?</label><br />
<textarea name="novic" id="novic" rows="3" cols="150"> </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>Souhaites-tu avoir un parrain ou une marraine ?</label>
<input type="radio" name="choixparrain" value="O" checked="checked">Oui
<input type="radio" name="choixparrain" value="N">Non

<br/><br/>

<label for="resume">Petit plus :</label><br />
<textarea name="plus" id="plus" rows="3" cols="150"> *quelques lignes pour nous parler de toi, tes petites confidences ...*</textarea>

<br/><br/>

<input type="submit" name="post" value="Valider ma fiche de présentation">

</form>
</center>
</3>


Merci d'avance ! Smile


Dernière édition par lucrote le Dim 6 Jan 2013 - 11:51, édité 1 fois

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire de presentation

Message par Scoubifitz le Ven 4 Jan 2013 - 1:39

bonjour,


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>formulaire</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 #fa0000 inset;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://nsa31.casimages.com/img/2012/12/23//121223062520407121.png) 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";

var parrain = "";
if(form.choixparrain[0].checked == true) // Si le 1e bouton "oui" est coché ..
parrain = "Oui";
else if(form.choixparrain[1].checked == true) // Si le 2e bouton "non" est coché ..
parrain = "Non";

// Créer un message à partir des informations fournies
var txt_message = "[center][img]" + form.avatar.value + "[/img][/center]" +'\n'
+ "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Mon Surnom :[/b] " + form.surnom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Je suis :[/b] " + genre + '\n'
+ "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]Mon caractère :[/b] " + form.caractere.value + '\n'
+ "[b]Mes couleurs préférées :[/b] " + form.couleur.value + '\n'
+ "[b]Mes aliments favoris :[/b] " + form.aliment.value + '\n'
+ "[b]Mes animaux de compagnie :[/b] " + form.animaux.value + '\n'
+ "[b]Ton rêve le plus cher c'est :[/b] " + form.reve.value + '\n'
+ "[b]Et pour y arriver, je peux :[/b] " + form.pret.value + '\n'
+ "[b]Mes qualités :[/b] " + form.qualite.value + '\n'
+ "[b]Mes défauts :[/b] " + form.defaut.value + '\n'
+ "[b]Je déteste :[/b] " + form.deteste.value + '\n'
+ "[b]Je suis un bavard... :[/b] " + form.bavard.value + '\n'
+ "[b]J'ai :[/b] " + form.forum.value + " forums" + '\n'
+ "[b]J'y suis :[/b] " + form.role.value + '\n'
+ "[b]Ce que je pense de ce forum :[/b] " + form.impression.value + '\n'
+ "[b]J'ai connu Novic par :[/b] " + form.novic.value + '\n'
+ "[b]Acceptes et approuves-tu le règlement ?[/b] " + regle + '\n'
+ "[b]Souhaites-tu avoir un parrain ou une marraine ?[/b] " + parrain + '\n'
+ "[b]Petit plus :[/b] " + 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="9" />

<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="surnom">Surnom :</label><br/>
<input type="text" name="surnom" id="surnom" 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="avatar">Lien de ton avatar :</label><br/>
<input type="text" name="avatar" id="avatar" value=" " size="90" maxlength="100" />

<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="aliment">Aliments favoris :</label><br />
<textarea name="aliment" id="aliment" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="animaux">T'as des animaux de compagnie ?</label><br />
<textarea name="animaux" id="animaux" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="reve">Ton rêve le plus cher c'est quoi ?</label><br />
<textarea name="reve" id="reve" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="pret">A quoi serais-tu prêt pour y arriver ?</label><br />
<textarea name="pret" id="pret" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="qualite">Quelles sont tes qualités ?</label><br />
<textarea name="qualite" id="qualite" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="defaut">Quels sont tes défauts ?</label><br />
<textarea name="defaut" id="defaut" rows="3" style="width:90%"> </textarea>

<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="bavard">Quel type de bavard(e) es-tu ?</label><br />
<textarea name="bavard" id="bavard" rows="3" style="width:90%"> </textarea>

<br/><br/>

<label for="forum">Nombre de forums :</label><br/>
<input type="text" name="forum" id="forum" value=" " size="10" maxlength="100" />

<br/><br/>

<label for="role">Qui es tu dessus ?</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 for="novic">Où as-tu connu Novic ?</label><br />
<textarea name="novic" id="novic" 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>Souhaites-tu avoir un parrain ou une marraine ?</label>
<input type="radio" name="choixparrain" value="O" checked="checked">Oui
<input type="radio" name="choixparrain" value="N">Non

<br/><br/>

<label for="plus">Petit plus :</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de toi, tes petites confidences ...*</textarea>

<br/><br/>

<input type="submit" name="post" value="Valider ma fiche de présentation">
<br/><br/>
</form>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
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 presentation

Message par Luluwebmaster le Ven 4 Jan 2013 - 8:39

Bonjour ,
Pour se qui est de :

Comment réduire la taille la ou on écrit ( la ou il y as marquer "* étude, profession, loisirs...* " .... et les autres comme lui )?

Apres :
il y as les lettres spécial ( é,à.... ) qui n'apparaisse pas !

Mais pour se qui est de :

est il possible de faire que , quand on veux poster un message dans le sujet "présentation" , et bien on tombe directement dessus ??

Comment dois-je faire ?

Merci d'avance Smile

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire de presentation

Message par Scoubifitz le Dim 6 Jan 2013 - 1:29

Comment réduire la taille la ou on écrit ( la ou il y as marquer "* étude, profession, loisirs...* " .... et les autres comme lui )?

Apres :
il y as les lettres spécial ( é,à.... ) qui n'apparaisse pas !
La taille du texte ? La taille du champ ? Interrog

Le code fourni est à utiliser dans une page HTML sans le haut et bas du forum .
La "meta" en début de code indique au navigateur quel encodage il doit utiliser pour les caractère spéciaux .

est il possible de faire que , quand on veux poster un message dans le sujet "présentation" , et bien on tombe directement dessus ??
Le plus simple est de mettre un lien dans la description du forum "Présentation" , ça permet à ceux qui n'ont pas envie de suivre un formulaire de se présenter comme ils en ont envie ...
<a href="http://nomdevotreforum/h3-">Formulaire de présentation</a>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
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 presentation

Message par Luluwebmaster le Dim 6 Jan 2013 - 9:30

Bonjour ,
c'est nikel!
Merci pour tout !!! Very Happy

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: formulaire de presentation

Message par Chacha le Dim 6 Jan 2013 - 10:39

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49732
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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


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