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

Page 2 sur 2 Précédent  1, 2

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 le Sam 31 Déc 2011 - 15:17

Rappel du premier message :

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
**

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 le Sam 14 Jan 2012 - 14:31

on peut faire mieux ...

dans le code repérez et remplacez ça :

.formulaire{
width:550px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:3px solid black;
background-color:rgba(0,0,0,0.7);}

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: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex le Sam 14 Jan 2012 - 14:50

Wouaaaaaaaaaaaaaaaaaaaaaah !
Énorme !

Par contre maintenant les petites zones de saisie sont blanches : http://www.serv-boostcraft.com/h1-generateur-de-presentation

Il faudrait les mettre en #808080 comme les grandes et tout serait parfait *0*

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;
background-color:rgba(0,0,0,0.7);}
 
textarea {
background-color:#808080;}
-->
</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>

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 le Sam 14 Jan 2012 - 15:01

repérez ceci :
Code:
textarea {
background-color:#808080;}
et rajoutez ceci :
Code:
input,textarea {
background-color:#808080;}

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.
  • 0

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

Message par Plumeex le Sam 14 Jan 2012 - 15:05

Mon dieu *0*
Merci beaucoup pour toutes vos réponses, super rapides en plus !

C'est wonderful.

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 le Sam 14 Jan 2012 - 15:08

si vous ne voulez que les champs texte et pas les boutons :

Code:
input[type=text],textarea {
background-color:#808080;}

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: Créer un formulaire qui génère un bbcode pour les candidatures

Message par Plumeex le Sam 14 Jan 2012 - 15:13

Okay, encore merci pour tout !

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 le Sam 14 Jan 2012 - 15:52

il est inutile de garder les deux bouts de codes :

Code:
textarea {
background-color:#808080;}
input,textarea {
background-color:#808080;}

effacez les et remplacez les par :

Code:
input[type=text],textarea {
background-color:#808080;}

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: Créer un formulaire qui génère un bbcode pour les candidatures

Message par silas88 le Dim 15 Jan 2012 - 14:20

qqn pour m'aider sur mon dernier post qui est sur la page 1 ? svp

bon dimanche x)

silas88
Nouveau membre

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

http://www.chevaliers-karmelites.com/
silas88 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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