[RESOLU] [SCRIPT] Générateur de texte

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

Résolu [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Ven 25 Fév 2011 - 17:48

Salut a tous,

J'aimerai creer une page que j'ajouterai sur mon forum pour faciliter la presentation des membres.

Par exemple sur la page il y a:

Nom: xxxx
Prenom: xxxx
age: xxxx
passions: xxxx
Comment a tu trouver le forum: xxxx

Les xxxx représente un case ou l'utilisateur rentrera ses "réponses" et une fois tout bien rempli, il clique sur un lien "générer" en bas et la page lui génére sa présentation toute prete. exemple:

Code:
[img]url d'une image "PRESENTATION"[/img]

Salut a tous, je m'appelle (reponse nom) (réponse prénom).
J'ai (réponse age)

[img]Image "PASSIONS"[/img]
J'aime (réponse passion)

etc...

Je ne sais pas du tout comment faire, si vous pouviez me donner les codes a utiliser, sa serait vraiment sympa Wink

Si vous avez mal compris ma demande ou si vous avez d'autres questions, n'hésitez pas Smile

Merci d'avance

PS: Le résultat voulu (générez pour voir la suite Wink )


Dernière édition par MySt1KxSyL3nT le Lun 28 Fév 2011 - 10:34, édité 3 fois

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par Sultanna le Ven 25 Fév 2011 - 17:51

Tu veux quoi comme script? un carré de couleur? ou juste le script avec déja les caractère gras etc et il n'on qu'a copier et coller ensuite?

Sultanna
***

Messages : 103
Inscrit(e) le : 23/02/2011

http://naruto-rpg-ninja.forumactif.biz/forum
Sultanna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par Shiooooo le Ven 25 Fév 2011 - 17:54

A vrai dire, habituellement c'est dans les forums RPG que l'on code "vraiment" les fiches de présentation.
Exemple :
http://bloodwarcollege.crazy4us.com/t10-modele-de-presentation#11
Pour les autres c'est simple, tu met les "questions" (pseudo, âge...) en gras ou en italique ou souligné... tu peux centrer, mettre à droite...
Mais si tu veux un codage précis, décris le ou montre un image car ce que tu demandes est trop flou.

Cordialement,
Shio'

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Ven 25 Fév 2011 - 17:59

Merci de répondre si rapidement Wink

enfaite je veux juste que l'utilisateur reponde a quelques questions et qu'une fois qu'il clique sur générer la presentation, la page lui affiche le code brut a copier et a coller.

Le script que je demande est donc pour que les réponse des l'utilisateur soient ajoutées automatiquement a un code que j'aurai moi meme défini.


MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Ven 25 Fév 2011 - 18:04

C'est peux etre moi qui m'exprime mal :S

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par Shiooooo le Ven 25 Fév 2011 - 18:06

Alors la désolé mais je ne sais pas. Je sais que c'est possible (je l'ai déjà vu sur un fofo) mais de la a savoir comment le réaliser... =X

Je suis vraiment désolé de ne pas pouvoir t'aider, je vais faire des recherches.
Cordialement,
Shio'

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Ven 25 Fév 2011 - 18:08

Merci quand meme

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Ven 25 Fév 2011 - 18:14

Voila j'ai trouvé un exmple de ce que je veux réaliser (en beaucoup moins complexe :p ):

Le questionnaire a remplir.

Cliquez ensuite sur générer pour voir le resultat obtenu avec le code a copier en bas.

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Sam 26 Fév 2011 - 17:19

Up ! SVP ! Crying or Very sad

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Sam 26 Fév 2011 - 18:47

Personne n'as de solution?

SVP

EDIT: ajout du résultat recherché dans le premier post

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par Shiooooo le Sam 26 Fév 2011 - 22:03

Voila le lien d'un site pour télécharger le script afin de créer un générateur de présentation, mais c'est payant... j'espère que ça t'aideras qu'en même :
http://prez.ledrakkarnoir.com/index.php?page=telecharger

Shiooooo
**

Féminin
Messages : 80
Inscrit(e) le : 17/12/2010

http://graphxmania.forumgratuit.org/forum
Shiooooo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Sam 26 Fév 2011 - 22:24

