Problème code de générateur de fiche [RESOLU]

[Scientia Magicam]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis que j'ai essayé de modifier un code
Lien du forum : http://scientia-magicam.forumsgratuits.com

Description du problème

Bonjour !

Alors voilà dans mes projets de cet été, je me suis lancé dans un générateur de fiche. J'ai regardé plein de code et j'ai fait le mien mais le problème c'est qu'il me met ça :

"Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster."

Quelqu'un pourrait m'aider, c'est juste une correction de code je pense

Merci !

Précisions :
J'ai un javascript qui va avec.
Le code de la fiche est géré par CSS.
J'ai autorisé à poster des formulaires de sources autres.


Voici le code en question :

Code:

<script type="text/javascript">
function CompleteMessage(form)
{
txtmessage="<div class="blocfp">\n\n"
+ "<div class="image-en-haut"></div>\n"
+ "<div class="titrefp1">" + form.nom.value + " " + form.prenom.value + "</div>"
+ "<div class="image-bordure"></div><div class="citation">CITATION</div>"
+ "<table><td><img src='" + form.image.value + "' />\n"</td>
+ "<td><div class="citation">Identité</div>"
+ "<div class="bloc-identite">" + form.nom.value + " " + form.prenom.value + "<br/>" + form.age.value + "<br/>" + form.groupe.value + "<br/>" + form.metier.value + "</div>"</td></table>
+ "<div class="image-caractere"></div>"
+ "<div class="bloc-reponse">" + form.caractere.value + "</div>"
+ "<div class="image-histoire"></div>"
+ "<div class="bloc-reponse">" + form.histoire.value + "</div>"
+" <div class="image-et-toi"></div>"
+ "<div class="bloc-reponse">BLABLABLBLA</div></div>\n"

form.titre.value = "Présentation de " + form.nom.value + ";
form.message.value = txtmessage;
}
</script>
<form enctype="multipart/form-data" name="post" method="post" action="/post" style="padding: 5px 50px 5px 50px;" onsubmit="CompleteMessage(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="8" />
<input type="hidden" name="subject" id="titre" value="" />
<table width="200" border="0" cellpadding="5" align="center">
<tr>
<td>Nom<br />
<input type="text" id="nom" value="" /></td>
<td>Prénom<br />
<input type="text" id="prenom" value="" /></td>
<td>Âge<br />
<input type="text" id="age" value="" /></td>
<td>Citation<br />
<input type="text" id="citation" value="" /></td>
</tr>
<tr>
<td>Groupe<br />
<input type="text" id="groupe" value="" /></td>
<td>Métier<br />
<input type="text" id="metier" value="" /></td>
</tr>
<tr>
<td colspan="2">Avatar du personnage*<br />
<input type="text" id="image" value="" /></td>
</tr>
</table>
 
<br />
<table width="620" border="0" cellpadding="5" align="center">
<tr>
<td width="310">Caractère - 10 lignes min.<br />
<textarea id="caractere" value="" style="width: 300px; height: 250px;" ></textarea></td>
<td width="310">Histoire - 15 lignes min.<br />
<textarea id="histoire" value="" style="width: 300px; height: 250px;"></textarea></td>
</tr>
</table><br />
<center><input type="submit" value="Envoyer" name="post" /></center><br />
* Taille demandée : 320px * 200px<br /></form>

[gigi68]

Salut ,

Essai avec celui ci, mais je garantie rien :

Code:

