Comment obtenir un générateur?

[Pykkdecuivre]

https://forum.forumactif.com/t324173-donnees-de-combats-simplifiees-pour-mon-forum-de-rpg

J'avais créé un sujet auparavant mais ces derniers jours j'étais débordée et... enfin bref.
En effet, ce que je souhaite, c'est bien un générateur pour les combats au lieu de faire à chaque post un tableau qui ne fonctionne pas toujours. Comment en créer un?
Si possible, j'aimerais qu'il soit placé directement lorsqu'on écrit un post ou alors sur la page d'accueil, au pire.
Merci d'avance de me donner une réponse.

[Scoubifitz]

https://forum.forumactif.com/t324173-donnees-de-combats-simplifiees-pour-mon-forum-de-rpg

J'avais créé un sujet auparavant mais ces derniers jours j'étais débordée et... enfin bref.
En effet, ce que je souhaite, c'est bien un générateur pour les combats au lieu de faire à chaque post un tableau qui ne fonctionne pas toujours. Comment en créer un?
Si possible, j'aimerais qu'il soit placé directement lorsqu'on écrit un post ou alors sur la page d'accueil, au pire.
Merci d'avance de me donner une réponse.

Bonsoir,

il y a déjà le tableau à alléger , pour mieux pouvoir le corriger en mode "édition" ...

on peut par exemple mettre un tableau simple en BBcode , avec une seule "class" :

... puis définir le style de ce tableau dans le CSS du forum , pour centrer , donner une forme et des couleurs :


La question qui se pose maintenant est de savoir si vous voulez :

- un formulaire contenant un générateur ... donc un champ où s'affiche le code qu'il faudra copier-coller dans un message , après avoir rempli toutes les cases ?

- un formulaire qui envoie directement le code dans un nouveau sujet ? ou un message à la suite d'un sujet ?

[Pykkdecuivre]

La première solution s'adapterait mieux à mes besoins.Comment procéder?

[Scoubifitz]

Alors , soyons fous !^^

le plus pratique , mais aussi le plus complet et donc le plus difficile à expliquer , serait de faire un panneau latéral coulissant contenant un formulaire sous forme de tableau , avec des cases à remplir , un bouton pour générer le code et un champ de texte pour afficher ce code ...

quelques questions avant de poursuivre ...

y a-t-il une liste prédéfinie pour les sorts et les armes ?

j'ai vu que la dernière ligne du tableau contient un allié , est-ce que c'est toujours le cas ? ou c'est optionnel ?

on ne peut attaquer qu'un seul ennemi ? deux ennemis ?

[Pykkdecuivre]

Alors... Il n'y a pas de liste prédéfinie pour les sorts/armes (donc ce sera à remplir à la main; les alliés sont en effet en option car ils apparaissent dans le tableau que lorsqu'on lance un dé spécial ou qu'il y ait une rencontre.
Et pour finir, on ne peux attaquer que deux personnage en un tour mais la liste des ennemis est grande (donc, à la main ,peut être).

[Scoubifitz]

donc il y a : deux ennemis maxis , un allié optionnel , des champs texte , une liste d'options (oui/non)

les 4 cas de figures :

Données du combat
Personnages	Ennemis	Sorts	Armes	Vaincu	Expérience
perso1	ennemy1 : niv.7	pouvoir1 (XPM)	aucune	Non	aucune

Données du combat
Personnages	Ennemis	Sorts	Armes	Vaincu	Expérience
perso1	ennemy1 : niv.7 ennemy2 : niv.X	pouvoir1 (XPM)	aucune	Non	aucune

Données du combat
Personnages	Ennemis	Sorts	Armes	Vaincu	Expérience
perso1	ennemy1 : niv.7	pouvoir1 (XPM)	aucune	Non	aucune
perso2		XXXXXXXX (X PM)	XXXXXXXXX	Non	X exp.

Données du combat
Personnages	Ennemis	Sorts	Armes	Vaincu	Expérience
perso1	ennemy1 : niv.7 ennemy2 : niv.X	pouvoir1 (XPM)	aucune	Non	aucune
perso2		XXXXXXXX (X PM)	XXXXXXXXX	Non	X exp.

[Pykkdecuivre]

Ces quatre possibilités sont envisageables. L'idéal serait d'avoir les cases "Personnages", "ennemis","sorts", "armes" , "vaincu" et "expérience" d'office mais le reste à l'écrit. Comme ça, il n'y aurait plus le problème de cases et colonnes. Est-ce que c'est possible?

[Scoubifitz]

les 4 tableaux ne sont qu'un seul tableau , qui s'affichera selon le remplissage du formulaire ...

si un allié est rempli , une ligne supplémentaire apparaitra dans le code ... (3e et 4e exemple)

la suite , demain ...

je vais au taf , là ...

[Scoubifitz]

bon ...

le premier code est à mettre dans le CSS de votre forum ...

il concerne le style du tableau dans les messages, et l'ouverture du panneau coulissant :

Code:

/* tableau combat */
.combat{
margin:auto;
}
.combat tr td{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid gray;
padding:5px;
text-align:center;
color:red;
}
.combat tr+tr td{
color:cyan;
}
.combat tr+tr+tr td{
color:orange;
}
/* fin tableau combat */

/* panneau coulissant */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
#fp554 { top: 1%; right: -800px; }
#fp554 .fpcontent { width: 800px; }