Merci je vais voir.

Pas d'autre solution?

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par PatMax le Sam 26 Fév 2011 - 23:02

Regarde ta messagerie

PatMax
****

Messages : 495
Inscrit(e) le : 04/01/2009

http://www.patmax.info
PatMax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par Kaktus le Sam 26 Fév 2011 - 23:26

Plutôt que de créer un topic à rien, je serais moi de même intéressée. Je l'avais vu sur un forum, mais je n'ai plus l'adresse.
Donc bref, voilà, juste pour dire que j'étais aussi intéressée par ce script, pour mon futur forum. Smile

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par masterkey le Sam 26 Fév 2011 - 23:39

Salut,

voici un exemple de page HTML basique qui fait ce que tu demandes (version ultra-simple). Tu devrais pouvoir deviner comment en étendre le principe. Pour la présentation, pareil, c'est le minimum, tu peux l'enrichir à ton goût.

Code:


<html>
<head>
<style>div {white-space:nowrap;}</style>
<script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }

//Fonction qui génère la fiche du profil
function GenereFiche()
{
G("txtFiche").value=
  "[img]"+ G("inAvatar").value+"[/img]\n" +
  "Salut a tous, je m'appelle " + G("inPrenom").value + " " + G("inNom").value +"\n" +
  "J'ai " + G("inAge").value + " ans.\n" +
  "[img]Image PASSIONS[/img]\n"+
  "J'aime " + G("inPassions").value;
}
</script>
</head>

<body>
  <div>Nom : <br><input id="inNom" type="text" style="width:200px"></div>
  <div>Prénom : <br><input id="inPrenom" type="text" style="width:200px"></div>
  <div>Age : <br><input id="inAge" type="text" style="width:50px" maxlength="3"> ans</div>
  <div>Passions : <br><textarea id="inPassions" rows="3" cols="30"></textarea></div>
  <div>Avatar : <br><input id="inAvatar" type="text" width="100px"></div>
<br>
<input type="button" onclick="GenereFiche()" value="Générer la fiche"/>

<hr>

<textarea id="txtFiche" rows="10" cols="50"></textarea>

</body>
</html>


Cordialement.



Regards sur France Culture, le forum des auditeurs critiques de France Culture

masterkey
**

Messages : 62
Inscrit(e) le : 08/10/2009

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

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Dim 27 Fév 2011 - 3:59

@masterkey a écrit:Salut,

voici un exemple de page HTML basique qui fait ce que tu demandes (version ultra-simple). Tu devrais pouvoir deviner comment en étendre le principe. Pour la présentation, pareil, c'est le minimum, tu peux l'enrichir à ton goût.

Code:


<html>
<head>
<style>div {white-space:nowrap;}</style>
<script>
//Au cas où pas de JQuery
function G(id) {return document.getElementById(id); }

//Fonction qui génère la fiche du profil
function GenereFiche()
{
G("txtFiche").value=
  "[img]"+ G("inAvatar").value+"[/img]\n" +
  "Salut a tous, je m'appelle " + G("inPrenom").value + " " + G("inNom").value +"\n" +
  "J'ai " + G("inAge").value + " ans.\n" +
  "[img]Image PASSIONS[/img]\n"+
  "J'aime " + G("inPassions").value;
}
</script>
</head>

<body>
  <div>Nom : <br><input id="inNom" type="text" style="width:200px"></div>
  <div>Prénom : <br><input id="inPrenom" type="text" style="width:200px"></div>
  <div>Age : <br><input id="inAge" type="text" style="width:50px" maxlength="3"> ans</div>
  <div>Passions : <br><textarea id="inPassions" rows="3" cols="30"></textarea></div>
  <div>Avatar : <br><input id="inAvatar" type="text" width="100px"></div>
<br>
<input type="button" onclick="GenereFiche()" value="Générer la fiche"/>

<hr>

<textarea id="txtFiche" rows="10" cols="50"></textarea>

</body>
</html>


Cordialement.



Regards sur France Culture, le forum des auditeurs critiques de France Culture

Merci beaucoup ! C'est exactement ce que je cherchais !