<script type="text/javascript">
function CompleteMessage(form)
{
txtmessage="<div class="blocfp">\n\n"
+ "<div class="image-en-haut"></div>\n"
+ "<div class="titrefp1">" + form.nom.value + " " + form.prenom.value + "</div>"
+ "<div class="image-bordure"></div><div class="citation">CITATION</div>"
+ "<table><td><img src='" + form.image.value + "' />\n"</td>
+ "<td><div class="citation">Identité</div>"
+ "<div class="bloc-identite">" + form.nom.value + " " + form.prenom.value + "<br/>" + form.age.value + "<br/>" + form.groupe.value + "<br/>" + form.metier.value + "</div>"</td></table>
+ "<div class="image-caractere"></div>"
+ "<div class="bloc-reponse">" + form.caractere.value + "</div>"
+ "<div class="image-histoire"></div>"
+ "<div class="bloc-reponse">" + form.histoire.value + "</div>"
+" <div class="image-et-toi"></div>"
+ "<div class="bloc-reponse">BLABLABLBLA</div></div>\n"
 
form.titre.value = "Présentation de " + form.nom.value + ";
form.message.value = txtmessage;
}
</script>
<form enctype="multipart/form-data" name="post" method="post" action="/post" style="padding: 5px 50px 5px 50px;" onsubmit="CompleteMessage(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="post" />
<input type="hidden" name="f" value="8" />
<input type="hidden" name="subject" id="titre" value="teste" />
<table width="200" border="0" cellpadding="5" align="center">
<tr>
<td>Nom<br />
<input type="text" id="nom" value="" /></td>
<td>Prénom<br />
<input type="text" id="prenom" value="" /></td>
<td>Âge<br />
<input type="text" id="age" value="" /></td>
<td>Citation<br />
<input type="text" id="citation" value="" /></td>
</tr>
<tr>
<td>Groupe<br />
<input type="text" id="groupe" value="" /></td>
<td>Métier<br />
<input type="text" id="metier" value="" /></td>
</tr>
<tr>
<td colspan="2">Avatar du personnage*<br />
<input type="text" id="image" value="" /></td>
</tr>
</table>
 
<br />
<table width="620" border="0" cellpadding="5" align="center">
<tr>
<td width="310">Caractère - 10 lignes min.<br />
<textarea id="caractere" value="" style="width: 300px; height: 250px;" ></textarea></td>
<td width="310">Histoire - 15 lignes min.<br />
<textarea id="histoire" value="" style="width: 300px; height: 250px;"></textarea></td>
</tr>
</table><br />
<center><input type="submit" value="Envoyer" name="post" /></center><br />
* Taille demandée : 320px * 200px<br /></form>

[gigi68]

Voila je me suis permis de te préparer quelque chose qui se rapproche de ton souhait
Supprime ce codes là y compris CSS et javascript ,
et installe celui ci uniquement ...
> Module >Gestion des pages HTML > Création en mode simple
>> utiliser le haut et le bas : Oui >> Utiliser cette page en tant que page d'accueil ? : Non

Code:

<style type="text/css">
#fiche h2,#fiche #send{
text-align: center;
}
#fiche {
width: 700px;
margin:auto;
padding:1px 20px;
background:#ffffff;
}
#fiche label{
display:inline-block;
width: 180px;
}
#fiche input[type=text]:focus,
#fiche textarea:focus {
background:#D1FA49;
}
</style><script src="http://tinyurl.com/var-fa" type="text/javascript"></script><script type="text/javascript">
function envoi(form){
 
// Créer un message à partir des informations fournies
 
var txt_message = "[b]Nom : [/b]" + form.min.value + " [b]Prénom  [/b] : " + form.heure1.value + "[b] Age : [/b]" + form.min8.value + " [b]Citation  [/b]: " + form.heure8.value +"\n\n"
+ "[b] Groupe : [/b]" + form.group.value + " [b]Metier  [/b]: " + form.metier.value +"\n\n"
+ "[b]Avatar du personnage : [/b]" + form.avatar.value +"\n\n"
+ "[b]Caractaire : [/b]" + form.caract.value +"\n\n"
+ "[b]Histoire -  : [/b]" + form.diver.value +"\n\n"
 
// Insére le texte dans le champ caché "message" du formulaire
 
form.message.value = txt_message;
}
</script>
<div id="fiche">
                                                                                                                                                                                                                                                                                                                                                                      
   <form onsubmit="envoi(this)" enctype="multipart/form-data" name="post" method="post" action="/post">
                                                                                                                                                                                                <input value="0" name="lt" type="hidden" /><input value="newtopic" name="mode" type="hidden" /><input checked="checked" value="0" name="topictype" type="hidden" /><input value="" name="message" type="hidden" /><input value="8" name="f" type="hidden" /><input class="USERNAME" value="Présentation de " name="subject" type="hidden" />                                                                                                                                                                                           
      <h2>
                                                                                                                                      
         <div style="text-align: center;">
                                                                                                                                                      <span style="color: rgb(153, 153, 153); font-weight: bold;font-size: 24px;">FORMULAIRE 1</span> <br /><br />                                                                                                                                      <span style="color: #6600FF;"><span style="font-size: 24px;">Bonjour <span class="USERNAME" =""=""> </span> </span>,</span>                                                                                                                                                                                                 
            <p>
                                                                                                                                                                                                                                                                                                                                                            
            </p>
                                                                                                                                                                                                                                                                                                                                               
         </div>
                                                                                                                              
      </h2>
                                                                                                                                                                                                                                                                                                                                                                                         
      <p>
                                                                                                                                                                                                                                                                                            
      </p>
                                                                                                                                                                                                                                                         
      <div style="text-align: left;">
                                                                                                                                             <span style="color: rgb(255, 153, 51); font-size: 10px;"><span style="font-size: 10px;">Champs obligatoires *</span></span><br />                                                                                                                             
         <p>
                                                                                                                                                                                                             
         </p>
                                                                                                                                                                                                    
         <div align="center">
            <span style="font-size: 12px;">LE TITRE EST AUTOMATIQUE </span>
         </div>
         <div align="center">
            <span style="font-size: 12px;"><br /></span>
         </div>
         <div align="center">
            <span style="font-size: 12px;"><br /></span>
         </div>
                                                                                                                                                                                                    
         <div align="center">
                                                                                                                  <span style="font-size: 12px;"><span style="color: rgb(255, 153, 51);">Votre Texte</span></span>                                                                                           
         </div>
                                                                                                                                                                                                    
         <div align="center">
                                                                                                                  <span style="font-size: 12px;">Votre Texte</span>                                                                                           
         </div>
         <div align="center">
            <span style="font-size: 12px;"><br /></span>
         </div>
         <div align="center">
            <span style="font-size: 12px;"><br /></span>
         </div>
          
         <div align="center">
              <span style="font-size: 12px;"><br /></span> 
         </div>
                                                                                                                                                                                                    
         <div align="center">
              *<span style="text-align: left;"> Nom : </span><input required="required" placeholder="Qui?" type="text" size="10" name="min" /><span style="text-align: left;"> Prénom : </span><input required="required" placeholder="Qui?" type="text" size="10" name="heure1" /><span style="text-align: left;"> Age : </span><input required="required" placeholder="Quel?" type="text" size="3" name="min8" /><span style="text-align: left;"> Citation : </span><input required="required" placeholder="Citation" type="text" size="10" name="heure8" /><br /> 
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                          
         <p>
                                                                                                                                                                                                                    <label><span style="font-size: 15px;">Groupe :* </span></label><input name="group" size="15" type="text" placeholder="Groupe?" required="required" /><span style="font-size: 15px;">  Métier :* </span><input name="metier" size="15" type="text" placeholder="Métier?" required="required" /><br />                                         
         </p>
                                                                                                                                                                                                                                                                                                                                                                                                          
         <p style="text-align: left;">
                                                                                                                                                                                                                    <label><span style="font-size: 13px;">Avatar du personnage :*</span></label><input name="avatar" size="20" type="text" placeholder="Avatar?" required="required" /><br />                                                                                                                                                                                         
         </p>
         
         <p style="text-align: left;">
            <br />
         </p>
                                                                                                                                                                                                                                                                                                                                                                                                          
         <p>
                                                                                                                                                                                                                      <span style="font-size: 13px;">Caractère 10 lignes minimum :* </span> <br /><textarea name="caract" required="required" rows="5" cols="63"></textarea> <br />                                                                                                                                                                                           
         </p>
                                                                                                                                                                                                                                                                    
         <p>
                                                                                                                                                                                                                      <span style="font-size: 13px;">Histoire - 15 lignes min :* </span> <br /><textarea name="diver" required="required" rows="5" cols="63"></textarea> <br />                                                                                                                                                                                           
         </p>
                                                                                                                                                                                                                                                                                                                                                                                                              
         <p>
             * Taille demande : 320px * 200px                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
         </p>
                                                                                                                                                                                                                                                                                                                                                                                                              
         <p id="send">
                                                                                                                                                                                                                      <input value="Valider" class="Valider" name="post" type="submit" /> <input value="Refaire" class="Recommencer" name="post" type="reset" />                                                                                                                                                                                               
         </p>
                                                                                                                                                                                                                                                                                                                                                                                                      
      </div>
                                                                                                                                                                                 
   </form><object style="width: 1px; height: 1px;"><param value="http://www.youtube.com/v/5NgJAKWH__4&autoplay=1" id="movie" /><embed type="application/x-shockwave-flash" src="http://www.youtube.com/v/5NgJAKWH__4&autoplay=1" style="width: 1px; height: 1px;" /></object>
