Créer un formulaire qui génère un bbcode pour les candidatures

5 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Sam 31 Déc 2011 - 15:17

Bonjour,
je souhaiterai créer pour mon forum un formulaire, du type

  • Pseudo : <entrer un texte>
  • Âge : <entrer un texte>
  • Motivations : <entrer un texte>
  • Etc, etc.

où les membres écrivent leurs informations, puis quand ils ont fini, ils cliquent sur un bouton et ça génère un bbcode, genre :
Code:
[list][*][b]Pseudo :[/b] <ce qu'ils ont écrit>
[*][b]Âge :[/b] <ce qu'ils ont écrit>[/list]
Etc, etc.

et ils n'ont plus qu'à copier ce bbcode dans un nouveau sujet Mr. Green

Voilà j'espère que c'est clair, au pire demandez-moi des explication supplémentaires !

Ha et je dis quand même au cas où : si il existe un moyen, une fois le formulaire rempli, de cliquer sur un bouton pour poster directement le topic dans la bonne section, ça serait DIVIN *0*

Merci d'avance !


Dernière édition par Plumeex le Dim 15 Jan 2012 - 21:06, édité 1 fois
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Sam 31 Déc 2011 - 15:46

Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Sam 31 Déc 2011 - 18:30

Merci \o/
Je lis ça Smile

Bonne fêtes également !

EDIT : Tout ça me ramène à la création d'un formulaire... ce qui m'intéresse c'est la génération d'un bbcode une fois le formulaire rempli.
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Sam 31 Déc 2011 - 21:28

Ha et je dis quand même au cas où : si il existe un moyen, une fois le formulaire rempli, de cliquer sur un bouton pour poster directement le topic dans la bonne section, ça serait DIVIN *0*

vous avez donc un formulaire ?

et BBcode prêt à l'emploi ?

... et il vous manque juste le script pour générer ce code dans un champ de texte , ou d'envoyer les données du formulaire sur le forum ?

dans ce cas , merci de poster le formulaire et le BBcode ...

le codage du script étant très strict et rigoureux , on ne peut pas faire de "etc.."

deux exemples de formulaires qui génèrent un codage bien précis :

http://www.vous-etes-le-patron.net/h2-generateur-d-appel-d-offre

http://privateroom.forumperso.com/h1-rapport-de-combat

il existe aussi des dizaines de formulaires qui envoient directement les données dans les 135 résultats que je vous ai proposé précédemment !^^
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Dim 1 Jan 2012 - 17:14

Je n'ai pas fait de formulaire mais je sais comment en faire un en HTML.

Il me manque juste de quoi générer un BBcode avec ce qui a été inscrit dans le formulaire.

Je vous donne le BBcode que je souhaite générer :

Code:
[b]Prénom :[/b] *
[b]Âge :[/b] *
[b]Petite présentation :[/b] *
~~~~~~
[b]Pseudo Minecraft :[/b] *
[b]Depuis combien de temps jouez vous ? :[/b] *
[b]Vos points forts sur Minecraft :[/b] *
[b]Vos projets sur le serveur :[/b] *
[b]Comment avez-vous connu BoostCraft ? :[/b] *
[b]Avez-vous lu les règles ? :[/b] *

Vous l'aurez deviné, * correspond à ce que le membre à écrit dans les champs.

Dans les 135 résultats il y a ce qu'il faut pour faire un formulaire HTML et pour envoyer directement les données, mais je sais déjà faire le formulaire et j'ai laissé tombé l'idée pour y poster directement.
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Dim 1 Jan 2012 - 19:32

Plumeex a écrit:Je n'ai pas fait de formulaire mais je sais comment en faire un en HTML.

.../...

Vous l'aurez deviné, * correspond à ce que le membre à écrit dans les champs.

il me manque juste le nom des champs du formulaire pour faire le générateur ...

faites un formulaire , même basique , que je puisse assembler les 2 codes ...

Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Dreysr Lun 2 Jan 2012 - 20:32

Si je comprends bien l'idée, c'est que vous voulez mettre en place un formulaire de présentation ou candidature.

Le BBCode se "génère" dans le javascript dans le "traitement" du formulaire Wink Tout est parfaitement indiqué dans le tutoriel ici => https://forum.forumactif.com/t280246-formulaire#2492238
avatar

Dreysr
*

Messages : 37
Inscrit(e) le : 29/12/2011

http://www.ccis-ir.com
Dreysr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Lun 2 Jan 2012 - 20:46

bonjour Dreysr ,

le lien est déjà proposé dans un message plus haut!^^ What a Face

apparemment , la demande se porte plutôt sur un générateur ...

bon ... j'ai un peu de temps , j'en fais un vite fait ...
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Dreysr Lun 2 Jan 2012 - 21:00

Bonsoir Scoubifitz,

Dans ce cas, je ne vois pas du tout ce que c'est. Je regarderais quand vous aurez terminé afin que je découvre ce que c'est ^^
avatar

Dreysr
*

Messages : 37
Inscrit(e) le : 29/12/2011

http://www.ccis-ir.com
Dreysr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Lun 2 Jan 2012 - 21:45

ok ...

Testé et vérifié .

... à mettre dans une page HTML ...

il y a une alerte si la phrase des règles est fausse ,
il faut mettre la bonne phrase (pas très recherché , mais bon ...)

le code mettra la phrase en caché (hide) Clin d\'oeil

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Générateur de Présentation</title>
<style type="text/css">
<!--
body {
   width:550px;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   }
label{
   color:#6699ff;
   display: block;
   width: 270px;
   text-align:right;
   margin-right:10px;
   float: left;}
-->
</style>
<script type="text/javascript">
<!--
function collecte(form){

var prenom = form.prenom.value;
var age = form.age.value;
var presente = form.presente.value;
var pseudoM = form.pseudoM.value;
var time = form.time.value;
var ptsforts = form.ptsforts.value;
var projets = form.projets.value;
var forum = form.forum.value;
var regles = form.regles.value;
var phrase = "la bonne phrase";
var ok = true;

 if(regles != phrase) {
alert("▲ ▲ Phrase erronée ! ▲ ▲\n Veuillez lire les règles ...");
ok = false;
}

if (ok){
var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
document.getElementById("code_genere").value = ""+contenu+"";
}
}
-->
</script>
</head>
<body>
<div id="formulaire">
<h2>Générateur du Code de Présentation</h2>
<form action="#" method="post" id="rempli">
<label>Prénom : </label><input type="text" name="prenom" size="40" maxlength="30" /> <br />
<label>Âge : </label><input type="text" name="age" size="3" maxlength="3" /> <br />
<label>Petite présentation : </label><textarea name="presente" rows="4" cols="25"></textarea> <br />
<label>Pseudo Minecraft : </label><input type="text" name="pseudoM" size="40" maxlength="30" /> <br />
<label>Depuis combien de temps jouez vous ? : </label><input type="text" name="time" size="40" maxlength="70" /> <br />
<label>Vos points forts sur Minecraft : </label><textarea name="ptsforts" rows="4" cols="25"></textarea> <br />
<label>Vos projets sur le serveur : </label><textarea name="projets" rows="4" cols="25"></textarea><br />
<label>Comment avez-vous connu BoostCraft ? : </label><textarea name="forum" rows="4" cols="25"></textarea> <br />
<label>Avez-vous lu les règles ? : </label><input type="text" name="regles" size="40" maxlength="150" /> <br />
<br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
</form>