Tu pourrai tout bien m'expliquer:

  1. Comment ajouter d'autres coordonnées a remplir?
  2. Comment les insérer dans le code généré si dessous?
  3. Comment modifier le code (en dehors des informations rentrées comme le "Salut a tous, je m'appelle xxx xxx. J'ai xx ans" etc...)


Merci beaucoup de ton aide !

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par masterkey le Dim 27 Fév 2011 - 23:40

Salut,
Bon, allons-y pas à pas :

Tu vois les lignes comme "<div>Nom : <br><input id="inNom" type="text" style="width:200px"></div>" ?

C'est là qu'on propose à l'utilisateur de saisir les valeurs des champs. Tu peux donc ajouter des champs d'information en ajoutant ce type de ligne (copie-colle celle-ci, par exemple, en en modifiant les valeurs)

Voilà ce qui compose cette ligne :


  • Le <div>...</div>, c'est une "division", qui permet simplement d'encadrer le nom du champ et la boîte de texte pour le saisir, ça permettra éventuellement de formater ces lignes, plus tard, en y ajouter des styles (c'est de l'optionnel, pour l'instant, mieux vaut se concentrer sur le contenu).

  • Ensuite, on a l'intitulé du champ, "Nom : " dans l'exemple. C'est ce que voit l'utilisateur devant la boîte de saisie.

  • Après, on a le champ proprement dit : c'est une balise <input> de type "text". Dans le langage HTML, c'est comme ça qu'on décrit une boîte de saisie. A l'intérieur de cet <input>, entre les chevrons (les crochets < et >), on ajoute quelques paramètres pour décrire les spécificités de cette boîte : le id="inNom", c'est l'identifiant, le nom qui nous servira plus tard à aller chercher la valeur entrée par l'utilisateur dans ce champ. Tu peux lui donner la valeur que tu veux, j'ai préfixé les noms de tous les champs par "in" pour marquer que ce sont des noms de champs de saisie ("in" pour "input"), mais c'est une convention personnelle pour m'y retrouver dans les noms de champs, tu peux faire comme tu l'entends. Les minuscules et majuscules comptent, fais-y attention. type="text", c'est pour préciser que c'est un champ texte (ça pourrait être un bouton à cliquer, par exemple, il y en a un plus loin dans la page). Enfin, style="width:200px", c'est un petit style qui précise que la largeur de la boîte doit être de 200 pixels. Tu peux changer cette valeur pour agrandir ou réduire la taille des boîtes de texte.

    Tu remarqueras que la boîte "Age" a un paramètre en plus : [i]maxlength="3"
    , qui précise le nombre de caractères maximal que peut saisir l'utilisateur (j'ai mis 3 pour ne pas léser les centenaires).

    Pour en finir avec les champs de saisie, les passions sont d'un type de balise différent : <textarea>. C'est le type de champ qui permet de saisir du texte sur plusieurs lignes.
    Les paramètres rows="3" et cols="30" précisent que la boîte de saisie comporte 3 lignes de 30 caractères de long (valeurs que tu peux changer, bien sûr).

  • La ligne <input type="button" onclick="GenereFiche()" value="Générer la fiche"/> :
    Elle décrit le bouton "Générer la fiche", c'est donc un input de type "button", le value="Générer la fiche" est bien sûr le paramètre où on entre le texte affiché sur le bouton.

    Le onclick="GenereFiche()", c'est un paramètre qui indique que quand l'utilisateur clique sur le bouton, on va appeler la fonction GenereFiche(), qu'on va voir plus loin.

  • Le dernier <textarea> (txtFiche), c'est la boîte dans laquelle on va pondre le résultat.

  • La fonction GenereFiche() : elle se trouve plutôt en haut du fichier, peu après la balise <script>. C'est du javascript, un langage de programmation intégré aux page HTML. C'est cette fonction qui va pondre le code BB de la fiche utilisateur.

    Mais d'abord, il y a une petite fonction à voir : function G(id) {...}
    Cette fonction donne accès à un élément de la page dont on lui fournit l'identifiant (on en a parlé tout-à-l'heure, c'est le "idNom" dans l'exemple pris).

    Si j'appelle la fonction G("idNom"), cette fonction me renvoie la boîte correspondante, sous forme d'un objet dont je peux regarder la valeur (mais aussi les différents paramètres, la largeur, etc.)

    Ensuite donc, la fonction GenereFiche() : elle est en fait très simple, elle ne comporte qu'une ligne de code. Les retours à la ligne ne comptent pas, je les ai juste mis pour plus de clarté, mais la vrai fin d'une instruction en javascript, c'est le point-virgule, pas le retour à la ligne.

    Cette ligne de code, elle règle la valeur de la boîte de texte finale (le <textarea id="txtFiche") :
    le début du code, G("txtFiche").value = , elle appelle la fonction G() en lui passant "txtFiche", ce qui récupère l'objet manipulable "txtFiche", puis dans la foulée, elle modifie le paramètre "value" de cet objet, qui contient en fait le texte qui est saisi dedans. Et elle y met ce qui se trouve après le "=". C'est ça, ce que signifie G("txtFiche").value = blabla.

    Maintenant, qu'y a-t-il dans blabla ? Eh bien on y construit le code de la fiche utilisateur.
    Pour ça, on y entre des morceaux de texte, entre guillemets ("du texte"), et on colle ces morceaux avec les signes +.
    Quand on écrit "Voici du " + "texte", ça donne "Voici du texte".

    Seulement, là, après "Salut a tous, je m'appelle ", on veut coller le nom et le prénom. Ben on les récupère avec la fameuse fonction G(), en y passant l'identifiant voulu ("idNom" et "idPrenom"), et en récupérant dans l'objet retourné son paramètre ".value" qui contient le texte saisi par l'utilisateur.

    Donc on écrit " "Salut a tous, je m'appelle " + G("inPrenom").value + " " + G("inNom").value + "la suite...".

    Tu notes qu'entre le nom et le prénom, on colle un espace (le texte " ").

    La suite, c'est des la même chose, avec du texte qu'on connait à l'avance et qu'on met dans des blocs entre guillemets, et des champs qu'on récupère avec la fonction G().

    Ah, et le "\n" ? C'est comme ça qu'on note le retour à la ligne, en javascript. Ca insère un retour à la ligne dans la boîte de texte où on écrit le résultat.