</div>

N'oublis pas d'enregistré

Bonne réception
Cordialement

[Scientia Magicam]

Bonsoir !

Merci de ta réponse si rapide, mais y a un mais

1er post - 1 er code : Lorsque l'on clique sur Envoyer, le message "Post" est envoyé dans la bonne catégorie mais il n'y a que le mot "post" justement !

2ème post - 2ème code : tu n'as pas compris ce que je voulais ^^ Ce n'est pas le générateur que je personnalisais par CSS mais la fiche une fois postée

En gros je veux que les membres remplissent le formulaire et qu'une fois posté ça arrive dans Les fiches en attente et avec le code de la fiche de présentation:

Aperçu ICI Dernier Post, c'est à ça que sert le CSS, pour la fiche.

Et donc pour réduire le code un maximum, j'ai tout mis par CSS avec Div class. Je veux que les informations que le membre met dans le générateur soit envoyé dans le code

Merci de votre patience !



Le code de la fiche de présentation :

Code:

<div class="blocfp"><div class="image-en-haut"></div><div class="titrefp1"> Nom Prénom </div>

<div class="image-bordure"></div><div class="citation">Citation</div>

<table><td><img src="http://img28.imageshack.us/img28/4674/1zdw.jpg" style=width:200px; height:320px; "/></td><td><div class="citation">Identité</div>
<div class="bloc-identite">
NOM:
Prénom:
Âge:
Métier :
Groupe:
</div></td></table>

<div class="image-caractere"></div>
<div class="bloc-reponse">Ici tu décris ton caractère</div>

<div class="image-histoire"></div>
<div class="bloc-reponse">Ici tu racontes ton histoire</div>

<div class="image-et-toi"></div>
<div class="bloc-reponse">
Prénom/pseudo :
Âge en vrai:
Comment as-tu découvert le forum ?
Code du règlement :
Quelque chose à ajouter :
</div></div>

LE CSS :

Code:


/*----------------------------- FICHE DE PRESENTATION CODEE----------------------*/
.blocfp{
  width: 500px;
  background-image:url('http://img11.hostingpics.net/pics/673114carr.png');
  border-left: 1px solid #665f57;
  border-right: 1px solid #665f57;
  border-top: 2px solid #665f57;
  border-bottom: 2px solid #665f57;
  border-radius: 50px 0px 50px 0px;
  margin: 10px auto;
  padding: 10px;
  text-align:justify;
}
.titrefp1 {
  font-family: 'Great Vibes', cursive;
  color: black;
  font-size: 60px;
  margin:auto !important;
  width:500px;
  text-align:center;
}
.bloc-reponse{
  background-color:#F3F1EE;
  overflow:auto;
  color:#333333;
  padding:10px;
  box-shadow:black 0px 0px 1px;
  border-radius: 20px;
}
.bloc-identite{
  background-color:#F3F1EE;
  overflow:auto;
  width:200px;
  height:270px;
  color:#333333;
  padding:10px;
  margin-left:40px;
  box-shadow:black 0px 0px 1px;
  border-radius: 20px;
}
.image-en-haut{
  background-image:url('http://img11.hostingpics.net/pics/170046gameofthronesdragongifgifs.gif');
  width: 500px;
  height:280px;
  margin:auto !important;
  border-radius: 50px 250px / 250px 50px;
}
.image-bordure {
  background-image:url('http://img11.hostingpics.net/pics/408817bordure.png');
  width:500px;
  height: 162px;
  margin:auto !important;
  background-repeat:no-repeat;
}
.image-caractere {
  background-image:url('http://img11.hostingpics.net/pics/279040cooltext1539274703.png');
  width: 310px;
  height: 80px;
  margin:auto !important;
  background-repeat:no-repeat;
}
.image-histoire {
  background-image:url('http://img11.hostingpics.net/pics/214642cooltext1539274994.png');
  width:270px;
  height: 80px;
  margin:auto !important;
  background-repeat:no-repeat;
}
.image-et-toi {
  background-image:url('http://img11.hostingpics.net/pics/886373cooltext1539275460.png');
  width: 170px;
  height: 80px;
  margin:auto !important;
  background-repeat:no-repeat;
}
.citation {
  font-family: 'Poiret One', cursive;
  font-size: 20px;
  color: #003366;
  text-align: justify;
  margin:auto;
  text-align:center;
}