<form id="copie">
<p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="12" id="code_genere" readonly></textarea></center>
</form><br /><br /><span style="float:right;">©️ Scoubifitz</span>
</div>
</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Dim 8 Jan 2012 - 20:34

Bonjour !
Désolé je... j'avais oublié le topic ._.

Enfin bref.
Votre générateur est super mais... il défonce un peu ma page. La voici : http://www.serv-boostcraft.com/h1-generateur-de-presentation

Ça doit être à cause des widgets. Pouvez vous faire quelque chose ?
Et pourriez vous faire en sorte que les zones de saisies soient grises plutôt que blanches ?

Merci beaucoup cheers
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Censure Dim 8 Jan 2012 - 20:39

A mettre dans une page HTML
Le problème vient sans doute de la ^-^

Voila ce que cela donne sur une page Html: http://test-exode.forumgratuit.org/h1-generateur
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Dim 8 Jan 2012 - 20:54

Oui, ça fait cela si je coche "Non" à "Utiliser le haut et le bas de page de votre forum ?"

Mais j'aimerais les avoir, justement, mon haut et mon bas Confused
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Censure Dim 8 Jan 2012 - 21:01

Pour les zones de saisie:
Code:
        input {
        background-color:#DCDCDC;
        }
Et

Code:
      textarea {
      background-color:#DCDCDC;
      }

Oui, ça fait cela si je coche "Non" à "Utiliser le haut et le bas de page de votre forum ?"
Oui c'est bien ça.

Mais j'aimerais les avoir, justement, mon haut et mon bas
C'est pour une question d’esthétique? Je trouve que cela fait plus propres sans le haut et le bas du Fofo ^-^'


Dernière édition par Censure le Dim 8 Jan 2012 - 21:04, édité 1 fois
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Dim 8 Jan 2012 - 21:03