Est-ce que tout ça est clair ? Tu devrais pouvoir t'en sortir pour personnaliser tout ça à ta sauce.

A+,

Frédéric



Regards sur France Culture, le forum des auditeurs critiques de France Culture

masterkey
**

Messages : 62
Inscrit(e) le : 08/10/2009

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

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par MySt1KxSyL3nT le Lun 28 Fév 2011 - 2:19

Merci beaucoup, je connaissai les bases du html comme le input, div etc... Mais ce que je ne savais pas c'etait si le "in" devant les id etait obligatoire et le java que je ne connai pas encore Smile
J'avais essayer d'inserer moi meme des valeurs. J'avais reussi a mettre les fenetre où l'utilisateur rentre sa reponse mais je n'avais pas reussi a le faire mettre dans la fiche (a cause des + et des " je pense)

Ton tutorial sera comprehensible meme pour ceux qui ne connaissent rien au html Wink


En tout cas un grand merci a toi !! Tes tutos sont vachement bien faits et tres bien expliqués. En plus, on vois que tu t'investis et que tu sais ce que tu explique (pas comme certains qui font semblant), tu n'hesite pas a revenir aux bases.

CONTINU COMME CA ! Smile


PS: j'ajoute la balise [resolu]

MySt1KxSyL3nT
***

Masculin
Messages : 159
Inscrit(e) le : 30/05/2010

http://cheat-gamers.com
MySt1KxSyL3nT a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [RESOLU] [SCRIPT] Générateur de texte

Message par masterkey le Lun 28 Fév 2011 - 10:45

Pas de quoi Wink Je n'ai pas encore contribué beaucoup sur ce forum d'entraide, mais je commence à avoir pas mal fouillé les possibilités d'amélioration des forum, pour celui dont je m'occupe et pour lequel les autres ne manquent pas d'imagination.

A+

masterkey
**

Messages : 62
Inscrit(e) le : 08/10/2009

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

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


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