[Question] Formulaire

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

Résolu [Question] Formulaire

Message par Heung-Min Hidem le Jeu 12 Juin 2014 - 1:02

Bonsoir,

J'ouvre ce sujet afin de vous posez quelques questions et pour avoir votre aide.

Je voudrais mettre en place des formulaires sur mon forum donc j'ai fait des recherches sur internet et sur ce forum notamment.

Par conséquent, j'ai repris un code que j'avais trouvé sur ce forum et que j'ai essayé d’adapter pour le mien avec beaucoup de mal je dois vous l'admettre ^^.

Voila ce que j'ai pour l'instant:

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>KpopFans - Formulaire</title>
<style type="text/css">
 
.lyrics { opacity: 0.55; padding: 10px 50px 10px 10px; background-color: #FFF; color: #000; font:italic 15px old standard; text-transform: lowercase; text-align: right;letter-spacing: 1px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; }
 
.lyrics:hover { opacity: 0.8; }
 
body {
background-image:url(http://img11.hostingpics.net/pics/968280EXOKforTheFaceShopexok3135044319201200.jpg);
}
 
/* DEBUT - CSS FICHE */
.reglement fieldset {
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: justify;
  border: 3px solid Crimson;
  padding: 0px;   
}

.reglement fieldset p {
  padding: 10px;
}

.reglement fieldset legend {
  font-size: 25px;
  padding: 10px;
  color : Crimson;
  font-family: Georgia;
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px white;
  align: center;
}

.soustitre {
  display: block;
 -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-left: -3px;
  background-color: Crimson;
  text-align: center;
  color: white;
}
/* FIN - CSS FICHE */
 
</style>
<body><div style="width: 400px;margin:auto; padding: 20px; background-color: #FFF; border: 3px double #eee;">
 <div style="width: 400px; height: 250px; background-image: url(http://ww3.sinaimg.cn/mw1024/a6d581dejw1e76fllh6fwg20b406y4qr.gif);"><div style="width: 420px; padding-top: 213px; padding-right: 30px;"><div class="lyrics">KpopFans - Formulaire fiche de groupe masculin</div>
</div>
</div><br>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = txt_message + "<div class=\"reglement\"><fieldset> <legend align=\"center\">Fiche</legend> <div class="+ form.nom.value +">";
+ "<strong>Nom du groupe: </strong> " + form.nom.value + "\n"
+ "<strong>Date de création du groupe:</strong> " + form.date.value + "\n"
+ "<strong>Statue du groupe: </strong> " + form.statue.value + "\n"
+ "<strong>Genre(s):</strong> " + form.choixgenre.value + "\n\n"
+ "<strong>Label(s):</strong> " + form.label.value + '\n'
+ "<strong>Site officiel:</strong> " + form.lien1.value + '\n'
  + "<strong>Chaîne Youtube:</strong> " + form.lien2.value + '\n'
  + "<strong>Description du groupe:</strong> " + form.description.value + "\n\n"
  + "<strong>Lien Nautiljon:</strong> " + form.lien3.value + '\n';
  // Fin code fiche
  txt_message = txt_message + "</div> <p></p></fieldset></div>";
form.message.value = txt_message;
form.subject.value = "form.nom.value;
}
</script>
<fieldset class="fieldform">
<legend>Formulaire</legend>
<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="f" value="23" />
<input type="hidden" name="subject" value="" />
<font class="colorform">Nom du groupe:</font><br />
<input name="nom" id="nom" placeholder="Exemple: Exo (엑소)" type="text" /><br />
<font class="colorform">Date de création du groupe:</font><br />
  <input name="date" id="date" placeholder="Exemple: 2009" type="text" />
<br />
<font class="colorform">Statue du groupe:</font><br />
<select name="statue" id="statue">
<option value="En activité">En activité</option>
<option value="En pause">En pause</option>
<option value="Inactif">Inactif</option>
</select><br />
  <font class="colorform">Date de création du groupe:</font><br />
  <input name="choixgenre" id="choixgenre" placeholder="Ex: K-Pop, K-Rap, J-Pop" type="text" /><br>
 
 <p>
        <label for="label">Label(s) :</label><br>
        <input type="text" name="label" id="label" placeholder="Indiquer le(s) label(s) du groupe" size="30" />
    </p>


    <p>
        <label for="lien1">Site officiel:</label><br>
        <input type="text" name="lien1" id="lien1" placeholder="Indiquer le lien du site ici" size="30" />
    </p>

    <p>
        <label for="lien2">Chaîne Youtube:</label><br>
        <input type="text" name="lien2" id="lien2" placeholder="Indiquer le lien de la chaîne ici" size="30" />
    </p>
     
    <font class="colorform">Description du groupe:</font><br />
<textarea name="description" id="description" rows="10" cols="40" size="30" />
     
      </textarea>   
      <br />
      <p>
        <label for="lien3">Lien Nautiljon :</label><br>
        <input type="text" name="lien3" id="lien3"  size="30" />
        </p>
        <input value="Envoyer" type="submit" name="post" /><br />
        <p><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/bell-error-icon.png" />
<span style="font-size: 12px;">Si vous rencontrez un problème ou que vous avez tout simplement une question, n'hésitez pas à utiliser la section "<a href="http://kpop-fans.forumactif.org/f31-support-technique">Support technique</a>" ou à contacter un membre de l'équipe de KpopFans.</span></p>
        </form>
  </fieldset>

Pour information, je souhaite faire un formulaire pour créer des fiches concernant des groupes autour de la K-Pop ("musique coréenne").

J'aimerais savoir si j'ai des erreurs (ce que je sais déjà comme il fonctionne plus, il marchait avant ^^.)?

En outre, je n'ai pas fini le remplir dans la mesure où je ne sais pas comment je pourrais faire pour présenter les membres d'un groupe par exemple. Vous avez des idées pour ceci parce que certain groupe comporte jusqu'à 9 membres ^^. J'aimerais bien aussi introduire le sujet avec une image qui présenterai le groupe, vous voyez le genre?

Après il me reste aussi à modifier tous les noms des valeurs comme elles sont pas adaptés!

Je vous remercie de votre attention,
Cordialement.


Dernière édition par Cedino le Jeu 19 Juin 2014 - 17:05, édité 4 fois

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Heung-Min Hidem le Ven 13 Juin 2014 - 1:19

Bonsoir,

Je me permet de faire un petit up (+ de 24h), j'ai retravaillé mon code. Sa me met bien la page du sujet qui s'ouvre mais il est vide :s

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Heung-Min Hidem le Sam 14 Juin 2014 - 3:45

Bonsoir,

Je me permet de refaire un petit up (+ de 24h).
Si vous avez besoin d'information complémentaire, n'hésitez pas!

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Ea le Dim 15 Juin 2014 - 0:06

Bonjour,


Dans :

Code:
txt_message = txt_message + "<div class="reglement"><fieldset> <legend align="center">Fiche</legend> <div class="+ form.nom.value +">";

" est un caractère utilisé pour commencer et finir une chaîne de texte, on ne peut pas l'utiliser à l'intérieur sans rien faire, il faut soit le faire précéder par \ pour l'utiliser, soit mettre ' autour. Donc ceci :

Code:
txt_message = txt_message +'<div class="reglement"><fieldset> <legend align="center">Fiche</legend> <div class='+ form.nom.value +'>';

ou bien ceci :

Code:
txt_message = txt_message + "<div class=\"reglement\"><fieldset> <legend align=\"center\">Fiche</legend> <div class="+ form.nom.value +">";

permettraient de corriger l'erreur.

Il y a une deuxième erreur plus loin avec :

Code:
form.subject.value = "form.nom.value;

il ne doit pas y avoir de caractère " à cet endroit là ;)

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Heung-Min Hidem le Dim 15 Juin 2014 - 13:52

Bonjour Ea,

Tout d'abord, je vous remercie pour votre réponse et vos explications. J'ai corrigé les erreurs. Toutefois, j'ai un message d'erreur:

Mode du sujet non spécifié

:/

ps: j'ai édité mon code dans mon premier post

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Ea le Dim 15 Juin 2014 - 14:53

Si je renomme le champ description en gdescription, je n'ai pas ce problème :

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>KpopFans - Formulaire</title>
<style type="text/css">

.lyrics { opacity: 0.55; padding: 10px 50px 10px 10px; background-color: #FFF; color: #000; font:italic 15px old standard; text-transform: lowercase; text-align: right;letter-spacing: 1px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; }

.lyrics:hover { opacity: 0.8; }

body {
  background-image:url(http://img11.hostingpics.net/pics/968280EXOKforTheFaceShopexok3135044319201200.jpg);
}

/* DEBUT - CSS FICHE */
.reglement fieldset {
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: justify;
  border: 3px solid Crimson;
  padding: 0px;   
}

.reglement fieldset p {
  padding: 10px;
}

.reglement fieldset legend {
  font-size: 25px;
  padding: 10px;
  color : Crimson;
  font-family: Georgia;
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px white;
  align: center;
}

.soustitre {
  display: block;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-left: -3px;
  background-color: Crimson;
  text-align: center;
  color: white;
}
/* FIN - CSS FICHE */

</style>
</head>
<body>
<div style="width: 400px;margin:auto; padding: 20px; background-color: #FFF; border: 3px double #eee;">
  <div style="width: 400px; height: 250px; background-image: url(http://ww3.sinaimg.cn/mw1024/a6d581dejw1e76fllh6fwg20b406y4qr.gif);">
    <div style="width: 420px; padding-top: 213px; padding-right: 30px;">
      <div class="lyrics">KpopFans - Formulaire fiche de groupe masculin</div>
    </div>
  </div><br>
  <script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = txt_message + "<div class=\"reglement\"><fieldset> <legend align=\"center\">Fiche</legend> <div class="+ form.nom.value +">";
  + "<strong>Nom du groupe: </strong> " + form.nom.value + "\n"
    + "<strong>Date de création du groupe:</strong> " + form.date.value + "\n"
    + "<strong>Statue du groupe: </strong> " + form.statue.value + "\n"
    + "<strong>Genre(s):</strong> " + form.choixgenre.value + "\n\n"
    + "<strong>Label(s):</strong> " + form.label.value + '\n'
    + "<strong>Site officiel:</strong> " + form.lien1.value + '\n'
    + "<strong>Chaîne Youtube:</strong> " + form.lien2.value + '\n'
    + "<strong>Description du groupe:</strong> " + form.gdescription.value + "\n\n"
    + "<strong>Lien Nautiljon:</strong> " + form.lien3.value + '\n';
  // Fin code fiche
  txt_message = txt_message + "</div> <p></p></fieldset></div>";
  form.message.value = txt_message;
  form.subject.value = form.nom.value;
}
  </script>
  <fieldset class="fieldform">
    <legend>Formulaire</legend>
    <form action="/post" method="post" name="post" 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="23" />
      <input type="hidden" name="subject" value="" />
      <font class="colorform">Nom du groupe:</font><br />
      <input name="nom" id="nom" placeholder="Exemple: Exo (엑소)" type="text" /><br />
      <font class="colorform">Date de création du groupe:</font><br />
      <input name="date" id="date" placeholder="Exemple: 2009" type="text" />
      <br />
      <font class="colorform">Statue du groupe:</font><br />
      <select name="statue" id="statue">
        <option value="En activité">En activité</option>
        <option value="En pause">En pause</option>
        <option value="Inactif">Inactif</option>
      </select><br />
      <font class="colorform">Date de création du groupe:</font><br />
      <input name="choixgenre" id="choixgenre" placeholder="Ex: K-Pop, K-Rap, J-Pop" type="text" /><br>

      <p>
      <label for="label">Label(s) :</label><br>
      <input type="text" name="label" id="label" placeholder="Indiquer le(s) label(s) du groupe" size="30" />
      </p>


      <p>
      <label for="lien1">Site officiel:</label><br>
      <input type="text" name="lien1" id="lien1" placeholder="Indiquer le lien du site ici" size="30" />
      </p>

      <p>
      <label for="lien2">Chaîne Youtube:</label><br>
      <input type="text" name="lien2" id="lien2" placeholder="Indiquer le lien de la chaîne ici" size="30" />
      </p>

      <font class="colorform">Description du groupe:</font><br />
      <textarea name="gdescription" id="gdescription" rows="10" cols="40" size="30" />

      </textarea>   
      <br />
      <p>
      <label for="lien3">Lien Nautiljon :</label><br>
      <input type="text" name="lien3" id="lien3"  size="30" />
      </p>
      <input value="Envoyer" type="submit" name="post" /><br />
      <p><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/bell-error-icon.png" />
      <span style="font-size: 12px;">Si vous rencontrez un problème ou que vous avez tout simplement une question, n'hésitez pas à utiliser la section "<a href="http://kpop-fans.forumactif.org/f31-support-technique">Support technique</a>" ou à contacter un membre de l'équipe de KpopFans.</span></p>
    </form>
  </fieldset>
</div>
</body>
</html>

Le système ne doit pas aimer recevoir un champ "description" alors qu'elles sont désactivées sur le forum.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Heung-Min Hidem le Dim 15 Juin 2014 - 15:17

J'ai essayé votre code, sa m'affiche bien le cadre dans le sujet toutefois tout son contenu manque à l'appel.

Entre temps, j'ai repris à zero mon code et il marche mais sans la fiche que vous vous avez réussis à faire fonctionner, voici le code:

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>KpopFans - Formulaire</title>
<style type="text/css">
 
.lyrics { opacity: 0.55; padding: 10px 50px 10px 10px; background-color: #FFF; color: #000; font:italic 15px old standard; text-transform: lowercase; text-align: right;letter-spacing: 1px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; }
 
.lyrics:hover { opacity: 0.8; }
 
body {
background-image:url(http://img11.hostingpics.net/pics/968280EXOKforTheFaceShopexok3135044319201200.jpg);
}
 
 
</style>
<body><div style="width: 400px;margin:auto; padding: 20px; background-color: #FFF; border: 3px double #eee;">
 <div style="width: 400px; height: 250px; background-image: url(http://ww3.sinaimg.cn/mw1024/a6d581dejw1e76fllh6fwg20b406y4qr.gif);"><div style="width: 420px; padding-top: 213px; padding-right: 30px;"><div class="lyrics">KpopFans - Formulaire fiche de groupe masculin</div>
</div>
</div><br>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Nom du groupe: </strong> " + form.nom.value + "\n"
+ "<strong>Date de création du groupe: </strong> " + form.date.value + "\n"
+ "<strong>Statue du groupe: </strong> " + form.statue.value + "\n"
  + "<strong>Label(s): </strong>\n" + form.label.value + "\n\n"
+ "<strong>Genre(s): </strong>\n" + form.genre.value + "\n\n"
+ "<strong>Description du groupe: </strong>\n" + form.description.value + "\n"
  + "<strong>Site officiel: </strong>\n" + form.site.value + "\n\n"
  + "<strong>Chaîne Youtube: </strong>\n" + form.Chaine.value + "\n\n"
  + "<strong>Lien Nautiljon: </strong>\n" + form.nau.value + "\n\n";
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.nom.value;
}
</script>
<fieldset class="fieldform">
<legend>Formulaire</legend>
<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="f" value="45" />
<input type="hidden" name="subject" value="" />
<font class="colorform">Nom du groupe:</font><br />
<input name="nom" id="nom" placeholder="Exemple: Exo (엑소)" type="text" /><br />
<font class="colorform">Date de création du groupe:</font><br />
<input name="date" id="date" placeholder="Exemple: 2009" type="text" /><br />
<font class="colorform">Statue du groupe:</font><br />
<select name="statue" id="statue">
<option value="En activité">En activité</option>
<option value="En pause">En pause</option>
<option value="Inactif">Inactif</option>

</select><br />
  <font class="colorform">Label(s):</font><br />
<input name="label" id="label"  type="text" /><br />
<font class="colorform">Genre(s):</font><br />
<textarea rows="3" name="genre" id="genre" placeholder="Ex: K-Pop, K-Rap, K-Rock, J-Pop, J-Rock..."></textarea><br />
<font class="colorform">Description du groupe: </font><br />
  <textarea rows="10" name="description" id="description" placeholder="Présentez le groupe en quelques lignes. N'oubliez pas de présenter les membres du groupe.
  Pour mettre un lien: [url]lien[/url] ; pour mettre une image: [img]lien[/img]"></textarea><br />
  <font class="colorform">Site officiel:</font><br />
<input name="site" id="site"  type="text" /><br />
  <font class="colorform">Chaîne Youtube:</font><br />
<input name="Chaine" id="Chaine"  type="text" /><br />
  <font class="colorform">Lien Nautiljon:</font><br />
<input name="nau" id="nau" type="text" /><br />
<input value="Envoyer" type="submit" name="post" />
  <p><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/bell-error-icon.png" />
<span style="font-size: 12px;">Si vous rencontrez un problème ou que vous avez tout simplement une question, n'hésitez pas à utiliser la section "<a href="http://kpop-fans.forumactif.org/f31-support-technique">Support technique</a>" ou à contacter un membre de l'équipe de KpopFans.</span></p>
</form></fieldset>

Si sa peut vous aider pour faire fusionner les deux si je peux dire ^^.
D'ailleurs, j'aimerais bien mettre un champ où on met un lien pour une image et que l'image apparaît directement sur le sujet, savez-vous comment faire?

Je vous remercie.


Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Ea le Dim 15 Juin 2014 - 15:37

Je n'ai fait que corriger ce qui empêchait d'envoyer le formulaire.

Ensuite cette ligne là a un problème :

Code:

  var txt_message = txt_message + "<div class=\"reglement\"><fieldset> <legend align=\"center\">Fiche</legend> <div class="+ form.nom.value +">";
  + "<strong>Nom du groupe: </strong> " + form.nom.value + "\n"
    + "<strong>Date de création du groupe:</strong> " + form.date.value + "\n"
    + "<strong>Statue du groupe: </strong> " + form.statue.value + "\n"
    + "<strong>Genre(s):</strong> " + form.choixgenre.value + "\n\n"
    + "<strong>Label(s):</strong> " + form.label.value + '\n'
    + "<strong>Site officiel:</strong> " + form.lien1.value + '\n'
    + "<strong>Chaîne Youtube:</strong> " + form.lien2.value + '\n'
    + "<strong>Description du groupe:</strong> " + form.gdescription.value + "\n\n"
    + "<strong>Lien Nautiljon:</strong> " + form.lien3.value + '\n';

Il y a un plus le txt_message n'existe pas et il y a un ; + "<strong>... qui ne servira a rien, ça devrait probablement être plutôt :

Code:
  var txt_message = "<div class=\"reglement\"><fieldset> <legend align=\"center\">Fiche</legend> <div class="+ form.nom.value +">"
  + "<strong>Nom du groupe: </strong> " + form.nom.value + "\n"
    + "<strong>Date de création du groupe:</strong> " + form.date.value + "\n"
    + "<strong>Statue du groupe: </strong> " + form.statue.value + "\n"
    + "<strong>Genre(s):</strong> " + form.choixgenre.value + "\n\n"
    + "<strong>Label(s):</strong> " + form.label.value + '\n'
    + "<strong>Site officiel:</strong> " + form.lien1.value + '\n'
    + "<strong>Chaîne Youtube:</strong> " + form.lien2.value + '\n'
    + "<strong>Description du groupe:</strong> " + form.gdescription.value + "\n\n"
    + "<strong>Lien Nautiljon:</strong> " + form.lien3.value + '\n';

Pour ce qui est de mettre une image dont on a le lien ( par exemple dans la valeur form.my_image.value ) on peut faire par exemple :

Code:
"<img src=\""+form.my_image.value+"\" />

ou bien en utilisant du bbcode :

Code:
"[img]" + form.my_image.value + "[/img]"

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Question] Formulaire

Message par Heung-Min Hidem le Mar 17 Juin 2014 - 20:34

Bonsoir,

Je vous remercie encore pour votre réponse. J'ai essayé vos modification et ceci ne marche toujours pas me dit ceci:

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

En outre, j'ai remarqué que les termes suivant sont en rouges comme s'il y avait une erreur:
Code:
</legend>
</fieldset></div>
</script>

Sinon concernant le code pour l'image, je vous remercie, c'est bien ce que je souhaitais. J'aimerais savoir, comment faut-il faire pour centrer l'image? Parce que quand je rajoute les codes appropriés pour ceci ne marche pas :S

D'ailleurs, savez-vous quelle code je dois insérer afin de faire la même chose sauf que l'image dirigerait vers un lien et l'image aurait une taille que j'aurais choisis?

édit: Une autre question qui est plus urgente que les deux autres, quand j'écris trop dans le champ description de mes formulaires qui marchent, ils ne marchent plus et sa vient bien de la taille parce que quand j’enlève du texte sa marche, pourquoi? Comment corriger ça?

Je vous remercie de votre attention,
Cordialement.

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Question] Formulaire

Message par Scoubifitz le Jeu 19 Juin 2014 - 1:46

bonsoir,

si vous souhaitez la même fiche que celle que vous avez en ce moment :



voilà le code du formulaire :

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>KpopFans - Formulaire</title>
<style type="text/css">

.lyrics { opacity: 0.6;
padding: 10px 50px 10px 10px;
background-color: #FFF;
color: #000;
font:italic 15px old standard;
text-transform: lowercase;
text-align: right;
letter-spacing: 1px;
-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out; }

.lyrics:hover { opacity: 0.8; }

body {
background-image:url(http://img11.hostingpics.net/pics/968280EXOKforTheFaceShopexok3135044319201200.jpg);
}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
  var txt_message = "<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>"
+ "<div class='bandprez'><div class='bandtof' style='background:url(" + form.image.value + ")'>"
+ "<div>" + form.nom.value + "</div></div><div class='bandcontent'>\n\n"
+ "<div class='bandtitle'>PRESENTATION</div>\n\n"
+ "<strong>Nom réel :</strong> " + form.nom.value + "\n"
+ "<strong>Statut :</strong>" + form.statut.value + "\n"
+ "<strong>Début :</strong>" + form.date.value + "\n"
+ "<strong>Genres :</strong>" + form.genre.value + "\n"
+ "<strong>Labels :</strong> " + form.bandlabel.value + "\n\n"
+ form.groupprez.value + "\n"
+ "<div class='bandtitle'>MEMBRES DU GROUPE</div>\n"
+ form.groupmember.value + "\n\n"
+ "<div style='text-align:center'>[url=" + form.site.value + "]Site officiel[/url]\n"
+ "[url=" + form.Chaine.value + "]Chaîne Youtube[/url]\n"
+ "[url=" + form.nautil.value + "]Lien Nautiljon[/url]</div>"
+ "\n\n</div></div>";
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.nom.value;
}
</script>
</head>
<body>
<div style="width: 400px;margin:auto; padding: 20px; background-color: #FFF; border: 3px double #eee;">
<div style="width: 400px; height: 250px; background-image: url(http://ww3.sinaimg.cn/mw1024/a6d581dejw1e76fllh6fwg20b406y4qr.gif);">
<div style="width: 420px; padding-top: 213px; padding-right: 30px;">
<div class="lyrics">KpopFans - Formulaire fiche de groupe masculin</div>
</div>
  </div><br/>
<fieldset class="fieldform">
<legend>Formulaire</legend>
<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="f" value="45" />
<input type="hidden" name="subject" value="" />
<font class="colorform">Nom du groupe:</font><br />
<input name="nom" id="nom" placeholder="Exemple: Exo (엑소)" type="text" size="45" /><br />
<font class="colorform">Lien d'une image du groupe (500x200px):</font><br />
<input name="image" id="image" placeholder="Exemple: http://serveur.image.jpg" type="text" size="45" /><br />
<font class="colorform">Date de création du groupe:</font><br />
<input name="date" id="date" placeholder="Exemple: 2009" type="text" /><br />
<font class="colorform">Statut du groupe:</font><br />
<select name="statut" id="statut">
<option value="En activité">En activité</option>
<option value="En pause">En pause</option>
<option value="Inactif">Inactif</option>
</select><br />
<font class="colorform">Label(s):</font><br />
<input name="bandlabel" id="bandlabel"  type="text" size="45" /><br />
<font class="colorform">Genre(s):</font><br />
<textarea rows="3" cols="40" name="genre" id="genre" placeholder="Ex: K-Pop, K-Rap, K-Rock, J-Pop, J-Rock..."></textarea><br />
<font class="colorform">Présentation du groupe: </font><br />
<textarea rows="10" name="groupprez" id="groupprez" placeholder="Présentez le parcours du groupe en quelques lignes.
Pour mettre un lien: [url]lien[/url] ; pour mettre une image: [img]lien[/img]" cols="40"></textarea><br />
<font class="colorform">Membres du groupe: </font><br />
<textarea rows="10" name="groupmember" id="groupmember" placeholder="Présentez les membres du groupe en quelques lignes.
Pour mettre un lien: [url]lien[/url] ; pour mettre une image: [img]lien[/img]" cols="40"></textarea><br />
<font class="colorform">Site officiel:</font><br />
<input name="site" id="site"  type="text" placeholder="lien direct" size="45" /><br />
<font class="colorform">Chaîne Youtube:</font><br />
<input name="Chaine" id="Chaine" placeholder="lien direct" type="text" size="45" /><br />
<font class="colorform">Lien Nautiljon:</font><br />
<input name="nautil" id="nautil" type="text" placeholder="lien direct" size="45" /><br />
<input value="Envoyer" type="submit" name="post" />
<p><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/bell-error-icon.png" />
<span style="font-size: 12px;">Si vous rencontrez un problème ou que vous avez tout simplement une question, n'hésitez pas à utiliser la section "<a href="http://kpop-fans.forumactif.org/f31-support-technique">Support technique</a>" ou à contacter un membre de l'équipe de KpopFans.</span></p>
</form>
</fieldset>
</div>
</body>
</html>

et le CSS de la fiche , à mettre dans le CSS du forum :

Code:
/* debut fiche de presentation des groupes */
/* cadre exterieur */

.bandprez{
  width:500px;
  margin:0 auto;
  background-color: #DEDDDD;
}

/* cadre image du groupe */

.bandtof{
  width:500px;
  height:200px;
  position:relative;
}

/* titre banderolle du groupe */

.bandtof div{
  width:500px;
  position:absolute;
  bottom:0;
  background:Black;
  z-index:1;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  text-align:center;
  font-family:Calibri;
  font-size:11px;
  text-transform:uppercase;
  line-height:16px;
  color:White;
}

/* style du contenu */

.bandcontent{
  padding:30px;
  text-align:justify;
  font-family:Calibri;
  font-size:11px;
  line-height:12px;
  color:#1D1D1D;
}

/* grands titres */

.bandtitle{
  text-align: center;
  font-family: Fjalla One;
  font-size: 24px;
  text-transform: uppercase;
  padding-top: 10px;
}
/* fin fiche de presentation des groupes */

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: [Question] Formulaire

Message par Heung-Min Hidem le Jeu 19 Juin 2014 - 17:05

Bonjour Scoubifitz,

Je vous remercie beaucoup pour votre aide et le temps passé, ainsi que Ea.

Ce formulaire modifié me satisfait, je vais bien le regardé pour comprendre mes erreurs.

Bonne journée.

Heung-Min Hidem
***

Messages : 177
Inscrit(e) le : 05/03/2012

http://www.kpopfans-france.com/
Heung-Min Hidem 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