le 2e code est à mettre dans les pages javascript - sur toutes les pages ,

il contient le panneau coulissant , le formulaire et le générateur :

Code:

$(function(){

   $("body").append('<div id="fp554" class="fpanel"><table class="fptable"><tr><td class="fpbuttons"><span class="fpopen"><img src="http://img11.hostingpics.net/pics/613204open.gif" /></span><span class="fpclose"><img src="http://img11.hostingpics.net/pics/521200close.gif" /></span></td><td class="fpcontent"><style>\n.fondform{background-color:#333;padding:10px;\n-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}\n.combat1{margin:auto;border-spacing:1px;}\n.combat1 tr td{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;\nborder:1px solid gray;padding:6px;text-align:center;color:red;}\n.combat1 tr+tr td{color:cyan;}\n.combat1 tr+tr+tr td{color:orange;}\n</style>\n<script type="text/javascript">\nfunction collecte(form) {\nvar perso1 = form.perso1.value;\nvar mechant1 = form.mechant1.value;\nvar pouvoir1 = form.pouvoir1.value;\nvar arme1 = form.arme1.value;\nvar vaincu1 = form.vaincu1.value;\nvar nivafter1 = form.nivafter1.value;\nvar perso2 = form.perso2.value;\nvar mechant2 = form.mechant2.value;\nvar pouvoir2 = form.pouvoir2.value;\nvar arme2 = form.arme2.value;\nvar vaincu2 = form.vaincu2.value;\nvar nivafter2 = form.nivafter2.value;\nvar resultat = \'[table class="combat"][tr]\\n[td colspan="6"]Données du combat[/td]\\n[/tr][tr][td]Personnages [/td][td]Ennemis [/td][td]Sorts [/td]\\n[td]Armes [/td][td]Vaincu [/td][td]Expérience [/td][/tr][tr]\\n\';\nresultat += \'[td]\'+perso1+\'[/td]\\n[td rowspan="2"]\'+mechant1;\nif(mechant2 !=="")\n{resultat += \'\\n\'+mechant2;}\nresultat += \'[/td]\\n[td]\'+pouvoir1+\'[/td]\\n[td]\'+arme1+\'[/td]\\n[td]\'+vaincu1+\'[/td]\\n[td]\'+nivafter1+\'[/td]\\n\';\nif(perso2 !== "")\n{resultat += \'[/tr][tr]\\n[td]\'+perso2+\'[/td]\\n[td]\'+pouvoir2+\'[/td]\\n[td]\'+arme2+\'[/td]\\n[td]\'+vaincu2+\'[/td]\\n[td]\'+nivafter2+\'[/td]\'; }\nresultat += \'[/tr][/table]\';\ndocument.getElementById("generer").value = ""+resultat+"";}\n</script>\n<form class="fondform">\n<table class="combat1"><tr>\n<td colspan="6">Données du combat</td>\n</tr><tr>\n<td>Personnages </td>\n<td>Ennemis </td>\n<td>Sorts </td>\n<td>Armes </td>\n<td>Vaincu </td>\n<td>Expérience </td>\n</tr><tr>\n<td><input type="text" name="perso1" id="perso1" value="" size="15" maxlength="30" placeholder="vous" /></td>\n  <td><input type="text" name="mechant1" id="mechant1" value="" size="15" maxlength="30" placeholder="ennemi1 : niv.X" /></td>\n<td><input type="text" name="pouvoir1" id="pouvoir1" value="" size="15" maxlength="30" placeholder="pouvoir (X PM)" /></td>\n<td><input type="text" name="arme1" id="arme1" value="" size="15" maxlength="30" placeholder="arme" /></td>\n<td><select name="vaincu1" id="vaincu1">\n<option value="oui">oui</option>\n<option value="non" selected="selected">non</option>\n</select></td>\n<td><input type="text" name="nivafter1" id="nivafter1" value="" size="3" maxlength="3" placeholder="niv ?" /></td>\n</tr><tr>\n<td><input type="text" name="perso2" id="perso2" value="" size="15" maxlength="30" placeholder="allié (option)" /></td>\n  <td><input type="text" name="mechant2" id="mechant2" value="" size="15" maxlength="30" placeholder="ennemi2 : niv.X" /></td>\n<td><input type="text" name="pouvoir2" id="pouvoir2" value="" size="15" maxlength="30" placeholder="pouvoir (X PM)" /></td>\n<td><input type="text" name="arme2" id="arme2" value="" size="15" maxlength="30" placeholder="arme" /></td>\n<td><select name="vaincu2" id="vaincu2">\n<option value="oui">oui</option>\n<option value="non" selected="selected">non</option>\n</select></td>\n<td><input type="text" name="nivafter2" id="nivafter2" value="" size="3" maxlength="3" placeholder="niv ?" /></td>\n</tr></table>\n<br /><center><input type="button" onClick="collecte(this.form)" value="Generer le code" /> \n<input class="submit" size="10" type="reset" value="Effacer"> \n  <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById(\'generer\').focus();document.getElementById(\'generer\').select();" /><br />\n<textarea cols="70" rows="20" id="generer" readonly></textarea></center>\n</form></td></tr><table></div>');
   $("#fp554 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp554").animate({"right":$(this).is(".fpclose")?-800:0},1000);
   });

});

[Pykkdecuivre]

C'est parfait! Merci beaucoup!