Demande d'aide pour un générateur de présentation

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

Résolu Demande d'aide pour un générateur de présentation

Message par shaee le Jeu 2 Juin 2011 - 15:53

Bonjour,

Nous souhaiterions réaliser un générateur de présentation pour faciliter la présentation pour nos membres. Nous avons réussi à réaliser le code du formulaire mais nous n'arrivons pas à placer le javascript afin de finaliser le générateur. Voici le code de notre formulaire:
Code:
<style>
textarea,input
{
background-color : #c8cd79;
color : #0b0b0b;
}
</style>

<html>
   
<form action="/posting.forum" 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="f" value="6" />
      <div id="corps2">

         <img src="http://img5.imageshack.us/img5/7893/sansavatar.png" class="avatar" />

      <h1 class="grand_titre"><label>Zeste</label> <input type="text" name="pseudo" size="10"></h1>
      <hr class="ligne"/>
      

      <center><span class="intro"><TEXTAREA name="origine" rows="1" COLS="40">Comment es-tu arrivé jusqu'à nous ?</TEXTAREA></span></center>
      

      <ul class="liste_presentation">
         <li><label>Tu es...</label>
<INPUT type="radio" name="choixsexe" value="F">Une fille
                             <INPUT type="radio" name="choixsexe" value="G">Un garçon
         </li>

         
         <li><label>Tu as...</label>
<input type="text" name="age" maxlength="2" size="2">  printemps</li>

         
         <li><label>Tu habites à...</label>
<input type="text" name="vie" size="10"></li>

      </ul>
      
      <h2 class="moyen_titre">Des saveurs uniques</h2>
      <hr class="lignepetite" />

      <p>
      <center><textarea name="saveurs_uniques" rows="6" cols="100">C'est le moment de nous dire qui es-tu. Parle nous de toi, de ce que tu fais dans la vie, tes passions, tes amours, tes combats...</textarea></center>
      </p>
      
      <h2 class="moyen_titre">L'âme créative </h2>
      <hr class="lignepetite" />
      <center><span class="intro">Quel genre d'artiste es-tu ?</span>


      <INPUT type="checkbox" name="ame_creative1" value="graphiste">Manipulateur d'image
      <INPUT type="checkbox" name="ame_creative2" value="ecrivain">Danseur de mots
      <INPUT type="checkbox" name="ame_creative3" value="dessinateur">Créateur d'image
      <INPUT type="checkbox" name="ame_creative4" value="musicien">Enchanteur de notes
      <INPUT type="checkbox" name="ame_creative4" value="photographe">Photographe de rêves
      <INPUT type="checkbox" name="ame_creative5" value="autre">Autre   
      </center>
      <center>

      <textarea name="saveurs_uniques" rows="6" cols="100">Quoi que tu fasses raconte nous comment tu en es arrivé là, quel logiciel, matériel utilises-tu, où tu trouves ton inspiration... Bref, explore avec nous ton âme d'artiste. Et interdiction de dire que tu ne sais rien faire, il y a une multitude de forme d'art, tu excelles forcément dans une !</textarea>
      
         

<p>Met ici des liens de tes créations, que tu sois dessinateur, musicien, graphiste, photographe, poète ou écrivain.Si tu n'es rien de tout cela fais nous partager quelques choses que tu aimes.</p>

         
         <input type="text" name="crea1" size="50">

         <input type="text" name="crea2" size="50">

         <input type="text" name="crea3" size="50">

      
      
      <h2 class="moyen_titre">Arôme délicat</h2>
      <hr class="lignepetite" />

      <textarea name="saveurs_uniques" rows="6" cols="100">Tu es venu ici pour t'investir dans notre communauté ? Pour montrer tes oeuvres ? Pour passer une commande ? Pour observer ce que les autres font ? Dis nous tout sur tes motivations, sur ce que tu espères et attend du forum...</textarea></center>
      
      

<center><span class="intro"><TEXTAREA name="origine" rows="1" COLS="40">Remarques ou suggestions sur le forum ?</TEXTAREA></span>
      
      


      <input type="submit" value="Se présenter !">
      </center>
      </div>
</form>

</html>

C'est assez urgent, et je tiens à remercier tous ceux qui pourront nous aider.


Dernière édition par shaee le Sam 4 Juin 2011 - 11:53, édité 1 fois

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande d'aide pour un générateur de présentation

Message par Sen Hime le Ven 3 Juin 2011 - 15:25