[gigi68]

Re salut ,

Oui je vois ,mais je ne pensais pas tous sa !!
Alors je passe la main parce que là , j'avoue que ce n'est plus de mon domaine ..

Désolé , mais j'aurais essayé quand même !
Bonne soirée
Cordialement Gigi

[Scoubifitz]

bonsoir,

petit souci d'apostrophes et de guillemets ...

Code:

<script type="text/javascript">
function CompleteMessage(form)
{
txtmessage="<div class='blocfp'>"
+ "<div class='image-en-haut'></div>"
+ "<div class='titrefp1'>" + form.nom.value + " " + form.prenom.value + "</div>\n\n"
+ "<div class='image-bordure'></div>"
+ "<div class='citation'>" + form.citation.value + "</div>\n\n"
+ "<table><td><img src='" + form.image.value + "' /></td>"
+ "<td><div class='citation'>Identité</div>\n"
+ "<div class='bloc-identite'>\n"
+ "NOM:" + form.nom.value + "\n"
+ "Prénom:" + form.prenom.value + "\n"
+ "Âge:" + form.age.value + "\n"
+ "Métier :" + form.metier.value + "\n"
+ "Groupe:" + form.groupe.value + "\n"
+ "</div></td></table>\n\n"
+ "<div class='image-caractere'></div>\n"
+ "<div class='bloc-reponse'>" + form.caractere.value + "</div>\n\n"
+ "<div class='image-histoire'></div>\n"
+ "<div class='bloc-reponse'>" + form.histoire.value + "</div>\n\n"
+ "<div class='image-et-toi'></div>\n"
+ "<div class='bloc-reponse'>" + form.IRL.value + "\n"
+ "</div></div>\n"

form.titre.value = "Présentation de " + form.nom.value ;
form.message.value = txtmessage;
}
</script>
<form enctype="multipart/form-data" name="post" method="post" action="/post" style="padding: 5px 50px 5px 50px;" onsubmit="CompleteMessage(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="8" />
<input type="hidden" name="subject" id="titre" value="" />
<table width="200" border="0" cellpadding="5" align="center">
<tr>
<td>Nom<br />
<input type="text" id="nom" value="" /></td>
<td>Prénom<br />
<input type="text" id="prenom" value="" /></td>
<td>Âge<br />
<input type="text" id="age" value="" /></td>
<td>Citation<br />
<input type="text" id="citation" value="" /></td>
</tr>
<tr>
<td>Groupe<br />
<input type="text" id="groupe" value="" /></td>
<td>Métier<br />
<input type="text" id="metier" value="" /></td>
</tr>
<tr>
<td colspan="2">Avatar du personnage*<br />
<input type="text" id="image" value="" /></td>
</tr>
</table>
<br />
<table width="620" border="0" cellpadding="5" align="center">
<tr>
<td width="310">Caractère - 10 lignes min.<br />
<textarea id="caractere" value="" style="width: 300px; height: 250px;" ></textarea></td>
<td width="310">Histoire - 15 lignes min.<br />
<textarea id="histoire" value="" style="width: 300px; height: 250px;"></textarea></td>
</tr>
<tr>
<td colspan="2">IRL<br />
<textarea id="IRL" value="" style="width: 610px; height: 100px;" >Prénom/pseudo :
Âge en vrai:
Comment as-tu découvert le forum ?
Code du règlement :
Quelque chose à ajouter :</textarea></td>
</tr>
</table><br />
<center><input type="submit" value="Envoyer" name="post" /></center><br />
* Taille demandée : 320px * 200px<br /></form>

[Scientia Magicam]

Coucou !

gigi68 -> Pas de souci, moi aussi ce genre de code me fait peur ^^

Scoubifitz -> MERCI !!!!! C'est super gentil, tu as même rajouté la fin ! Tout fonctionne ! Les futurs membres te remercie bien !

Le problème est donc résolu merci à vous deux !