Merci !
Je les place où ? (j'y connais presque rien moi ^0^)
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Censure Dim 8 Jan 2012 - 21:06

Ci-dessous le code modifier, vous n'avez plus qu'a le copier.
Pour créer une page Html :
Arrow PA
Arrow Modules
Arrow Gestion des pages HTML
Ajout Créer une nouvelles page HTML

Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Générateur de Présentation</title>
        <style type="text/css">
        <!--
        body {
          width:550px;
          margin-left:auto;
          margin-right:auto;
          text-align:center;
          }
        label{
          color:#6699ff;
          display: block;
          width: 270px;
          text-align:right;
          margin-right:10px;
          float: left;}

          input {
          background-color:#DCDCDC;}

          textarea {
          background-color:#DCDCDC;}
        -->
        </style>
        <script type="text/javascript">
        <!--
        function collecte(form){
       
        var prenom = form.prenom.value;
        var age = form.age.value;
        var presente = form.presente.value;
        var pseudoM = form.pseudoM.value;
        var time = form.time.value;
        var ptsforts = form.ptsforts.value;
        var projets = form.projets.value;
        var forum = form.forum.value;
        var regles = form.regles.value;
        var phrase = "la bonne phrase";
        var ok = true;
       
        if(regles != phrase) {
        alert("▲ ▲ Phrase erronée ! ▲ ▲\n Veuillez lire les règles ...");
        ok = false;
        }
       
        if (ok){
        var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
        document.getElementById("code_genere").value = ""+contenu+"";
        }
        }
        -->
        </script>
        </head>
        <body>
        <div id="formulaire">
        <h2>Générateur du Code de Présentation</h2>
        <form action="#" method="post" id="rempli">
        <label>Prénom : </label><input type="text" name="prenom" size="40" maxlength="30" /> <br />
        <label>Âge : </label><input type="text" name="age" size="3" maxlength="3" /> <br />
        <label>Petite présentation : </label><textarea name="presente" rows="4" cols="25"></textarea> <br />
        <label>Pseudo Minecraft : </label><input type="text" name="pseudoM" size="40" maxlength="30" /> <br />
        <label>Depuis combien de temps jouez vous ? : </label><input type="text" name="time" size="40" maxlength="70" /> <br />
        <label>Vos points forts sur Minecraft : </label><textarea name="ptsforts" rows="4" cols="25"></textarea> <br />
        <label>Vos projets sur le serveur : </label><textarea name="projets" rows="4" cols="25"></textarea><br />
        <label>Comment avez-vous connu BoostCraft ? : </label><textarea name="forum" rows="4" cols="25"></textarea> <br />
        <label>Avez-vous lu les règles ? : </label><input type="text" name="regles" size="40" maxlength="150" /> <br />
        <br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
        </form>
       
        <form id="copie">
        <p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
        <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea></center>
        </form><br /><br /><span style="float:right;">©️ Scoubifitz</span>
        </div>
        </body>
        </html>

Pour modifier le titre en haut "Générateur du Code de Présentation" (couleur, taille ..):
Code:

        h2{
            color:#B9121B;
            font-family:"trebuchet ms",sans-serif;
            font-size:90%;}
Pour le fond du fomulaire:
Code:
      form {
      background-color:#fff; }
Pour changer la couleur de "Voici le code à copier" :
Code:
      p{
            color:#B9121B;}
Pour vérifier si les lecteurs on bien lu les règles et trouver le mot/phrase à mettre. Pour y changer ça se trouve ici:
Code:
        var phrase = "la bonne phrase";

Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Dim 8 Jan 2012 - 22:01

bonsoir,

STOP ! temps mort ...

le code donné au départ est pour une page HTML complète , sans le haut et bas du forum ...

si vous utilisez le haut et bas du forum , il faut enlever l'entête et le CSS pour le body ...

voilà le code avec haut et bas de forum :

Code:
<style type="text/css">
        <!--
        label{
          color:#6699ff;
          display: block;
          width: 270px;
          text-align:right;
          margin-right:10px;
          float: left;}
        -->
        </style>
        <script type="text/javascript">
        function collecte(form){
       
        var prenom = form.prenom.value;
        var age = form.age.value;
        var presente = form.presente.value;
        var pseudoM = form.pseudoM.value;
        var time = form.time.value;
        var ptsforts = form.ptsforts.value;
        var projets = form.projets.value;
        var forum = form.forum.value;
        var regles = form.regles.value;
        var phrase = "la bonne phrase";
        var ok = true;
       
        if(regles != phrase) {
        alert("▲ ▲ Phrase erronée ! ▲ ▲\n Veuillez lire les règles ...");
        ok = false;
        }
       
        if (ok){
        var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
        document.getElementById("code_genere").value = ""+contenu+"";
        }
        }
        </script>
        <div id="formulaire">
        <h2>Générateur du Code de Présentation</h2>
        <form action="#" method="post" id="rempli">
        <label>Prénom : </label><input type="text" name="prenom" size="40" maxlength="30" /> <br />
        <label>Âge : </label><input type="text" name="age" size="3" maxlength="3" /> <br />
        <label>Petite présentation : </label><textarea name="presente" rows="4" cols="25"></textarea> <br />
        <label>Pseudo Minecraft : </label><input type="text" name="pseudoM" size="40" maxlength="30" /> <br />
        <label>Depuis combien de temps jouez vous ? : </label><input type="text" name="time" size="40" maxlength="70" /> <br />
        <label>Vos points forts sur Minecraft : </label><textarea name="ptsforts" rows="4" cols="25"></textarea> <br />
        <label>Vos projets sur le serveur : </label><textarea name="projets" rows="4" cols="25"></textarea><br />
        <label>Comment avez-vous connu BoostCraft ? : </label><textarea name="forum" rows="4" cols="25"></textarea> <br />
        <label>Avez-vous lu les règles ? : </label><input type="text" name="regles" size="40" maxlength="150" /> <br />
        <br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
        </form>
       
        <form id="copie">
        <p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
        <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea></center>
        </form><br /><br /><span style="float:right;">© Scoubifitz</span>
        </div>
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 Jeu 12 Jan 2012 - 23:39

Bonjour, j'ai bricolé ce qui me plais avec votre création, néant moins la j'ai un pti probleme :s quand je veux générer le code il ne fonctionne pas (je ne trouve pas l'erreur :s)

voici le code :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>G&#233n&#233rateur de mise en forme de coordonnées</title>
        <style type="text/css">
        <!--
        body {
          width:550px;
          margin-left:auto;
          margin-right:auto;
          text-align:center;
          }
        label{
          color:#000;
          display: block;
          width: 270px;
          margin-right:-60px;
          text-align:right;
          float: left;}
h2{
          color:#000;
          }

        #formulaire{
          background-color:#A5A6A6;
border: 1px solid #000 !important;   
padding: 10px !important;
border-radius: 5px 5px 5px 5px !important;
          }
        -->
        </style>
        <script type="text/javascript">
        <!--
        function collecte(form){
       
        var g1 = form.g1.value;
   var g2 = form.g2.value;
   var g3 = form.g3.value;
   var g4 = form.g4.value;
   var g5 = form.g5.value;
   var g6 = form.g6.value;
   var g7 = form.g7.value;
   var g8 = form.g8.value;
   var g9 = form.g9.value;      
   var s1 = form.s1.value;
   var s2 = form.s2.value;
   var s3 = form.s3.value;
   var s4 = form.s4.value;
   var s5 = form.s5.value;
   var s6 = form.s6.value;
   var s7 = form.s7.value;
   var s8 = form.s8.value;
   var s9 = form.s9.value;      
   var p1 = form.p1.value;
   var p2 = form.p2.value;
   var p3 = form.p3.value;
   var p4 = form.p4.value;
   var p5 = form.p5.value;
   var p6 = form.p6.value;
   var p7 = form.p7.value;
   var p8 = form.p8.value;
   var p9 = form.p9.value;
   var nom = form.nom.value;
        var alli = form.alli.value;
        var arme = form.arme.value;
        var bouc = form.bouc.value;
        var combu = form.combu.value;
        var impu = form.impu.value;
        var prop = form.prop.value;
        var protec = form.protec.value;   
        var regles = form.regles.value;
        var phrase = "oui";
        var ok = true;
     
        if(regles != phrase) {
        alert("bah faut finir ou dire que l'on a fini si tu veux poster XD");
        ok = false;
        }
     
        if (ok){
        var contenu = "[font=Courier New][b]Coordonnees de [color=orange]"+nom+"[/color] [color=red]["+alli+"][/color], le [color=orange]"+date+"[/color][b]\n\n[size=16][b]Technologies[/b][/size]\nArme : "+arme+" - Bouclier : "+bouc+" - Protection : "+protec+"\nCombustion : "+combu+" - Impulsion : "+impu+" - Hyperespace : "+prop+"\n\n[size=16][b]Coordonnees[/b][/size]\nPlanete 1 : [color=blue]"+g1+"."+s1+"."+p1+"[/color]\nPlanete 2 : [color=blue]"+g2+"."+s2+"."+p2+"[/color]\nPlanete 3 : [color=blue]"+g3+"."+s3+"."+p3+"[/color]\nPlanete 4 : [color=blue]"+g4+"."+s4+"."+p4+"[/color]\nPlanete 5 : [color=blue]"+g5+"."+s5+"."+p5+"[/color]\nPlanete 6 : [color=blue]"+g6+"."+s6+"."+p6+"[/color]\nPlanete 7 : [color=blue]"+g7+"."+s7+"."+p7+"[/color]\nPlanete 8 : [color=blue]"+g8+"."+s8+"."+p8+"[/color]\nPlanete 9 : [color=blue]"+g9+"."+s9+"."+p9+"[/color][/font]";
        document.getElementById("code_genere").value = ""+contenu+"";
        }
        }
        -->
        </script>
        </head>

        <body>
        <div id="formulaire">
        <h2>G&#233n&#233rateur de mise en forme de coordonnées</h2>
        <form action="#" method="post" id="rempli">
        <label>Date (entiere) : </label><input type="text" name="date" size="20" maxlength="30" /> <br />
        <label>Pseudo : </label><input type="text" name="nom" size="20" maxlength="30" /> <br />
        <label>Alliance : </label><input type="text" name="alli" size="20" maxlength="30" /> <br />
<br />
        <span style="font-size:12px">Arme</span><input type="text" name="arme" size="1" maxlength="2" />
        <span style="font-size:12px">Bouclier</span><input type="text" name="bouc" size="1" maxlength="2" />
        <span style="font-size:12px">Protection</span><input type="text" name="protec" size="1" maxlength="2" /> <br />
        <span style="font-size:12px">Combustion</span><input type="text" name="combu" size="1" maxlength="2" />
        <span style="font-size:12px">Impulsion</span><input type="text" name="impu" size="1" maxlength="2" />
        <span style="font-size:12px">Hyperespace</span><input type="text" name="prop" size="1" maxlength="2" /> <br />
<br />
        <span style="font-size:14px">Planete 1</span>
        <input type="text" name="g1" size="1" maxlength="1" />
        <input type="text" name="s1" size="1" maxlength="3" />
        <input type="text" name="p1" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 2</span>
        <input type="text" name="g2" size="1" maxlength="1" />
        <input type="text" name="s2" size="1" maxlength="3" />
        <input type="text" name="p2" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 3</span>
        <input type="text" name="g3" size="1" maxlength="1" />
        <input type="text" name="s3" size="1" maxlength="3" />
        <input type="text" name="p3" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 4</span>
        <input type="text" name="g4" size="1" maxlength="1" />
        <input type="text" name="s4" size="1" maxlength="3" />
        <input type="text" name="p4" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 5</span>
        <input type="text" name="g5" size="1" maxlength="1" />
        <input type="text" name="s5" size="1" maxlength="3" />
        <input type="text" name="p5" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 6</span>
        <input type="text" name="g6" size="1" maxlength="1" />
        <input type="text" name="s6" size="1" maxlength="3" />
        <input type="text" name="p6" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 7</span>
        <input type="text" name="g7" size="1" maxlength="1" />
        <input type="text" name="s7" size="1" maxlength="3" />
        <input type="text" name="p7" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 8</span>
        <input type="text" name="g8" size="1" maxlength="1" />
        <input type="text" name="s8" size="1" maxlength="3" />
        <input type="text" name="p8" size="1" maxlength="2" />
<br />
        <span style="font-size:14px">Planete 9</span>
        <input type="text" name="g9" size="1" maxlength="1" />
        <input type="text" name="s9" size="1" maxlength="3" />
        <input type="text" name="p9" size="1" maxlength="2" />

      <br />
      <br />
        <span style="font-size:14px">Avez-vous fini ? (oui/non) : </span> <input type="text" name="regles" size="1" maxlength="3" /> <br />
<span style="color:black;font-size:9px">Mettez un point pour s&#233parer les millions et milliers</span><br />
        <br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
        </form>

       
        <form id="copie">
        <p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
        <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea></center>
        <br /><span style="float:right;font-size: 12px;">© silas</span></form><br />
        </div>
        </body>
        </html>

j'aimerai aussi ne pas etre obliger de répondre a la question pour pouvoir générer le bbcode si possible.

merci de votre aide précieuse
avatar

silas88
*

Masculin
Messages : 37
Inscrit(e) le : 04/04/2010

http://s4-rnc.forumactif.com/forum
silas88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Ven 13 Jan 2012 - 7:30

bonjour,

content que ça vous intéresse ! ^^

un oubli de date ...

le code avec la suppression de la phrase :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Générateur de mise en forme de coordonnées</title>
<style type="text/css">
<!--
body {
width:650px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
label{
color:#000;
display: block;
width: 270px;
margin-right:-60px;
text-align:right;
float: left;}
h2{
color:#000;
}

#formulaire{
background-color:#A5A6A6;
border: 1px solid #000 !important; 
padding: 10px !important;
border-radius: 5px 5px 5px 5px !important;
}
-->
</style>
<script type="text/javascript">
function collecte(form){

var g1 = form.g1.value;
var g2 = form.g2.value;
var g3 = form.g3.value;
var g4 = form.g4.value;
var g5 = form.g5.value;
var g6 = form.g6.value;
var g7 = form.g7.value;
var g8 = form.g8.value;
var g9 = form.g9.value;     
var s1 = form.s1.value;
var s2 = form.s2.value;
var s3 = form.s3.value;
var s4 = form.s4.value;
var s5 = form.s5.value;
var s6 = form.s6.value;
var s7 = form.s7.value;
var s8 = form.s8.value;
var s9 = form.s9.value;     
var p1 = form.p1.value;
var p2 = form.p2.value;
var p3 = form.p3.value;
var p4 = form.p4.value;
var p5 = form.p5.value;
var p6 = form.p6.value;
var p7 = form.p7.value;
var p8 = form.p8.value;
var p9 = form.p9.value;
var nom = form.nom.value;
var date = form.date.value;
var alli = form.alli.value;
var arme = form.arme.value;
var bouc = form.bouc.value;
var combu = form.combu.value;
var impu = form.impu.value;
var prop = form.prop.value;
var protec = form.protec.value;
var ok = true;

if (ok){
var contenu = "[font=Courier New][b]Coordonnees de [color=orange]"+nom+"[/color] [color=red]["+alli+"][/color], le [color=orange]"+date+"[/color]\n\n[size=16][b]Technologies[/b][/size]\nArme : "+arme+" - Bouclier : "+bouc+" - Protection : "+protec+"\nCombustion : "+combu+" - Impulsion : "+impu+" - Hyperespace : "+prop+"\n\n[size=16][b]Coordonnees[/b][/size]\nPlanete 1 : [color=blue]"+g1+"."+s1+"."+p1+"[/color]\nPlanete 2 : [color=blue]"+g2+"."+s2+"."+p2+"[/color]\nPlanete 3 : [color=blue]"+g3+"."+s3+"."+p3+"[/color]\nPlanete 4 : [color=blue]"+g4+"."+s4+"."+p4+"[/color]\nPlanete 5 : [color=blue]"+g5+"."+s5+"."+p5+"[/color]\nPlanete 6 : [color=blue]"+g6+"."+s6+"."+p6+"[/color]\nPlanete 7 : [color=blue]"+g7+"."+s7+"."+p7+"[/color]\nPlanete 8 : [color=blue]"+g8+"."+s8+"."+p8+"[/color]\nPlanete 9 : [color=blue]"+g9+"."+s9+"."+p9+"[/color][/font]";
document.getElementById("code_genere").value = ""+contenu+"";
}
}
</script>
</head>
<body>
<div id="formulaire">
<h2>Générateur de mise en forme de coordonnées</h2>
<form action="#" method="post" id="rempli">
<label>Date (entiere) : </label><input type="text" name="date" size="20" maxlength="30" /> <br />
<label>Pseudo : </label><input type="text" name="nom" size="20" maxlength="30" /> <br />
<label>Alliance : </label><input type="text" name="alli" size="20" maxlength="30" /> <br />
<br />
<span style="font-size:12px">Arme </span><input type="text" name="arme" size="1" maxlength="2" />
<span style="font-size:12px">Bouclier </span><input type="text" name="bouc" size="1" maxlength="2" />
<span style="font-size:12px">Protection </span><input type="text" name="protec" size="1" maxlength="2" /> <br />
<span style="font-size:12px">Combustion </span><input type="text" name="combu" size="1" maxlength="2" />
<span style="font-size:12px">Impulsion </span><input type="text" name="impu" size="1" maxlength="2" />
<span style="font-size:12px">Hyperespace </span><input type="text" name="prop" size="1" maxlength="2" /> <br />
<br />
<span style="font-size:14px">Planete 1</span>
<input type="text" name="g1" size="1" maxlength="1" />
<input type="text" name="s1" size="1" maxlength="3" />
<input type="text" name="p1" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 2</span>
<input type="text" name="g2" size="1" maxlength="1" />
<input type="text" name="s2" size="1" maxlength="3" />
<input type="text" name="p2" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 3</span>
<input type="text" name="g3" size="1" maxlength="1" />
<input type="text" name="s3" size="1" maxlength="3" />
<input type="text" name="p3" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 4</span>
<input type="text" name="g4" size="1" maxlength="1" />
<input type="text" name="s4" size="1" maxlength="3" />
<input type="text" name="p4" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 5</span>
<input type="text" name="g5" size="1" maxlength="1" />
<input type="text" name="s5" size="1" maxlength="3" />
<input type="text" name="p5" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 6</span>
<input type="text" name="g6" size="1" maxlength="1" />
<input type="text" name="s6" size="1" maxlength="3" />
<input type="text" name="p6" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 7</span>
<input type="text" name="g7" size="1" maxlength="1" />
<input type="text" name="s7" size="1" maxlength="3" />
<input type="text" name="p7" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 8</span>
<input type="text" name="g8" size="1" maxlength="1" />
<input type="text" name="s8" size="1" maxlength="3" />
<input type="text" name="p8" size="1" maxlength="2" />
<br />
<span style="font-size:14px">Planete 9</span>
<input type="text" name="g9" size="1" maxlength="1" />
<input type="text" name="s9" size="1" maxlength="3" />
<input type="text" name="p9" size="1" maxlength="2" />
<br />
<br />
<span style="color:black;font-size:9px">Mettez un point pour séparer les millions et milliers</span><br />
<br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
</form>


<form id="copie">
<p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="17" id="code_genere" readonly></textarea></center>
<br /><span style="float:right;font-size: 12px;">© Silas</span></form><br />
</div>
</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 Ven 13 Jan 2012 - 8:50

>_<" jdevais vraiment avoir la tete dans la lune... x)

merci beaucoup de ton aide !! tu n'aurai pas un bout de code pour pré-remplir certaine case (dans le mien j'ai des chiffres et j'aimerai qu'il y ai un 0 de base) ?


si non oui le générateur de bbcode m’intéresse pas mal, souvent pratique et puis perso j'apprends des truc x)
avatar

silas88
*

Masculin
Messages : 37
Inscrit(e) le : 04/04/2010

http://s4-rnc.forumactif.com/forum
silas88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Ven 13 Jan 2012 - 15:15

bonjour,

une "value" pour pré-remplir une case ... Pc

comme je ne savais pas quelles cases devaient être pré-remplies ,
j'ai mis toutes celles qui contiennent un nombre What a Face :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Générateur de mise en forme de coordonnées</title>
<style type="text/css">
<!--
body {
width:650px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
label{
color:#000;
display: block;
width: 270px;
margin-right:-60px;
text-align:right;
float: left;}
h2{
color:#000;
}

#formulaire{
background-color:#A5A6A6;
border: 1px solid #000 !important;
padding: 10px !important;
border-radius: 5px 5px 5px 5px !important;
}
-->
</style>
<script type="text/javascript">
function collecte(form){

var g1 = form.g1.value;
var g2 = form.g2.value;
var g3 = form.g3.value;
var g4 = form.g4.value;
var g5 = form.g5.value;
var g6 = form.g6.value;
var g7 = form.g7.value;
var g8 = form.g8.value;
var g9 = form.g9.value;   
var s1 = form.s1.value;
var s2 = form.s2.value;
var s3 = form.s3.value;
var s4 = form.s4.value;
var s5 = form.s5.value;
var s6 = form.s6.value;
var s7 = form.s7.value;
var s8 = form.s8.value;
var s9 = form.s9.value;   
var p1 = form.p1.value;
var p2 = form.p2.value;
var p3 = form.p3.value;
var p4 = form.p4.value;
var p5 = form.p5.value;
var p6 = form.p6.value;
var p7 = form.p7.value;
var p8 = form.p8.value;
var p9 = form.p9.value;
var nom = form.nom.value;
var date = form.date.value;
var alli = form.alli.value;
var arme = form.arme.value;
var bouc = form.bouc.value;
var combu = form.combu.value;
var impu = form.impu.value;
var prop = form.prop.value;
var protec = form.protec.value;
var ok = true;

if (ok){
var contenu = "[font=Courier New][b]Coordonnees de [color=orange]"+nom+"[/color] [color=red]["+alli+"][/color], le [color=orange]"+date+"[/color]\n\n[size=16][b]Technologies[/b][/size]\nArme : "+arme+" - Bouclier : "+bouc+" - Protection : "+protec+"\nCombustion : "+combu+" - Impulsion : "+impu+" - Hyperespace : "+prop+"\n\n[size=16][b]Coordonnees[/b][/size]\nPlanete 1 : [color=blue]"+g1+"."+s1+"."+p1+"[/color]\nPlanete 2 : [color=blue]"+g2+"."+s2+"."+p2+"[/color]\nPlanete 3 : [color=blue]"+g3+"."+s3+"."+p3+"[/color]\nPlanete 4 : [color=blue]"+g4+"."+s4+"."+p4+"[/color]\nPlanete 5 : [color=blue]"+g5+"."+s5+"."+p5+"[/color]\nPlanete 6 : [color=blue]"+g6+"."+s6+"."+p6+"[/color]\nPlanete 7 : [color=blue]"+g7+"."+s7+"."+p7+"[/color]\nPlanete 8 : [color=blue]"+g8+"."+s8+"."+p8+"[/color]\nPlanete 9 : [color=blue]"+g9+"."+s9+"."+p9+"[/color][/font]";
document.getElementById("code_genere").value = ""+contenu+"";
}
}
</script>
</head>
<body>
<div id="formulaire">
<h2>Générateur de mise en forme de coordonnées</h2>
<form action="#" method="post" id="rempli">
<label>Date (entiere) : </label><input type="text" name="date" size="20" maxlength="30" /> <br />
<label>Pseudo : </label><input type="text" name="nom" size="20" maxlength="30" /> <br />
<label>Alliance : </label><input type="text" name="alli" size="20" maxlength="30" /> <br />
<br />
<span style="font-size:12px">Arme </span><input type="text" name="arme" size="1" maxlength="2" value="00" />
<span style="font-size:12px">Bouclier </span><input type="text" name="bouc" size="1" maxlength="2" value="00" />
<span style="font-size:12px">Protection </span><input type="text" name="protec" size="1" maxlength="2" value="00" /> <br />
<span style="font-size:12px">Combustion </span><input type="text" name="combu" size="1" maxlength="2" value="00" />
<span style="font-size:12px">Impulsion </span><input type="text" name="impu" size="1" maxlength="2" value="00" />
<span style="font-size:12px">Hyperespace </span><input type="text" name="prop" size="1" maxlength="2" value="00" /> <br />
<br />
<span style="font-size:14px">Planete 1</span>
<input type="text" name="g1" size="1" maxlength="1" value="0" />
<input type="text" name="s1" size="1" maxlength="3" value="000" />
<input type="text" name="p1" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 2</span>
<input type="text" name="g2" size="1" maxlength="1" value="0" />
<input type="text" name="s2" size="1" maxlength="3" value="000" />
<input type="text" name="p2" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 3</span>
<input type="text" name="g3" size="1" maxlength="1" value="0" />
<input type="text" name="s3" size="1" maxlength="3" value="000" />
<input type="text" name="p3" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 4</span>
<input type="text" name="g4" size="1" maxlength="1" value="0" />
<input type="text" name="s4" size="1" maxlength="3" value="000" />
<input type="text" name="p4" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 5</span>
<input type="text" name="g5" size="1" maxlength="1" value="0" />
<input type="text" name="s5" size="1" maxlength="3" value="000" />
<input type="text" name="p5" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 6</span>
<input type="text" name="g6" size="1" maxlength="1" value="0" />
<input type="text" name="s6" size="1" maxlength="3" value="000" />
<input type="text" name="p6" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 7</span>
<input type="text" name="g7" size="1" maxlength="1" value="0" />
<input type="text" name="s7" size="1" maxlength="3" value="000" />
<input type="text" name="p7" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 8</span>
<input type="text" name="g8" size="1" maxlength="1" value="0" />
<input type="text" name="s8" size="1" maxlength="3" value="000" />
<input type="text" name="p8" size="1" maxlength="2" value="00" />
<br />
<span style="font-size:14px">Planete 9</span>
<input type="text" name="g9" size="1" maxlength="1" value="0" />
<input type="text" name="s9" size="1" maxlength="3" value="000" />
<input type="text" name="p9" size="1" maxlength="2" value="00" />
<br />
<br /><input type="button" onClick="collecte(this.form)" value="Generer le code" />
</form>


<form id="copie">
<p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="17" id="code_genere" readonly></textarea></center>
<br /><span style="float:right;font-size: 12px;">©️ Silas</span></form><br />
</div>
</body>
</html>

Hi
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 Ven 13 Jan 2012 - 22:15

merci beaucoup, je vais te contacter en pv pour d'autre demande plus précise et je pense plus compliqué ^^" plein d'idée me viennent en tete x)
avatar

silas88
*

Masculin
Messages : 37
Inscrit(e) le : 04/04/2010

http://s4-rnc.forumactif.com/forum
silas88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Ven 13 Jan 2012 - 22:46

Je préfère proposer mon aide sur le Forum de Forums , plutôt que par Messagerie privée ...

- parce que l'éditeur de messagerie privée bugge ,
- parce que cette aide doit profiter au plus grand nombre .

La plus belle démonstration en est que , sans ce sujet , tu chercherais encore un générateur ! Siffleur

Je reste tout de même à l'écoute sur les problèmes que tu pourrais rencontrer dans tes futurs codages ...

... en ouvrant ton propre sujet , cela va de soi ... Clin d\'oeil
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 Sam 14 Jan 2012 - 0:02

oki doki. bon jvais faire qqch qui reste dans les clou de ce genre de générateur x)

------------------------------

1) j'avais penser a pouvoir, dans l'export, faire de la mise en page automatique de chiffre. je veux dire par la que la personne rentre 1000 ou 1 000 et que sur l'export ça marque 1.000

-----------------------------

2) ensuite je pense que c'est possible, ce serai de pouvoir additionner les chiffres dans les différentes case. je vais faire un exemple concret avec ce que j'ai fait pour ma team ogamienne :

