Formulaire et générateur BBcode pour candidature

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

Résolu Formulaire et générateur BBcode pour candidature

Message par Maleskk le Ven 28 Déc 2012 - 22:02

Bonjour,

Alors j'ai un petit soucis.
J'aimerai créer un formulaire de candidature pour ma guilde qui une fois rempli génère le BBcode automatiquement pour le poster direct sur le forum.
Pour le moment j'en suis là et bloqué, le code ne se génère plus quand je veux intégrer plus de questions.


Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css"><!--
body { background-attachment:fixed; } label{ color:#FFFF00; text-align:center;  } .formulaire{ width:550px; margin-left:auto; margin-right:auto; text-align:center; border:3px solid black; background-color:rgba(0,0,0,0.7);}  textarea { background-color:#808080;} input,textarea { background-color:#808080;} -->
--></style><script type="text/javascript">// <![CDATA[
function collecte(form){  var prenom = form.prenom.value; var age = form.age.value; var activite = form.activite.value; var localisation = form.localisation.value; var pseudo = form.pseudo.value; var classe = form.classe.value; var race = form.race.value; var spe1 = form.spe1.value; var spe2 = form.spe2.value; var metier = form.metier.value; var lienarmu = form.lienarmu.value; var reroll = form.reroll.value; var anciennete = form.anciennete.value; var prio = form.prio.value; var source = form.source.value; var screen = form.screen.value; var addon = form.addon.value; var regles = form.regles.value; var phrase = "test"; var ok = true;  if(regles != phrase) { alert("!! Phrase erronée !!\n Veuillez lire les règles ..."); ok = false; }  if (ok){ var contenu = "[color=red][b]IRL[/b][/color]\n\n[color=#3366FF]Prénom : [/color]"+prenom+"\n[color=#3366FF]Âge : [/color]"+age+"\n[color=#3366FF]Activités (Travail, Sport, ...) : [/color]"+activite+"\n[color=#3366FF]Localisation : [/color]"+localisation+"\n\n[color=red][b]In-Game[/b][/color]\n\n[color=orange]Pseudo : [/color]"+pseudo+"\n[color=orange]Classe : [/color]"+classe+"\n[color=orange]Race (Pourquoi ce choix ?) : [/color]"+race+"\n[color=orange]Spécialisation principale : [/color]"+spe1+"\n[color=orange]Spécialisation secondaire : [/color]"+spe2+"\n[color=orange]Métiers (Pourquoi ce choix ?) : [/color]"+metier+"\n[color=orange]Lien vers l’armurerie : [/color]"+lienarmu+"\n[color=orange]Reroll (Si oui quels sont leurs utilités ?) : [/color]"+reroll+"\n[color=orange]Ancienneté dans le jeu : [/color]"+anciennete+"\n\n[color=red][b]Optimisation[/b][/color]\n\n[color=limegreen]Ordre de priorité des caractéristiques de vos 2 spécialisations : [/color]"+prio+"\n[color=limegreen]Vos sources pour vous optimiser (Sites, Forums, autres) : [/color]"+source+"\n[color=limegreen]Un screenshot de votre interface in-game : [/color]"+screen+"\n[color=limegreen]Addon : [/color]"+addon+"\n\n[color=red][b]Motivation[/b][/color]\n\n[color=teal]Avez-vous lu les chartes ? : [/color]\n[spoiler]"+regles+" [/spoiler]\n"; document.getElementById("code_genere").value = ""+contenu+""; } }
// ]]></script>
<div class="formulaire">
<form id="rempli" action="#" method="post">

<h2><span style="font-family: 'arial black', 'avant garde';">IRL</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Prénom :
<input type="text" maxlength="30" name="prenom" size="30" />

Âge :
<input type="text" maxlength="3" name="age" size="3" />

Activités (Travail, Sport, ...) :
<input type="text" maxlength="100" name="activite" size="30" />

Localisation :
<input type="text" maxlength="30" name="localisation" size="30" />
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">IN-GAME</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Pseudo :
<input type="text" maxlength="30" name="pseudo" size="30" />

Classe :
<input type="text" maxlength="30" name="classe" size="30" />

Race (Pourquoi ce choix ?) :
<textarea cols="60" name="race" rows="4"></textarea>

Spécialisation principale :
<input type="text" maxlength="30" name="spe1" size="30" />

Spécialisation secondaire :
<input type="text" maxlength="30" name="spe2" size="30" />

Métiers (Pourquoi ce choix ?) :
<textarea cols="60" name="metier" rows="4"></textarea>

Lien vers l’armurerie :
<input type="text" maxlength="300" name="lienarmu" size="30" />

Reroll (Si oui quels sont leurs utilités ?) :
<textarea cols="60" name="reroll" rows="4"></textarea>

Ancienneté dans le jeu :
<textarea cols="60" name="anciennete" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">OPTIMISATION</h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Ordre de priorité des caractéristiques de vos 2 spécialisations :
<textarea cols="60" name="prio" rows="4"></textarea>

Vos sources pour vous optimiser (Sites, Forums, autres) :
<textarea cols="60" name="source" rows="4"></textarea>

Screenshot de votre interface in-game (prendre le BBcode Image) :
<iframe src="http://pafteam.com/forum/sis/SISiframe.php" scrolling="auto" frameborder="0" width="500" height="240" allowtransparency="true"> You must have an iframe-compatable browser to view the ImageShack.us upload form.</iframe>
<input type="text" maxlength="300" name="screen" size="30" />

Addon :
<textarea cols="60" name="addon" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">MOTIVATION</h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Temps de jeu approximatif par semaine :
<textarea cols="60" name="time" rows="4"></textarea>

Comment avez-vous connu "Les Empafés" ?
<textarea cols="60" name="how" rows="4"></textarea>

Qu'attendez-vous d’une Guilde ? Que pourront nous faire pour vous ?
<textarea cols="60" name="attente" rows="4"></textarea>

Que pensez-vous apporter à une Guilde ? Quelle y sera votre étiquette (le râleur, le comique, la pipelette, le discret, le bout en train …) ?
<textarea cols="60" name="aide" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">EN OPTION</h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Quelle est votre parcours dans l’univers du MMORPG ?
<textarea cols="60" name="parcours" rows="4"></textarea>

Quelle est la chose que vous appréciez le plus dans un MMORPG ? Celle qui vous botte le moins ?
<textarea cols="60" name="mmorpg" rows="4"></textarea>

Esprit libre, exprimez vous !
<textarea cols="60" name="esprit" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">OBLIGATOIRE</h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Avez-vous lu les chartes ? :
<input type="text" maxlength="150" name="regles" size="40" />

<input onclick="collecte(this.form)" type="button" value="Génerer le code" />

</form><form id="copie"><span style="color: #ffff00;">Voici le code a copier (ctrl+c)/coller (ctrl+v) </span><input onclick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" type="button" value="Sélectionner le code" /><center><script type="text/javascript">// <![CDATA[
function CopyToClipboard() {    copiedTxt = document.selection.createRange();    copiedTxt.execCommand("Copy"); }
// ]]></script><textarea id="code_genere" cols="60" readonly="readonly" rows="20"></textarea></center><a href="http://pafteam.com/forum/index.php?board=59.0" target="_blank"><span style="color: #ffff00;"><span style="color: #ffff00;"><b><big>Retour sur le forum</big></b></span></span></a></form></div>
 

Voici les code que j'aimerai ajouter

Code:
var temps = form.temps.value; var how = form.how.value; var attente = form.attente.value; var aide = form.aide.value; var parcours = form.parcours.value; var mmorpg = form.mmorpg.value; var esprit = form.esprit.value;

et

Code:
[color=#FFCC33]Temps de jeu approximatif par semaine : [/color]"+temps+"\n[color=#FFCC33]Comment avez-vous connu "Les Empafés" ? [/color]"+how+"\n[color=#FFCC33]Qu'attendez-vous d’une Guilde ? Que pourront nous faire pour vous ? [/color]"+attente+"\n[color=#FFCC33]Que pensez-vous apporter à une Guilde ? Quelle y sera votre étiquette (le râleur, le comique, la pipelette, le discret, le bout en train …) [/color]"+aide+"\n\n[color=red][b]En option[/b][/color]\n\n[color=#6633FF]Quelle est votre parcours dans l’univers du MMORPG ? [/color]"+parcours+"\n[color=#6633FF]Quelle est la chose que vous appréciez le plus dans un MMORPG ? Celle qui vous botte le moins ? [/color]"+mmorpg+"\n[color=#6633FF]Esprit libre, exprimez vous ! [/color]"+esprit+"\n\n[color=red][b]Obligatoire[/b][/color]\n\n

mais une fois fait sa ne fonctionne plus.

D'ou ma question : Comment puis-je intégrer ses dernières questions au BBcode généré ?

Lien de ma page : ICI

Le réponse obligatoire est "test" pour générer le code.

Merci d'avance.[code]

Maleskk
Nouveau membre

Messages : 2
Inscrit(e) le : 28/12/2012

http://www.pafteam.com
Maleskk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire et générateur BBcode pour candidature

Message par Scoubifitz le Sam 29 Déc 2012 - 15:21

bonjour,

Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css"><!--
body { background-attachment:fixed; } label{ color:#FFFF00; text-align:center;  } .formulaire{ width:550px; margin-left:auto; margin-right:auto; text-align:center; border:3px solid black; background-color:rgba(0,0,0,0.7);}  textarea { background-color:#808080;} input,textarea { background-color:#808080;} -->
--></style><script type="text/javascript">// <![CDATA[
function collecte(form){  var prenom = form.prenom.value; var age = form.age.value; var activite = form.activite.value; var localisation = form.localisation.value; var pseudo = form.pseudo.value; var classe = form.classe.value; var race = form.race.value; var spe1 = form.spe1.value; var spe2 = form.spe2.value; var metier = form.metier.value; var lienarmu = form.lienarmu.value; var reroll = form.reroll.value; var anciennete = form.anciennete.value; var prio = form.prio.value; var source = form.source.value; var screen = form.screen.value; var addon = form.addon.value; var regles = form.regles.value;  var temps = form.temps.value; var how = form.how.value; var attente = form.attente.value; var aide = form.aide.value; var parcours = form.parcours.value; var mmorpg = form.mmorpg.value; var esprit = form.esprit.value; var phrase = "test"; var ok = true;  if(regles != phrase) { alert("!! Phrase erronée !!\n Veuillez lire les règles ..."); ok = false; }  if (ok){ var contenu = "[color=red][b]IRL[/b][/color]\n\n[color=#3366FF]Prénom : [/color]"+prenom+"\n[color=#3366FF]Âge : [/color]"+age+"\n[color=#3366FF]Activités (Travail, Sport, ...) : [/color]"+activite+"\n[color=#3366FF]Localisation : [/color]"+localisation+"\n\n[color=red][b]In-Game[/b][/color]\n\n[color=orange]Pseudo : [/color]"+pseudo+"\n[color=orange]Classe : [/color]"+classe+"\n[color=orange]Race (Pourquoi ce choix ?) : [/color]"+race+"\n[color=orange]Spécialisation principale : [/color]"+spe1+"\n[color=orange]Spécialisation secondaire : [/color]"+spe2+"\n[color=orange]Métiers (Pourquoi ce choix ?) : [/color]"+metier+"\n[color=orange]Lien vers l’armurerie : [/color]"+lienarmu+"\n[color=orange]Reroll (Si oui quels sont leurs utilités ?) : [/color]"+reroll+"\n[color=orange]Ancienneté dans le jeu : [/color]"+anciennete+"\n\n[color=red][b]Optimisation[/b][/color]\n\n[color=limegreen]Ordre de priorité des caractéristiques de vos 2 spécialisations : [/color]"+prio+"\n[color=limegreen]Vos sources pour vous optimiser (Sites, Forums, autres) : [/color]"+source+"\n[color=limegreen]Un screenshot de votre interface in-game : [/color]"+screen+"\n[color=limegreen]Addon : [/color]"+addon+"\n\n [color=red][b]Motivation[/b][/color]\n\n[color=teal]Avez-vous lu les chartes ? : [/color]\n[spoiler]"+regles+" [/spoiler]\n[color=#FFCC33]Temps de jeu approximatif par semaine : [/color]"+temps+"\n[color=#FFCC33]Comment avez-vous connu \"Les Empafés\" ? [/color]"+how+"\n[color=#FFCC33]Qu'attendez-vous d’une Guilde ? Que pourront nous faire pour vous ? [/color]"+attente+"\n[color=#FFCC33]Que pensez-vous apporter à une Guilde ? Quelle y sera votre étiquette (le râleur, le comique, la pipelette, le discret, le bout en train …) [/color]"+aide+"\n\n[color=red][b]En option[/b][/color]\n\n[color=#6633FF]Quelle est votre parcours dans l’univers du MMORPG ? [/color]"+parcours+"\n[color=#6633FF]Quelle est la chose que vous appréciez le plus dans un MMORPG ? Celle qui vous botte le moins ? [/color]"+mmorpg+"\n[color=#6633FF]Esprit libre, exprimez vous ! [/color]"+esprit+"\n\n[color=red][b]Obligatoire[/b][/color]\n\n"; document.getElementById("code_genere").value = ""+contenu+""; } }
// ]]></script>
<div class="formulaire">
<form id="rempli" action="#" method="post">

<h2><span style="font-family: 'arial black', 'avant garde';">IRL</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Prénom :
<input type="text" maxlength="30" name="prenom" size="30" />

Âge :
<input type="text" maxlength="3" name="age" size="3" />

Activités (Travail, Sport, ...) :
<input type="text" maxlength="100" name="activite" size="30" />

Localisation :
<input type="text" maxlength="30" name="localisation" size="30" />
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">IN-GAME</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Pseudo :
<input type="text" maxlength="30" name="pseudo" size="30" />

Classe :
<input type="text" maxlength="30" name="classe" size="30" />

Race (Pourquoi ce choix ?) :
<textarea cols="60" name="race" rows="4"></textarea>

Spécialisation principale :
<input type="text" maxlength="30" name="spe1" size="30" />

Spécialisation secondaire :
<input type="text" maxlength="30" name="spe2" size="30" />

Métiers (Pourquoi ce choix ?) :
<textarea cols="60" name="metier" rows="4"></textarea>

Lien vers l’armurerie :
<input type="text" maxlength="300" name="lienarmu" size="30" />

Reroll (Si oui quels sont leurs utilités ?) :
<textarea cols="60" name="reroll" rows="4"></textarea>

Ancienneté dans le jeu :
<textarea cols="60" name="anciennete" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">OPTIMISATION</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Ordre de priorité des caractéristiques de vos 2 spécialisations :
<textarea cols="60" name="prio" rows="4"></textarea>

Vos sources pour vous optimiser (Sites, Forums, autres) :
<textarea cols="60" name="source" rows="4"></textarea>

Screenshot de votre interface in-game (prendre le BBcode Image) :
<iframe src="http://pafteam.com/forum/sis/SISiframe.php" scrolling="auto" frameborder="0" width="500" height="240" allowtransparency="true"> You must have an iframe-compatable browser to view the ImageShack.us upload form.</iframe>
<input type="text" maxlength="300" name="screen" size="30" />

Addon :
<textarea cols="60" name="addon" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">MOTIVATION</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Temps de jeu approximatif par semaine :
<textarea cols="60" name="temps" rows="4"></textarea>

Comment avez-vous connu "Les Empafés" ?
<textarea cols="60" name="how" rows="4"></textarea>

Qu'attendez-vous d’une Guilde ? Que pourront nous faire pour vous ?
<textarea cols="60" name="attente" rows="4"></textarea>

Que pensez-vous apporter à une Guilde ? Quelle y sera votre étiquette (le râleur, le comique, la pipelette, le discret, le bout en train …) ?
<textarea cols="60" name="aide" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">EN OPTION</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Quelle est votre parcours dans l’univers du MMORPG ?
<textarea cols="60" name="parcours" rows="4"></textarea>

Quelle est la chose que vous appréciez le plus dans un MMORPG ? Celle qui vous botte le moins ?
<textarea cols="60" name="mmorpg" rows="4"></textarea>

Esprit libre, exprimez vous !
<textarea cols="60" name="esprit" rows="4"></textarea>
</span></h3>

<h2><span style="font-family: 'arial black', 'avant garde';">OBLIGATOIRE</span></h2>

<h3><span style="font-family: verdana, geneva; color: #ffffff;">
Avez-vous lu les chartes ? :
<input type="text" maxlength="150" name="regles" size="40" />

<input onclick="collecte(this.form)" type="button" value="Génerer le code" />
</span></h3>

</form><form id="copie"><span style="color: #ffff00;">Voici le code a copier (ctrl+c)/coller (ctrl+v) </span><input onclick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" type="button" value="Sélectionner le code" /><center><script type="text/javascript">// <![CDATA[
function CopyToClipboard() {    copiedTxt = document.selection.createRange();    copiedTxt.execCommand("Copy"); }
// ]]></script><textarea id="code_genere" cols="60" readonly="readonly" rows="20"></textarea></center><a href="http://pafteam.com/forum/index.php?board=59.0" target="_blank"><span style="color: #ffff00;"><span style="color: #ffff00;"><b><big>Retour sur le forum</big></b></span></span></a></form></div>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire et générateur BBcode pour candidature

Message par Maleskk le Sam 29 Déc 2012 - 15:34

Merci énormément !! C'est parfait cheers

Maleskk
Nouveau membre

Messages : 2
Inscrit(e) le : 28/12/2012

http://www.pafteam.com
Maleskk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire et générateur BBcode pour candidature

Message par Anzu le Dim 30 Déc 2012 - 1:05

Bonjour,

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


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

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu 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