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

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

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

Message par Scientia Magicam le Mar 16 Juin 2015 - 15:08

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 Very Happy
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 Very Happy

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>


Dernière édition par Scientia Magicam le Jeu 18 Juin 2015 - 13:25, édité 1 fois

Scientia Magicam
*

Messages : 36
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code de générateur de fiche [RESOLU]

Message par gigi68 le Mar 16 Juin 2015 - 15:36

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>


Surprised

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Problème code de générateur de fiche [RESOLU]

Message par gigi68 le Mar 16 Juin 2015 - 16:58

Voila je me suis permis de te préparer quelque chose qui se rapproche de ton souhait Razz
Supprime ce codes là y compris CSS et javascript ,
et installe celui ci uniquement ...
> Module >Gestion des pages HTML > ajout 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é :enreg:

Bonne réception
Cordialement

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Problème code de générateur de fiche [RESOLU]

Message par Scientia Magicam le Mer 17 Juin 2015 - 19:38

Bonsoir !

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

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 Smile

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 Smile

Merci de votre patience ! Very Happy



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;
}

Scientia Magicam
*

Messages : 36
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code de générateur de fiche [RESOLU]

Message par gigi68 le Mer 17 Juin 2015 - 20:10

Re salut ,

Oui je vois ,mais je ne pensais pas tous sa !! Shocked
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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Problème code de générateur de fiche [RESOLU]

Message par Scoubifitz le Mer 17 Juin 2015 - 21:44

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>

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: Problème code de générateur de fiche [RESOLU]

Message par Scientia Magicam le Jeu 18 Juin 2015 - 13:24

Coucou !

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

Scoubifitz -> MERCI !!!!! ok Bizz 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 !

Scientia Magicam
*

Messages : 36
Inscrit(e) le : 24/03/2014

http://scientia-magicam.forumsgratuits.com
Scientia Magicam 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