lien du générateur : lien
export présent :
Mise a jour de la flotte de xxx [xxx] le xxx

Technologies
Arme : 0 - Bouclier : 0 - Protection : 0
Combustion : 0 - Impulsion : 0 - Hyperespace : 0

Vaisseaux civils
Petit transporteur : 10
Grand transporteur : 10
Recycleur : 10

Vaisseaux de combats
Chasseur leger : 0
Chasseur lourd : 10
Croiseur : 0
Vaisseau de bataille : 10
Bombardier : 10
Destructeur : 0
EDLM : 5
Traqueur : 20

le principe serai de calculer le cumul du nombre d'unité (je me démerderais pour faire avec les valeurs de chaque vsx vue que je tiens a apprendre a faire aussi)

-------------------------------------

en tout cas grand merci Smile
avatar

silas88
*

Masculin
Messages : 37
Inscrit(e) le : 04/04/2010

http://s4-rnc.forumactif.com/forum
silas88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Sam 14 Jan 2012 - 12:26

Bonjour !
J'ai un peu personnalisé la page, j'ai mis un fond, changé la couleur du texte...

Le voici
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Générateur de Candidature</title>
        <link rel="shortcut icon" type="image/png" href="http://s3.noelshack.com/old/up/iceone_transpa-d0ee156684.png" />
        <style type="text/css">
        <!--
        body {
          width:550px;
          margin-left:auto;
          margin-right:auto;
          text-align:center;
          }
        label{
          color:#FFFF00;
          display: block;
          width: 270px;
          text-align:right;
          margin-right:10px;
          float: left;}
 
          input {
          background-color:#828282;}
 
          textarea {
          background-color:#828282;}
        -->
        </style>
        <script type="text/javascript">
        <!--
        function collecte(form){
     
        var prenom = form.prenom.value;
        var age = form.age.value;
        var presente = form.presente.value;
        var pseudoM = form.pseudoM.value;
        var time = form.time.value;
        var ptsforts = form.ptsforts.value;
        var projets = form.projets.value;
        var forum = form.forum.value;
        var regles = form.regles.value;
        var phrase = "Les blocs de lapis, c'est bien, mais les blocs de redstone, c'est mieux !";
        var ok = true;
     
        if(regles != phrase) {
        alert("!! Phrase erronée !!\n Veuillez lire les règles ...");
        ok = false;
        }
     
        if (ok){
        var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
        document.getElementById("code_genere").value = ""+contenu+"";
        }
        }
        -->
        </script>
        </head>
        <body>
        <BODY BACKGROUND="http://i40.servimg.com/u/f40/16/10/90/60/fond16.png">
        <div id="formulaire">
        <h2><FONT COLOR="#FFFF00">Générateur de Candidature</color></h2>
        <form action="#" method="post" id="rempli">
        <label>Prénom : </label><input type="text" name="prenom" size="40" maxlength="30" /> <br />
        <label>Âge : </label><input type="text" name="age" size="3" maxlength="3" /> <br />
        <label>Petite présentation : </label><textarea name="presente" rows="4" cols="25"></textarea> <br />
        <label>Pseudo Minecraft : </label><input type="text" name="pseudoM" size="40" maxlength="30" /> <br />
        <label>Depuis combien de temps jouez vous ? : </label><input type="text" name="time" size="40" maxlength="70" /> <br />
        <label>Vos points forts sur Minecraft : </label><textarea name="ptsforts" rows="4" cols="25"></textarea> <br />
        <label>Vos projets sur le serveur : </label><textarea name="projets" rows="4" cols="25"></textarea><br />
        <label>Comment avez-vous connu BoostCraft ? : </label><textarea name="forum" rows="4" cols="25"></textarea> <br />
        <label>Avez-vous lu les règles ? : </label><input type="text" name="regles" size="40" maxlength="150" /> <br />
        <br /><input type="button" onClick="collecte(this.form)" value="Génerer le code" />
        </form>
     
        <form id="copie">
        <p><FONT COLOR="#FFFF00">Voici le code a copier/coller </font><input type="button" value="Sélectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
        <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea><br></br>
<a href="http://www.serv-boostcraft.com/forum" target="_blank"><u><FONT COLOR="#FFFF00"><b><big>Retour sur le site</big></b></color></u></a></center>
        </form><br /><br /><span style="float:right;"><FONT COLOR="#FFFF00"><i>@ Scoubifitz</i></font></span>
        </div>
        </body>
        </html>

La page en question : http://www.serv-boostcraft.com/h1-generateur-de-presentation

Pourriez-vous juste faire en sorte que toutes les zones de texte soient en dessous de leur description
(ex :
Prénom :
<zone de texte>
Âge
<zone de texte>
etc)

Afin que tout soit plus centré ?
Merci Smile
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 Sam 14 Jan 2012 - 13:45

Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <title>Générateur de Candidature</title>
                <link rel="shortcut icon" type="image/png" href="http://s3.noelshack.com/old/up/iceone_transpa-d0ee156684.png" />
                <style type="text/css">
                <!--
                body {
                  width:550px;
                  margin-left:auto;
                  margin-right:auto;
                  text-align:center;
                  }
                label{
                  color:#FFFF00;
                  text-align:center;
                 
                }
       
                  input {
                  background-color:#828282;}
       
                  textarea {
                  background-color:#828282;}
                -->
                </style>
                <script type="text/javascript">
                <!--
                function collecte(form){
           
                var prenom = form.prenom.value;
                var age = form.age.value;
                var presente = form.presente.value;
                var pseudoM = form.pseudoM.value;
                var time = form.time.value;
                var ptsforts = form.ptsforts.value;
                var projets = form.projets.value;
                var forum = form.forum.value;
                var regles = form.regles.value;
                var phrase = "Les blocs de lapis, c'est bien, mais les blocs de redstone, c'est mieux !";
                var ok = true;
           
                if(regles != phrase) {
                alert("!! Phrase erronée !!\n Veuillez lire les règles ...");
                ok = false;
                }
           
                if (ok){
                var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
                document.getElementById("code_genere").value = ""+contenu+"";
                }
                }
                -->
                </script>
                </head>
                <body>
                <BODY BACKGROUND="http://i40.servimg.com/u/f40/16/10/90/60/fond16.png">
                <div id="formulaire">
                <h2><FONT COLOR="#FFFF00">Générateur de Candidature</color></h2>
                <form action="#" method="post" id="rempli">
                <label>Prénom : </label><br /><input type="text" name="prenom" size="40" maxlength="30" /> <br /><br />
                <label>Âge : </label><br /><input type="text" name="age" size="3" maxlength="3" /> <br /><br />
                <label>Petite présentation : </label><br /><textarea name="presente" rows="4" cols="25"></textarea> <br /><br />
                <label>Pseudo Minecraft : </label><br /><input type="text" name="pseudoM" size="40" maxlength="30" /> <br /><br />
                <label>Depuis combien de temps jouez vous ? : </label><br /><input type="text" name="time" size="40" maxlength="70" /> <br /><br />
                <label>Vos points forts sur Minecraft : </label><br /><textarea name="ptsforts" rows="4" cols="25"></textarea> <br /><br />
                <label>Vos projets sur le serveur : </label><br /><textarea name="projets" rows="4" cols="25"></textarea><br /><br />
                <label>Comment avez-vous connu BoostCraft ? : </label><br /><textarea name="forum" rows="4" cols="25"></textarea> <br /><br />
                <label>Avez-vous lu les règles ? : </label><br /><input type="text" name="regles" size="40" maxlength="150" /> <br /><br />
                <br /><input type="button" onClick="collecte(this.form)" value="Génerer le code" />
                </form>
           
                <form id="copie">
                <p><FONT COLOR="#FFFF00">Voici le code a copier/coller </font><input type="button" value="Sélectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
                <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea><br></br>
        <a href="http://www.serv-boostcraft.com/forum" target="_blank"><u><FONT COLOR="#FFFF00"><b><big>Retour sur le site</big></b></color></u></a></center>
                </form><br /><br /><span style="float:right;"><FONT COLOR="#FFFF00"><i>@ Scoubifitz</i></font></span>
                </div>
                </body>
                </html>

il suffisait de changer le css :
retirer cela >>> display: block; width: 270px; margin-right:10px ; float: left;
modifier cela >>> text-align:right;

et de rajouter des saut de ligne "<br />" apres les attributs </label> dans le code html x)
avatar

silas88
*

Masculin
Messages : 37
Inscrit(e) le : 04/04/2010

http://s4-rnc.forumactif.com/forum
silas88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Sam 14 Jan 2012 - 13:55

J'allais vous l'envoyer , mais je suis satisfait que vous l'ayez trouvé par vous même ... Clin d\'oeil

Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Sam 14 Jan 2012 - 14:00

Merci Smile
J'ai encore apporté des modifications, le fond de page est fixe par exemple.

Maintenant, serait-il possible d'avoir un cadre noir qui ne prend pas toute la page en largeur et qui va de "Générateur de candidature" à "Retour sur le site" en hauteur ?

Le code :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <title>Générateur de Candidature</title>
                <link rel="shortcut icon" type="image/png" href="http://s3.noelshack.com/old/up/iceone_transpa-d0ee156684.png" />
                <style type="text/css">
                <!--
                body {
                  width:550px;
                  margin-left:auto;
                  margin-right:auto;
                  text-align:center;
                  background-attachment:fixed;
                  }
                label{
                  color:#FFFF00;
                  text-align:center;
               
                }
     
                  input {
                  background-color:#828282;}
     
                  textarea {
                  background-color:#828282;}
                -->
                </style>
                <script type="text/javascript">
                <!--
                function collecte(form){
         
                var prenom = form.prenom.value;
                var age = form.age.value;
                var presente = form.presente.value;
                var pseudoM = form.pseudoM.value;
                var time = form.time.value;
                var ptsforts = form.ptsforts.value;
                var projets = form.projets.value;
                var forum = form.forum.value;
                var regles = form.regles.value;
                var phrase = "Les blocs de lapis, c'est bien, mais les blocs de redstone, c'est mieux !";
                var ok = true;
         
                if(regles != phrase) {
                alert("!! Phrase erronée !!\n Veuillez lire les règles ...");
                ok = false;
                }
         
                if (ok){
                var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
                document.getElementById("code_genere").value = ""+contenu+"";
                }
                }
                -->
                </script>
                </head>
                <body>
                <BODY BACKGROUND="http://i40.servimg.com/u/f40/16/10/90/60/fond16.png">
                <div id="formulaire">
                <h2><FONT COLOR="#FFFF00">Générateur de Candidature</color></h2>
                <form action="#" method="post" id="rempli">
                <label>Prénom : </label><br /><input type="text" name="prenom" size="40" maxlength="30" /> <br /><br />
                <label>Âge : </label><br /><input type="text" name="age" size="3" maxlength="3" /> <br /><br />
                <label>Petite présentation : </label><br /><textarea name="presente" rows="4" cols="25"></textarea> <br /><br />
                <label>Pseudo Minecraft : </label><br /><input type="text" name="pseudoM" size="40" maxlength="30" /> <br /><br />
                <label>Depuis combien de temps jouez vous ? : </label><br /><input type="text" name="time" size="40" maxlength="70" /> <br /><br />
                <label>Vos points forts sur Minecraft : </label><br /><textarea name="ptsforts" rows="4" cols="25"></textarea> <br /><br />
                <label>Vos projets sur le serveur : </label><br /><textarea name="projets" rows="4" cols="25"></textarea><br /><br />
                <label>Comment avez-vous connu BoostCraft ? : </label><br /><textarea name="forum" rows="4" cols="25"></textarea> <br /><br />
                <label>Avez-vous lu les règles ? : </label><br /><input type="text" name="regles" size="40" maxlength="150" /> <br /><br />
                <br /><input type="button" onClick="collecte(this.form)" value="Génerer le code" />
                </form>
         
                <form id="copie">
                <p><FONT COLOR="#FFFF00">Voici le code a copier/coller </font><br></br><input type="button" value="Sélectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
                <center><textarea cols="60" rows="12" id="code_genere" readonly></textarea><br></br>
        <a href="http://www.serv-boostcraft.com/forum" target="_blank"><u><FONT COLOR="#FFFF00"><b><big>Retour sur le site</big></b></color></u></a></center>
                </form><br /><br /><span style="float:right;"><FONT COLOR="#FFFF00"><i>@ Scoubifitz</i></font></span>
                </div>
                </body>
                </html>
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Scoubifitz Sam 14 Jan 2012 - 14:17

voili, voilou...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Générateur de Candidature</title>
<link rel="shortcut icon" type="image/png" href="http://s3.noelshack.com/old/up/iceone_transpa-d0ee156684.png" />
<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}
input {
background-color:#828282;}

textarea {
background-color:#828282;}
-->
</style>
<script type="text/javascript">
<!--
function collecte(form){

var prenom = form.prenom.value;
var age = form.age.value;
var presente = form.presente.value;
var pseudoM = form.pseudoM.value;
var time = form.time.value;
var ptsforts = form.ptsforts.value;
var projets = form.projets.value;
var forum = form.forum.value;
var regles = form.regles.value;
var phrase = "Les blocs de lapis, c'est bien, mais les blocs de redstone, c'est mieux !";
var ok = true;

if(regles != phrase) {
alert("!! Phrase erronée !!\n Veuillez lire les règles ...");
ok = false;
}

if (ok){
var contenu = "[b]Prénom : [/b]"+prenom+"\n[b]Âge : [/b]"+age+"\n[b]Petite présentation : [/b]"+presente+"\n~~~~~~\n[b]Pseudo Minecraft : [/b]"+pseudoM+"\n[b]Depuis combien de temps jouez vous ? : [/b]"+time+"\n[b]Vos points forts sur Minecraft : [/b]"+ptsforts+"\n[b]Vos projets sur le serveur : [/b]"+projets+"\n[b]Comment avez-vous connu BoostCraft ? : [/b]"+forum+"\n[b]Avez-vous lu les règles ? : [/b]\n[hide]"+regles+" [/hide]\n";
document.getElementById("code_genere").value = ""+contenu+"";
}
}
-->
</script>
</head>
<body BACKGROUND="http://i40.servimg.com/u/f40/16/10/90/60/fond16.png">
<div class="formulaire">
<h2><font COLOR="#FFFF00">Générateur de Candidature</font></h2>
<form action="#" method="post" id="rempli">
<label>Prénom : </label><br /><input type="text" name="prenom" size="40" maxlength="30" /> <br /><br />
<label>Âge : </label><br /><input type="text" name="age" size="3" maxlength="3" /> <br /><br />
<label>Petite présentation : </label><br /><textarea name="presente" rows="4" cols="25"></textarea> <br /><br />
<label>Pseudo Minecraft : </label><br /><input type="text" name="pseudoM" size="40" maxlength="30" /> <br /><br />
<label>Depuis combien de temps jouez vous ? : </label><br /><input type="text" name="time" size="40" maxlength="70" /> <br /><br />
<label>Vos points forts sur Minecraft : </label><br /><textarea name="ptsforts" rows="4" cols="25"></textarea> <br /><br />
<label>Vos projets sur le serveur : </label><br /><textarea name="projets" rows="4" cols="25"></textarea><br /><br />
<label>Comment avez-vous connu BoostCraft ? : </label><br /><textarea name="forum" rows="4" cols="25"></textarea> <br /><br />
<label>Avez-vous lu les règles ? : </label><br /><input type="text" name="regles" size="40" maxlength="150" /> <br /><br />
<br /><input type="button" onClick="collecte(this.form)" value="Génerer le code" />
</form>

<form id="copie">
<p><font COLOR="#FFFF00">Voici le code a copier/coller </font><br><br /><input type="button" value="Sélectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="12" id="code_genere" readonly></textarea><br /><br />
<a href="http://www.serv-boostcraft.com/forum" target="_blank"><u><font COLOR="#FFFF00"><b><big>Retour sur le site</big></b></font></u></a></center>
</form><br /><br /><span style="float:right;"><font COLOR="#FFFF00"><i>@ Scoubifitz</i></font></span>
</div>
</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex Sam 14 Jan 2012 - 14:25

Wouah, le cadre a pile la bonne taille, il faudrait juste qu'il soit entièrement rempli en noir, c'est possible ?

Merci /o/
Plumeex

Plumeex
**

Messages : 79
Inscrit(e) le : 06/11/2011

http://www.serv-boostcraft.com
Plumeex a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum