Créer un générateur de commande

[Zeste]

Rappel du premier message :

Bonjour,

Je voudrais utiliser sur mon forum un générateur de commande graphique un peu comme ceci ci : https://forum.forumactif.com/h2-generateur Avez-vous une idée de la chose?

Merci d'avance et bonne soirée

[Scoubifitz]

... en deux fois :

Code:


$(function() {
$(".full").spectrum({
color: "#ffffff",
showInput: true,
className: "full-spectrum",
showInitial: true,
showPalette: true,
showSelectionPalette: true,
showAlpha: true,
maxPaletteSize: 10,
preferredFormat: "hex",
chooseText: "Valider",
cancelText: "Quitter",
localStorageKey: "spectrum.demo",
move: function (color) {
updateBorders(color);
},
show: function () {

},
beforeShow: function () {

},
hide: function (color) {
updateBorders(color);
},

palette: [
["rgb(0, 0, 0)", "rgb(67, 67, 67)", "rgb(102, 102, 102)", /*"rgb(153, 153, 153)","rgb(183, 183, 183)",*/
"rgb(204, 204, 204)", "rgb(217, 217, 217)", /*"rgb(239, 239, 239)", "rgb(243, 243, 243)",*/ "rgb(255, 255, 255)"],
["rgb(152, 0, 0)", "rgb(255, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 255, 0)",
"rgb(0, 255, 255)", "rgb(74, 134, 232)", "rgb(0, 0, 255)", "rgb(153, 0, 255)", "rgb(255, 0, 255)"],
["rgb(230, 184, 175)", "rgb(244, 204, 204)", "rgb(252, 229, 205)", "rgb(255, 242, 204)", "rgb(217, 234, 211)",
"rgb(208, 224, 227)", "rgb(201, 218, 248)", "rgb(207, 226, 243)", "rgb(217, 210, 233)", "rgb(234, 209, 220)",
"rgb(221, 126, 107)", "rgb(234, 153, 153)", "rgb(249, 203, 156)", "rgb(255, 229, 153)", "rgb(182, 215, 168)",
"rgb(162, 196, 201)", "rgb(164, 194, 244)", "rgb(159, 197, 232)", "rgb(180, 167, 214)", "rgb(213, 166, 189)",
"rgb(204, 65, 37)", "rgb(224, 102, 102)", "rgb(246, 178, 107)", "rgb(255, 217, 102)", "rgb(147, 196, 125)",
"rgb(118, 165, 175)", "rgb(109, 158, 235)", "rgb(111, 168, 220)", "rgb(142, 124, 195)", "rgb(194, 123, 160)",
"rgb(166, 28, 0)", "rgb(204, 0, 0)", "rgb(230, 145, 56)", "rgb(241, 194, 50)", "rgb(106, 168, 79)",
"rgb(69, 129, 142)", "rgb(60, 120, 216)", "rgb(61, 133, 198)", "rgb(103, 78, 167)", "rgb(166, 77, 121)",
/*"rgb(133, 32, 12)", "rgb(153, 0, 0)", "rgb(180, 95, 6)", "rgb(191, 144, 0)", "rgb(56, 118, 29)",
"rgb(19, 79, 92)", "rgb(17, 85, 204)", "rgb(11, 83, 148)", "rgb(53, 28, 117)", "rgb(116, 27, 71)",*/
"rgb(91, 15, 0)", "rgb(102, 0, 0)", "rgb(120, 63, 4)", "rgb(127, 96, 0)", "rgb(39, 78, 19)",
"rgb(12, 52, 61)", "rgb(28, 69, 135)", "rgb(7, 55, 99)", "rgb(32, 18, 77)", "rgb(76, 17, 48)"]
]
});
});
var nb_lignes=2;

function add_lien()
{
var tab = document.getElementById('tab');
var tr = document.createElement('tr');
tr.id = 'tr'+nb_lignes;
tr.name = 'tr'+nb_lignes;

var td1 = document.createElement('td');
var input1 = document.createElement('input');
input1.id = 'lien'+nb_lignes;
input1.name = 'lien'+nb_lignes;
input1.type = 'text';

tab.appendChild(tr);
tr.appendChild(td1);
td1.appendChild(input1);
nb_lignes++;
}

function del_lien()
{
if(nb_lignes>2)
{
nb_lignes--;
var tab = document.getElementById('tab');
var tr = document.getElementById('tr'+nb_lignes);
tab.removeChild(tr);
}
}
function envoiMessage(form)
{
var txt_message =  "Bonjour cher admin,\n\n"
+ form.pseudo.value + " a fait une commande, la voici : \n\n"
+ "[b]Nature de la création : [/b]" + form.creation.value + "\n"
+ "[b]Taille de la création : [/b]" + form.taille.value + "\n"
+ "[b]Police à utiliser : [/b]" + form.police.value + "\n"
+ "[b]Couleur du fond : [/b]" + form.bgcolor.value + "\n"
+ "[b]Lien des images à insérer : [/b]\n";
for (var iter = 1; iter < nb_lignes; iter++)
{
var lien = document.getElementById('lien'+iter).value;
txt_message += "[url]" + lien + "[/url]\n";
}
txt_message += "[b]Texte à insérer : [/b]" + form.txtinsert.value + "\n"
+ "[b]Couleur du texte : [/b]" + form.txtcolor.value + "\n"
+ "[b]Texte clignotant : [/b]" + form.blink.value + "\n"
+ "[b]Informations supplémentaires : [/b]" + form.plus.value + "\n\n"
+ " Merci pour les propositions qui seront faites .";
form.message.value = txt_message;
var txt_titre = (form.titreperso.value ? form.titreperso.value : "Commande de " + form.creation.value + "pour " + form.pseudo.value);
form.subject.value = txt_titre ;
}
</script>
<form action="/post" method="post" id="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="1" />
<h3>Générateur de commande</h3>

<label for="pseudo">Votre pseudo </label>
<input type="text" size="30" name="pseudo" id="pseudo" class="USERNAME" />

<label for="creation">Nature de la création: </label>
<select name="creation" id="creation">
<option value="Bannière">Bannière</option>
<option value="Bouton">Bouton</option>
<option value="Avatar">Avatar</option>
<option value="Signature">Signature</option>
<option value="Header">Header</option>
<option value="Autre">Autre</option>
</select>

<label for="taille">Taille de la création: </label>
<input type="text" size="30" name="taille" id="taille" /><br /><br />

<label for="police">Police à utiliser: </label>
<input name="police" type="text" placeholder="police" /><br />
<p>
<a href="http://www.dafont.com/fr">Voir les polices</a></p>

<label for="bgcolor">Couleur du fond: </label>
<input type='text' name='bgcolor' class="full" id="bgcolor" /><br />

<label>Lien des images à insérer : </label>
<table id="tab" name="tab"><tr id="tab" name="tab"><td>
<input name="lien1" id="lien1" type="text" />
</td></tr></table>

<p><input type="button" id="button_add" name="button_add" onClick="add_lien();" value="Ajouter un lien" />
<input type="button" id="button_del" name="button_del" onClick="del_lien();" value="Retirer un lien" /></p>

<label for="txtinsert">Texte à insérer : </label>
<input type="text" size="30" name="txtinsert" id="txtinsert" /><br /><br />

<label for="txtcolor">Couleur du texte: </label>
<input type='text' name='txtcolor' class="full" id="txtcolor" /><br />

<label for="blink">Texte clignotant? </label>
<select name="blink" id="blink">
<option value="Oui">Oui</option>
<option value="Non">Non</option>
</select><br /><br />

<label for="plus">Informations supplémentaires: </label>
<textarea id="plus" name="plus" cols="25" rows="7"></textarea><br />

<label for="titreperso">Titre personnel </label>
<input type="text" size="35" name="titreperso" id="titreperso" /><br />

<p> Si vous ne voulez pas mettre un titre perso ,<br />
un titre automatique sera mis en place .</p>

<p> Votre commande sera générée dans un nouveau sujet.<br />
N'oubliez pas de confirmer l'envoi !</p>

<p><input type="submit" name="post" value="Envoyer" /></p>
</form>

[Zeste]

Merci Scoubifitz ! Bon boulot