Bonjour, voici ce que donne la version complète de votre formulaire avec un exemple de fonction javascript pour générer le message et quelques corrections :

Code:
<style>
textarea,input
{
background-color : #c8cd79;
color : #0b0b0b;
}
</style>

<html>
<script type="text/javascript">
function envoiMessage(form)
{
   // Parcourir les radio buttons pour obtenir la bonne valeur :
   var genre = "";
   if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
      genre = "Fille";
   else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
      genre = "Garçon";

  // Créer un message à partir des informations fournies
  var txt_message = "Zeste " + form.pseudo.value + '\n' // \n = retour à la ligne
           + "Comment es-tu arrivé jusqu'à nous : " + form.origine.value + '\n'
           + "Genre : " + genre + '\n' // le genre récupéré précédemment à partir des radio buttons
           + "Age : " + form.age.value + ' printemps\n'
           + "Habite à : " + form.vie.value + '\n'
           + "Des saveurs uniques : " + form.passions.value + '\n'
           + "L'âme créative : " + '\n'
           + "[list]";
         if(form.ame_creative[0].checked)
         txt_message += "[*]Manipulateur d'image";
         if(form.ame_creative[1].checked)
         txt_message += "[*]Danseur de mots";
         if(form.ame_creative[2].checked)
         txt_message += "[*]Créateur d'image";
         if(form.ame_creative[3].checked)
         txt_message += "[*]Enchanteur de notes";
         if(form.ame_creative[4].checked)
         txt_message += "[*]Photographe de rêves";
         if(form.ame_creative[5].checked)
         txt_message += "[*]Autre";
           txt_message += "[/list]"
           + "Comment tu en es arrivé là : " + form.motivations.value + '\n'
           + "Liens de créations: [list]";
         if(form.crea1.value != "") // Seulement si le champ n'a pas été laissé vide :
         txt_message += "[*]" + form.crea1.value;
         if(form.crea2.value != "") // Seulement si le champ n'a pas été laissé vide :
         txt_message += "[*]" + form.crea2.value;
         if(form.crea3.value != "") // Seulement si le champ n'a pas été laissé vide :
         txt_message += "[*]" + form.crea3.value;
           txt_message += "[/list]"
           + "Tu es ici pour : " + form.arome_delicat.value + '\n'
           + "Remarques ou suggestions : " + form.remarques.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 (Zeste + pseudo) :
  form.subject.value = "Zeste " + form.pseudo.value;
}
</script>
<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="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="subject" value="" /> <!-- Contiendra le titre du message -->
<input type="hidden" name="f" value="6" />
     <div id="corps2">

       <img src="http://img5.imageshack.us/img5/7893/sansavatar.png" class="avatar" />

     <h1 class="grand_titre"><label>Zeste</label> <input type="text" name="pseudo" size="10"></h1>
     <hr class="ligne"/>
     <br />
     <center><span class="intro"><TEXTAREA name="origine" rows="1" COLS="40">Comment es-tu arrivé jusqu'à nous ?</TEXTAREA></span></center>
     <br />
     <ul class="liste_presentation">
       <li><label>Tu es...</label><br /><INPUT type="radio" name="choixsexe" value="F">Une fille
                      <INPUT type="radio" name="choixsexe" value="G">Un garçon
       </li><br />
      
       <li><label>Tu as...</label><br /><input type="text" name="age" maxlength="2" size="2">  printemps</li><br />
      
       <li><label>Tu habites à...</label><br /><input type="text" name="vie" size="10"></li><br />
     </ul>
    
     <h2 class="moyen_titre">Des saveurs uniques</h2>
     <hr class="lignepetite" /><br />
     <p>
     <center><textarea name="passions" rows="6" cols="100">C'est le moment de nous dire qui es-tu. Parle nous de toi, de ce que tu fais dans la vie, tes passions, tes amours, tes combats...</textarea></center>
     </p>
    
     <h2 class="moyen_titre">L'âme créative </h2>
     <hr class="lignepetite" />
     <center><span class="intro">Quel genre d'artiste es-tu ?</span><br /><br />
     <INPUT type="checkbox" name="ame_creative" value="graphiste">Manipulateur d'image
     <INPUT type="checkbox" name="ame_creative" value="ecrivain">Danseur de mots
     <INPUT type="checkbox" name="ame_creative" value="dessinateur">Créateur d'image
     <INPUT type="checkbox" name="ame_creative" value="musicien">Enchanteur de notes
     <INPUT type="checkbox" name="ame_creative" value="photographe">Photographe de rêves
     <INPUT type="checkbox" name="ame_creative" value="autre">Autre 
     </center>
     <center><br />
     <textarea name="motivations" rows="6" cols="100">Quoi que tu fasses raconte nous comment tu en es arrivé là, quel logiciel, matériel utilises-tu, où tu trouves ton inspiration... Bref, explore avec nous ton âme d'artiste. Et interdiction de dire que tu ne sais rien faire, il y a une multitude de forme d'art, tu excelles forcément dans une !</textarea>
    
       <br /><br /><p>Met ici des liens de tes créations, que tu sois dessinateur, musicien, graphiste, photographe, poète ou écrivain.Si tu n'es rien de tout cela fais nous partager quelques choses que tu aimes.</p><br />
      
       <input type="text" name="crea1" size="50"><br />
       <input type="text" name="crea2" size="50"><br />
       <input type="text" name="crea3" size="50">

    
    
     <h2 class="moyen_titre">Arôme délicat</h2>
     <hr class="lignepetite" /><br />
     <textarea name="arome_delicat" rows="6" cols="100">Tu es venu ici pour t'investir dans notre communauté ? Pour montrer tes oeuvres ? Pour passer une commande ? Pour observer ce que les autres font ? Dis nous tout sur tes motivations, sur ce que tu espères et attend du forum...</textarea></center>
    
     <br /><br /><center><span class="intro"><TEXTAREA name="remarques" rows="1" COLS="40">Remarques ou suggestions sur le forum ?</TEXTAREA></span>
    
     <br /><br />
     <input type="submit" name="post" value="Se présenter !">
     </center>
     </div>
</form>

</html>

Vous pouvez bien entendu formater le message qui est posté comme vous le souhaitez. Là le script se contente de lier texte et champs, mais il y a moyen d'ajouter du HTML, du BBCode (ici des listes sont utilisées), ...

Pour ce qui est des corrections qui ont été faites dans le formulaire :
  • /posting.forum remplacé par /post, l'ancienne url marche toujours mais comme Forumactif a modifié ses urls, autant utiliser la version la plus récente
  • Certains champs textarea portaient le même attribut "name", les champs d'un formulaire doivent tous avoir des noms différents (sauf les checkbox et radiobox correspondant à un même choix)
  • Ajout du champ "subject" qui correspond au titre du sujet, fixé ou rempli comme le message en javascript (ici c'est la 2e option)
  • le champ "submit" tout à la fin doit porter le nom "post" pour signifier à Forumactif qu'on veut envoyer le message (il serait possible de demander à la place pour le prévisualiser par exemple)

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande d'aide pour un générateur de présentation

Message par shaee le Ven 3 Juin 2011 - 18:44

Merci beaucoup. Pour le JS comment dois-je faire pour personnaliser la présentation du message une fois qu'il est posté ?

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande d'aide pour un générateur de présentation

Message par Sen Hime le Ven 3 Juin 2011 - 20:24

Alors, en JS on construit une variable "txt_message", on l'utilisera ensuite pour remplir le champ message et c'est elle qui va devoir contenir la mise en forme :
Code:
var txt_message = "";

Cette variable contient une chaîne de caractère, en fait c'est le texte qui va composer le message, aussi par exemple pour reprendre le pseudo du membre, je fais :
Code:
var txt_message = "Zeste " + form.pseudo.value + '\n';
Si je remplis le champ name="pseudo" avec "monpseudo", ça affichera : "Zeste monpseudo" suivi d'un retour à la ligne
Autrement dit :
  • Je délimite le texte par des guillemets
  • Je peux attacher des morceaux de texte grâce au "+"
  • Le "\n" correspond à un retour à la ligne
  • Je peux récupérer la valeur entrée dans un champ du formulaire avec : form.nameduchamp.value, à noter tout de même que les champs à cocher fonctionnent un peu différemment :3


Ceci devrait vous aider à comprendre globalement la syntaxe, à partir de là, vous pouvez intercaler dans le texte qui est construit (dans les parties entre guillemets) des balises de BBCode ou HTML s'il est autorisé dans tes messages, par exemple :
Code:
var txt_message = "[b]Zeste[/b] [color=red]" + form.pseudo.value + "[/color]" + '\n';
Ceci met le mot "Zeste" en gras et le pseudo en rouge, puisque la chaîne finale construite est :
Code:
[b]Zeste[/b] [color=red]monspeudo[/color]\n

Si vraiment ça ne va pas, vous pouvez poster ici le code du résultat final d'un message que vous voudriez obtenir avec des valeurs d'exemple, et on pourra vous aider à adapter le JS en fonction :3

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande d'aide pour un générateur de présentation

Message par shaee le Ven 3 Juin 2011 - 21:06

Je vais essayer et si je n'arrive pas, je demanderais. Merci encore.

EDIT: Je n'y arrive pas. Pour la présentation finale, on obtient ce code:
Code:
      <div id="corps">

         <img src="http://www.crystalxp.net/_avatar/2009-07/avatar-336502.jpg" class="avatar" />

      <h1 class="grand_titre">Zeste Ev'</h1>
      <hr class="ligne"/>
      
      <center><span class="intro">Est venu jusqu'à nous grâce à un partenariat...</span></center>
      
      <ul class="liste_presentation">
         <li>Saveur féminine</li>
         <li>19 printemps</li>
         <li>Cultivé à Pau</li>
      </ul>
      
      <h2 class="moyen_titre">Des saveurs uniques</h2>
      <hr class="lignepetite" />
      <p>
      La le membre mettera ce qu'il fait dans la vie, ce qu'il aime... Bref, un petit blabla sur lui. Le texte suivant sert d'exemple à ce que ça donnerait avec du texte. Eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur.
      </p>
      
      <h2 class="moyen_titre">L'âme créative </h2>
      <hr class="lignepetite" />
      <center><select>
         <option>Manipulatrice d'images</option>
         <option>Danseuse de mots</option>   
      </select></center>
      <p>
      Alors là dedans le membre metterait ce qu'il sait faire. Ecrire, photo, graphisme ou que sais je. Et aussi ses goûts en matière de création. Le texte suivant sert d'exemple à ce que ça donnerait avec du texte. Eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur.
      </p>
      <center>
         <a class="lien_presentation" href="http://zestedecouleurs.forumactif.org">Création</a>

         <a class="lien_presentation" href="http://zestedecouleurs.forumactif.org">Création</a>

         <a class="lien_presentation" href="http://zestedecouleurs.forumactif.org">Création</a>

      </center>
      
      <h2 class="moyen_titre">Arôme délicat</h2>
      <hr class="lignepetite" />
      <p>
      Ici ça sera un petit speach sur ce qu'il attend du forum. Le rôle qu'il souhaite avoir. Juste commander ou non ? Un forum de plus à son tableau ou non ? S'il va venir souvent ou pas. Eminuit autem inter humilia supergressa iam impotentia fines mediocrium delictorum nefanda Clematii cuiusdam Alexandrini nobilis mors repentina; cuius socrus cum misceri sibi generum, flagrans eius amore, non impetraret, ut ferebatur, per palatii pseudothyrum introducta, oblato pretioso reginae monili id adsecuta est, ut ad Honoratum tum comitem orientis formula missa letali omnino scelere nullo contactus idem Clematius nec hiscere nec loqui permissus occideretur.
      </p>
      
      <center><span class="intro">Je trouve le forum très sympathique et je n'ai aucune remarque...</span></center>
      </div>

Tout le CSS se trouve dans la feuille de style:
Code:
#corps
{
margin-left : auto;
margin-right : auto;
padding : 20px;
background-color : black;
border : #8ecd79 double 6px;
-moz-border-radius : 25px 0px 25px 0px;
-webkit-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;
}

#corps2
{
width : 600px;
margin-left : auto;
margin-right : auto;
padding : 20px;
background-color : black;
border : #8ecd79 double 6px;
-moz-border-radius : 25px 0px 25px 0px;
-webkit-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;
}


.avatar {
border: 4px solid #79b6cd;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
float : left;
margin-right : 20px;
filter:Alpha(opacity=80);
-moz-opacity:0.80;
opacity: 0.80;
background-position : top center;
width : 100px;
height : 100px;
}

.avatar:hover {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
filter:Alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}

.grand_titre
{
text-align : center;
color : #c8cd79;
font-variant : small-caps;
letter-spacing : 5px;
font-family : Georgia, "Times New Roman";
margin-bottom : 0px;
margin-top : 0px;
font-size : 26px;
}

.intro
{
color : #f3defc;
font-style : oblique;
font-size : 13px;
margin : 0px;
}

hr.ligne
{
 background-color:#black;
 border-top: 5px dotted grey;
 border-bottom : dotted black 1px;
 border-right : 0;
 border-left : 0;
 margin : 0px;
}

ul.liste_presentation
{
color : #f3defc;
font-size : 13px;
font-family : Georgia, "Times New Roman";
margin-left : 250px;
margin-bottom : 0px;
margin-top : 0px;
margin-right : 0px;
}

hr.lignepetite
{
 background-color:#black;
 border-top: 3px dashed grey;
 border-bottom : dotted black 1px;
 border-right : dotted black 1px;
 border-left : dotted black 1px;
  margin : 0px;
}

.moyen_titre
{
text-align : right;
color : #c8cd79;
font-variant : small-caps;
letter-spacing : 5px;
font-family : Georgia, "Times New Roman";
font-size : 16px;
margin-right : 10px;
 margin-left : 0px;
margin-bottom : 0px;
}

select
{
margin-left : auto;
margin-right : auto;
background-color : #c8cd79;
color : grey;
}

p
{
text-align : justify;
color : #f3defc;
font-family : Georgia;
font-size : 13px;
 margin : 0px;
}

.lien_presentation
{
color : #fcdee7;
letter-spacing : 2px;
text-decoration : none;
margin : 0px;
}

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande d'aide pour un générateur de présentation

Message par Sen Hime le Ven 3 Juin 2011 - 23:58

Voilà le code adapté ^^ :

Code:
<html>
<script type="text/javascript">
function envoiMessage(form)
{
  // Parcourir les radio buttons pour obtenir la bonne valeur :
  var genre = "";
  if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
      genre = "féminine";
  else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
      genre = "masculine";

  // Créer un message à partir des informations fournies
  var txt_message = '<div id="corps"><img src="http://www.crystalxp.net/_avatar/2009-07/avatar-336502.jpg" class="avatar" /><h1 class="grand_titre">Zeste ' + form.pseudo.value + '</h1><hr class="ligne"/>'
          + "<center><span class=\"intro\">Est venu jusqu'à nous " + form.origine.value + '</span></center>'
          + '<ul class="liste_presentation"><li>Saveur' + genre + '</li>' // le genre récupéré précédemment à partir des radio buttons
          + "<li>" + form.age.value + ' printemps</li>'
          + "<li>Cultivé à " + form.vie.value + '</li></ul>'
          + '<h2 class="moyen_titre">Des saveurs uniques</h2><hr class="lignepetite" /><p>' + form.passions.value + '</p>'
          + '<h2 class="moyen_titre">L\'âme créative </h2><hr class="lignepetite" /><center><select>';
        if(form.ame_creative[0].checked)
        txt_message += "<option>Manipulateur d'image</option>";
        if(form.ame_creative[1].checked)
        txt_message += "<option>Danseur de mots</option>";
        if(form.ame_creative[2].checked)
        txt_message += "<option>Créateur d'image</option>";
        if(form.ame_creative[3].checked)
        txt_message += "<option>Enchanteur de notes</option>";
        if(form.ame_creative[4].checked)
        txt_message += "<option>Photographe de rêves</option>";
        if(form.ame_creative[5].checked)
        txt_message += "<option>Autre</option>";
          txt_message += "</select></center>"
          + "<p>" + form.motivations.value + "</p>"
          + "<center>";
        if(form.crea1.value != "") // Seulement si le champ n'a pas été laissé vide :
        txt_message += '<a class="lien_presentation" href="' + form.crea1.value + '">Création</a>';
        if(form.crea2.value != "") // Seulement si le champ n'a pas été laissé vide :
        txt_message += '<a class="lien_presentation" href="' + form.crea2.value + '">Création</a>';
        if(form.crea3.value != "") // Seulement si le champ n'a pas été laissé vide :
        txt_message += '<a class="lien_presentation" href="' + form.crea3.value + '">Création</a>';
          txt_message += "</center>"
          + '<h2 class="moyen_titre">Arôme délicat</h2><hr class="lignepetite" /><p>' + form.arome_delicat.value + '</span></center></div>'
          + '<center><span class="intro">' + form.remarques.value + '</p>';
         
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
 
  // Créer un titre de sujet dynamiquement (Zeste + pseudo) :
  form.subject.value = "Zeste " + form.pseudo.value;
}
</script>
<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="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="subject" value="" /> <!-- Contiendra le titre du message -->
<input type="hidden" name="f" value="6" />
    <div id="corps2">

      <img src="http://img5.imageshack.us/img5/7893/sansavatar.png" class="avatar" />

    <h1 class="grand_titre"><label>Zeste</label> <input type="text" name="pseudo" size="10"></h1>
    <hr class="ligne"/>
    <br />
    <center><span class="intro"><TEXTAREA name="origine" rows="1" COLS="40">Comment es-tu arrivé jusqu'à nous ?</TEXTAREA></span></center>
    <br />
    <ul class="liste_presentation">
      <li><label>Tu es...</label><br /><INPUT type="radio" name="choixsexe" value="F">Une fille
                      <INPUT type="radio" name="choixsexe" value="G">Un garçon
      </li><br />
     
      <li><label>Tu as...</label><br /><input type="text" name="age" maxlength="2" size="2">  printemps</li><br />
     
      <li><label>Tu habites à...</label><br /><input type="text" name="vie" size="10"></li><br />
    </ul>
   
    <h2 class="moyen_titre">Des saveurs uniques</h2>
    <hr class="lignepetite" /><br />
    <p>
    <center><textarea name="passions" rows="6" cols="100">C'est le moment de nous dire qui es-tu. Parle nous de toi, de ce que tu fais dans la vie, tes passions, tes amours, tes combats...</textarea></center>
    </p>
   
    <h2 class="moyen_titre">L'âme créative </h2>
    <hr class="lignepetite" />
    <center><span class="intro">Quel genre d'artiste es-tu ?</span><br /><br />
    <INPUT type="checkbox" name="ame_creative" value="graphiste">Manipulateur d'image
    <INPUT type="checkbox" name="ame_creative" value="ecrivain">Danseur de mots
    <INPUT type="checkbox" name="ame_creative" value="dessinateur">Créateur d'image
    <INPUT type="checkbox" name="ame_creative" value="musicien">Enchanteur de notes
    <INPUT type="checkbox" name="ame_creative" value="photographe">Photographe de rêves
    <INPUT type="checkbox" name="ame_creative" value="autre">Autre
    </center>
    <center><br />
    <textarea name="motivations" rows="6" cols="100">Quoi que tu fasses raconte nous comment tu en es arrivé là, quel logiciel, matériel utilises-tu, où tu trouves ton inspiration... Bref, explore avec nous ton âme d'artiste. Et interdiction de dire que tu ne sais rien faire, il y a une multitude de forme d'art, tu excelles forcément dans une !</textarea>
   
      <br /><br /><p>Met ici des liens de tes créations, que tu sois dessinateur, musicien, graphiste, photographe, poète ou écrivain.Si tu n'es rien de tout cela fais nous partager quelques choses que tu aimes.</p><br />
     
      <input type="text" name="crea1" size="50"><br />
      <input type="text" name="crea2" size="50"><br />
      <input type="text" name="crea3" size="50">

   
   
    <h2 class="moyen_titre">Arôme délicat</h2>
    <hr class="lignepetite" /><br />
    <textarea name="arome_delicat" rows="6" cols="100">Tu es venu ici pour t'investir dans notre communauté ? Pour montrer tes oeuvres ? Pour passer une commande ? Pour observer ce que les autres font ? Dis nous tout sur tes motivations, sur ce que tu espères et attend du forum...</textarea></center>
   
    <br /><br /><center><span class="intro"><TEXTAREA name="remarques" rows="1" COLS="40">Remarques ou suggestions sur le forum ?</TEXTAREA></span>
   
    <br /><br />
    <input type="submit" name="post" value="Se présenter !">
    </center>
    </div>
</form>

</html>

Sen Hime
****

Féminin
Messages : 243
Inscrit(e) le : 24/03/2009

http://hyrulesjourney.fr-bb.com
Sen Hime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande d'aide pour un générateur de présentation

Message par shaee le Sam 4 Juin 2011 - 11:05

Merci beaucoup.

EDIT: J'ai testé le code et il manque à certains endroits des sauts de lignes et les remarques ne se trouvent pas au bon endroit. En effet, elles se trouvent après la bordures alors qu'elles devraient être avant la bordure. Donc je dois utiliser le '\n' pour faire les sauts de lignes ? Et comment dois-je l'insérer dans le code ? Pour les remarques, où dois-je déplacer le code qui y correspond ?

EDIT 2: J'ai réussi à placer mes sauts de lignes et tout. Encore merci pour ton aide précieuse.

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee 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