Générateur de formulaire de présentation / demande d'aide

2 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 0:12

Bonsoir.

Voilà, j'ai une fiche de présentation de membre en HTML que j'aimerai faire passer en formulaire automatique.
J'ai essayer tout les tutos que j'ai trouver sur internet, mais apparemment je fais un blocage avec ce code... Je vous avoue que je suis un brin désespéré.

Ce que je vous demande, ce n'est pas un code tout fais, mais quelqu'un de très patient pour m'apprendre a le faire. Et cela à partir du code que j'ai fais.

Merci d'avance pour celui ou celle qui m'épaulera! Very Happy
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 0:41

bonsoir,

pour trouver des astuces ou des explications sur les formulaires , le forum des forums suffit amplement ...

tapez " form* gener* " dans la fonction "rechercher" , vous y trouverez tous les topics parlant de formulaires et de générateurs ...

Je peux parfaitement comprendre qu'il est plus gratifiant de faire soi-même un formulaire .

Il faut cependant avoir des bases en Html (pour la structure), en Css (pour l'apparence) et en script (pour l'envoi) ...

On peut repartir sur une base que vous avez déjà vu :

https://forum.forumactif.com/t312192-fiche-de-presentation-html-qui-ne-veux-pas-se-poster#2723978

ou sur une toute nouvelle base ... à vous de voir le temps que vous voulez y consacrer ...

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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 0:45

Alors je veux faire les chose bien, et tout dépend surtout du temps que vous voudrais bien me consacrer. Pour le HTML et le CSS j'ai quelque base, c'est pour le script que ça coince.

En générale je fini par m'en sortir, mais la je rame à fond! J'ai essayer les étape de se topic sans succès. C'est pourquoi je voudrai recommencer de la base.
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 0:55

Tout d'abord , on va définir les règles pour créer une page HTML ...

La page sera intégrée au forum ? (en utilisant le haut et la bas)

la page sera à part ? (une page entièrement personnalisée)

La page sera dans un cadre ? (iframe)

dans un message ?

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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 1:15

Dans un message.
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 2:29

bien...

Dans un message , les contraintes sont les suivantes :

- Une page HTML complète , avec "head" et "body"
- une structure qui devra être adaptée à la largeur d'un message ...
- le lien de la page sera dans une iframe , le code de l'iframe dans le message
- l'envoi ouvrira une nouvelle page de forum (sinon ça apparaitrait dans l'iframe , mais on y reviendra)

as-tu commencé à faire une page ? (même un tout petit début ! ^^)
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 8:41

J'ai juste fais le code de ce a quoi je veux que ma fiche ressemble.
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 22:34

vous avez donc un modèle de présentation , c'est ça ?

On peut partir de là , pas de souci ...

Il faut définir la liste des données à récupérer , et la façon de les récupérer ...



un exemple simple:

"quel est votre sexe ?"

on peut récupérer la donnée par un champ de texte , un menu déroulant ou des cases radio ...



ensuite structurer le formulaire pour qu'il ressemble assez au modèle de présentation ...

Pouvez vous mettre le code de présentation ?
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 23:17

Je vous l'envoie pas mp.
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 23:31

je regarde ça et je vous tiens au courant ...

L'idée de ce sujet est quand même d'en faire profiter le plus grand nombre ! ^^

chacun pourra faire sa propre fiche , sans pour autant copier la votre ! What a Face
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mar 23 Aoû 2011 - 23:35

Je sais mais je préfère attendre un peu avant de la poster. Quand on l'aura un peu travaillé.
Et encore merci de m'aider
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mar 23 Aoû 2011 - 23:57

La page Html sera uniquement en Html , le BBcode devra être transformé ...

en fait , BBcode et Html , c'est la même chose , seulement le BBcode est plus sécurisé pour un message dans un forum ...

d'ailleurs , on utilisera seulement du BBcode pour la fiche , ça éviterade perdre des balises html lors des éditions de messages ..

donc , Html pour le formulaire - BBcode pour le message ...
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mer 24 Aoû 2011 - 8:44

D'accord. Donc pour le message, il faut pour le code de ma fiche, que je mette tout en BBcode, c'est ça? Mais cela ne va pas changer la présentation de ma fiche? Tu pourrez me montrez un petit exemple ?
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Mer 24 Aoû 2011 - 18:13

Attention ... je n'ai pas dit que le BBcode est obligatoire , je dis qu'il y a moins de risque d'erreurs ...

si une BBalise n'est pas fermée , on le verra de suite , si une balise Html n'est pas fermée , on ne le voit pas et ça risque de déformer la page du forum (div , table non fermée )

On peut tout mettre en Html , mais il ne faudra pas éditer en WYSIWYG , sous peine de perdre les balises HTML ...
(le bug est à en cours de traitement chez FA)
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mer 24 Aoû 2011 - 20:05

J'avais bien compris, c'est pourquoi pour éviter les bug, je penser tout mettre en BBcode.
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Ven 26 Aoû 2011 - 20:12

on va partir de la structure qui sera dans le message une fois envoyé ...

Code:
[table class="fichepresentation" width=450 border=1][tr]
[td colspan="2" height=120][center]image[/center][/td]
[/tr][tr]
[td colspan="2" class="titrefiche"]NOM && PRENOM[/td]
[/tr][tr]
[td colspan="2" class="soustitre"]FEAT VOTRE CÉLÉBRITÉ
 
[/td]
[/tr][tr]
[td][table class="ITG" border=1][tr]
[td]NOM[/td][td]REPONSE[/td]
[/tr][tr]
[td]PRÉNOM(S)[/td][td]REPONSE  [/td]
[/tr][tr]
[td]DATE DE NAISSANCE[/td][td]JJ/MM/AAAA[/td]
[/tr][tr]
[td]LIEU DE NAISSANCE[/td][td]LA VILLE ET LE PAYS[/td]
[/tr][tr]
[td]ÂGE[/td][td]XX ANS[/td]
[/tr][tr]
[td]NATIONALITÉ[/td][td]REPONSE [/td]
[/tr][tr]
[td]ASCENDANCE[/td][td]SANG PUR / SANG MÊLÉ / NÉ(E) MOLDU(E)[/td]
[/tr][tr]
[td]STATUT[/td][td]CÉLIBATAIRE / EN COUPLE / MARIÉ(E) / DIVORCÉ(E) / AUTRE[/td]
[/tr][tr]
[td]FAMILLE[/td][td]CERCONOR/FALCONIA/LOUPOCAN[/td]
[/tr][tr]
[td]ANNÉE D’ÉTUDE[/td][td]REPONSE[/td]
[/tr][tr]
[td]EMPLOI[/td][td]REPONSE pour les adultes[/td]
[/tr][/table][/td]
[td class="baguette" valign="top"]
[center]

image

[/center]
BAGUETTE EN BOIS DE [color=#63564B]METS ICI LE BOIS[/color] CONTENANT UN(E) [color=#63564B]NOM DE L’ÉLÉMENT[/color], MESURANT [color=#63564B]TAILLE ICI EN CM[/color] PLUTÔT [color=#63564B]RIGIDE, SOLIDE SOUPLE ETC ..[/color][/td]
[/tr][tr]
[td colspan="2" class="titrefiche2"]RACONTE MOI UNE HISTOIRE
[/td]
[/tr][tr]
[td colspan="2" class="champ" valign="top"]La tienne bien sur! En 10 lignes minimum[/td]
[/tr][tr]
[td colspan="2" class="titrefiche2"]CREUSONS UN PEU
[/td]
[/tr][tr]
[td colspan="2" class="champ" valign="top"]Comportement, mimiques, peurs…Dis nous tout!![/td]
[/tr][tr]
[td colspan="2" class="champ" valign="top"]  Et physiquement, ça donne quoi?[/td]
[/tr][tr]
[td colspan="2" class="titrefiche2"]ET EN VRAI T‘ES QUOI?[/td]
[/tr][tr]
[td colspan="2" class="soustitre"]T‘es pas un robot!
 
[/td]
[/tr][tr]
[td colspan="2"]
[table class="IRL" border=1][tr]
[td]PSEUDO[/td][td]REPONSE[/td]
[/tr][tr]
[td]ÂGE[/td][td]XX ANS[/td]
[/tr][tr]
[td]TU VIENDRAS SOUVENT?[/td][td]FRÉQUENCE[/td]
[/tr][tr]
[td]DOUBLE COMPTE[/td][td]UNIQUEMENT SUR AUTORISATION DE LA DIRECTION[/td]
[/tr][tr]
[td]CODE DU REGLEMENT[/td][td]REPONSE[/td]
[/tr][tr]
[td]PARRAIN[/td][td]METS ICI QUI T'AS FAIT CONNAITRE LE FORUM[/td]
[/tr][/table][/td]
[/tr][tr]
[td colspan="2" class="titrefiche2"]QUELQUE CHOSE A AJOUTER?[/td]
[/tr][tr]
[td colspan="2" class="champ" valign="top"]Si tu veux nous faire partager quelque chose. Lâche toi![/td]
[/tr][/table]
image
NOM && PRENOM
FEAT VOTRE CÉLÉBRITÉ

NOMREPONSE
PRÉNOM(S)REPONSE
DATE DE NAISSANCEJJ/MM/AAAA
LIEU DE NAISSANCELA VILLE ET LE PAYS
ÂGEXX ANS
NATIONALITÉREPONSE
ASCENDANCESANG PUR / SANG MÊLÉ / NÉ(E) MOLDU(E)
STATUTCÉLIBATAIRE / EN COUPLE / MARIÉ(E) / DIVORCÉ(E) / AUTRE
FAMILLECERCONOR/FALCONIA/LOUPOCAN
ANNÉE D’ÉTUDEREPONSE
EMPLOIREPONSE pour les adultes



image

BAGUETTE EN BOIS DE METS ICI LE BOIS CONTENANT UN(E) NOM DE L’ÉLÉMENT, MESURANT TAILLE ICI EN CM PLUTÔT RIGIDE, SOLIDE SOUPLE ETC ..
RACONTE MOI UNE HISTOIRE
La tienne bien sur! En 10 lignes minimum
CREUSONS UN PEU
Comportement, mimiques, peurs…Dis nous tout!!
Et physiquement, ça donne quoi?
ET EN VRAI T‘ES QUOI?
T‘es pas un robot!


PSEUDOREPONSE
ÂGEXX ANS
TU VIENDRAS SOUVENT?FRÉQUENCE
DOUBLE COMPTEUNIQUEMENT SUR AUTORISATION DE LA DIRECTION
CODE DU REGLEMENTREPONSE
PARRAINMETS ICI QUI T'AS FAIT CONNAITRE LE FORUM
QUELQUE CHOSE A AJOUTER?
Si tu veux nous faire partager quelque chose. Lâche toi!

et on va créer une page HTML qu'on complètera au fur et à mesure ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<title>Formulaire</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />

<style type="text/css">
</style>

<script type="text/javascript">
</script>
</head>

<body>
<form>

</form>
</body>

</html>


Dernière édition par Scoubifitz le Sam 27 Aoû 2011 - 17:22, édité 1 fois
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Ven 26 Aoû 2011 - 21:19

Jusque la tout va bien. Ensuite que faut il faire?
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Ven 26 Aoû 2011 - 21:44

transformer les BBalises ([ ]) en HTMLbalises (< >)... et coller le tout entre les balises "form"

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<title>Formulaire</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />

<style type="text/css">
</style>

<script type="text/javascript">
</script>
</head>

<body>
<form>

<table class="fichepresentation" width="450" border="1"><tr>
<td colspan="2" height=300><center>image</center></td>
</tr><tr>
<td colspan="2" class="titrefiche">NOM && PRENOM</td>
</tr><tr>
<td colspan="2" class="soustitre">FEAT VOTRE CÉLÉBRITÉ

</td>
</tr><tr>
<td><table class="ITG" border="1"><tr>
<td>NOM</td><td>REPONSE</td>
</tr><tr>
<td>PRÉNOM(S)</td><td>REPONSE  </td>
</tr><tr>
<td>DATE DE NAISSANCE</td><td>JJ/MM/AAAA</td>
</tr><tr>
<td>LIEU DE NAISSANCE</td><td>LA VILLE ET LE PAYS</td>
</tr><tr>
<td>ÂGE</td><td>XX ANS</td>
</tr><tr>
<td>NATIONALITÉ</td><td>REPONSE </td>
</tr><tr>
<td>ASCENDANCE</td><td>SANG PUR / SANG MÊLÉ / NÉ(E) MOLDU(E)</td>
</tr><tr>
<td>STATUT</td><td>CÉLIBATAIRE / EN COUPLE / MARIÉ(E) / DIVORCÉ(E) / AUTRE</td>
</tr><tr>
<td>FAMILLE</td><td>CERCONOR/FALCONIA/LOUPOCAN</td>
</tr><tr>
<td>ANNÉE D’ÉTUDE</td><td>REPONSE</td>
</tr><tr>
<td>EMPLOI</td><td>REPONSE pour les adultes</td>
</tr></table></td>
<td class="baguette" valign="top">
<center>

image

</center>
BAGUETTE EN BOIS DE <color="#63564B">METS ICI LE BOIS</color> CONTENANT UN(E) <color="#63564B">NOM DE L’ÉLÉMENT</color>, MESURANT <color="#63564B">TAILLE ICI EN CM</color> PLUTÔT <color="#63564B">RIGIDE, SOLIDE SOUPLE ETC ..</color></td>
</tr><tr>
<td colspan="2" class="titrefiche2">RACONTE MOI UNE HISTOIRE
</td>
</tr><tr>
<td colspan="2" class="champ" valign="top">La tienne bien sur! En 10 lignes minimum</td>
</tr><tr>
<td colspan="2" class="titrefiche2">CREUSONS UN PEU
</td>
</tr><tr>
<td colspan="2" class="champ" valign="top">Comportement, mimiques, peurs…Dis nous tout!!</td>
</tr><tr>
<td colspan="2" class="champ" valign="top">  Et physiquement, ça donne quoi?</td>
</tr><tr>
<td colspan="2" class="titrefiche2">ET EN VRAI T‘ES QUOI?</td>
</tr><tr>
<td colspan="2" class="soustitre">T‘es pas un robot!

</td>
</tr><tr>
<td colspan="2">
<table class="IRL" border="1"><tr>
<td>PSEUDO</td><td>REPONSE</td>
</tr><tr>
<td>ÂGE</td><td>XX ANS</td>
</tr><tr>
<td>TU VIENDRAS SOUVENT?</td><td>FRÉQUENCE</td>
</tr><tr>
<td>DOUBLE COMPTE</td><td>UNIQUEMENT SUR AUTORISATION DE LA DIRECTION</td>
</tr><tr>
<td>CODE DU REGLEMENT</td><td>REPONSE</td>
</tr><tr>
<td>PARRAIN</td><td>METS ICI QUI T'AS FAIT CONNAITRE LE FORUM</td>
</tr></table></td>
</tr><tr>
<td colspan="2" class="titrefiche2">QUELQUE CHOSE A AJOUTER?</td>
</tr><tr>
<td colspan="2" class="champ" valign="top">Si tu veux nous faire partager quelque chose. Lâche toi!</td>
</tr></table>

</form>
</body>

</html>

question : quel est votre logiciel d'édition de texte ?
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Ven 26 Aoû 2011 - 22:01

Works...
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Ven 26 Aoû 2011 - 22:12

Avez vous Notepad++ ? ( un éditeur de code source)

parce qu'il faut mettre les champs en place pour le formulaire ...

exemple :
<td>NOM</td><td>REPONSE</td>
</tr><tr>
<td>PRÉNOM(S)</td><td>REPONSE </td>
</tr><tr>
devient :
<td><label for="nom">NOM</label></td><td><input type="text" name="nom" id="nom" /></td>
</tr><tr>
<td><label for="prenom">PRÉNOM(S)</td><input type="text" name="prenom" id="prenom" /></td>
</tr><tr>
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Sam 27 Aoû 2011 - 21:22

Non, j'ai juste wordpad ou un truc du genre... Mais si je comprend bien si je n'ai pas le logiciel le changement se fait a la main, c'est ça?
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Sam 27 Aoû 2011 - 22:13

Pc ça se fera de toute façon à la main ...

Si vous n'avez pas de logiciel , et que vous ne pouvez pas en charger un , le mieux est encore de travailler avec le bloc-notes et "d'enregistrer sous" le codage en UFT-8 ...

Si vous avez la possibilité de télécharger , Notepad++ est un gratuiciel qui permet la colorisation du texte ...
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Lun 29 Aoû 2011 - 22:22

J'arrive pas à l'installer... Grrr


Edit: Je suis une quiche! Sorry C'est bon je l'ai!^^
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Ven 2 Sep 2011 - 20:01

Et la prochaine étape c'est...? silent
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Sam 3 Sep 2011 - 16:32

Bonjour,

dans cet exemple , il faut placer les champs texte , les selecteurs d'options et les textarea à la place des valeurs qu'on veut récupérer ...

ce sont des valeurs simples , c'est à dire avec une seule option

chaque champ texte , option ou textarea a eu son propre nom ...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<title>Formulaire</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />

<style type="text/css">
</style>

<script type="text/javascript">
</script>
</head>

<body>
<form>

<table class="fichepresentation" width="450" border="1"><tr>
<td colspan="2" height=300><center>image</center></td>
</tr><tr>
<td colspan="2" class="titrefiche">NOM && PRENOM</td>
</tr><tr>
<td colspan="2" class="soustitre">FEAT VOTRE CÉLÉBRITÉ</td>
</tr><tr>
<td><table class="ITG"><tr>
<td><label for="nom">NOM</label></td>
<td><input class="input" type="text" name="nom" id="nom" /></td>
</tr><tr>
<td><label for="prenom">PRÉNOM(S)</label></td>
<td><input class="input" type="text" name="prenom" id="prenom" size="40" maxlength="30" /></td>
</tr><tr>
<td><label for="date1">DATE DE NAISSANCE</label></td>
<td><input class="input" type="text" name="date1" id="date1" size="40" maxlength="30" value="JJ/MM/AAAA" /></td>
</tr><tr>
<td><label for="lieu1">LIEU DE NAISSANCE</label></td>
<td><input class="input" type="text" name="lieu1" id="lieu1" size="40" maxlength="30" value="LA VILLE ET LE PAYS" /></td>
</tr><tr>
<td><label for="age1">ÂGE</label></td>
<td><input class="input" type="text" name="age1" id="age1" size="40" maxlength="30" value="XX ANS" /></td>
</tr><tr>
<td><label for="nationalite">NATIONALITÉ</label></td>
<td><input class="input" type="text" name="nationalite" id="nationalite" size="40" maxlength="30" /></td>
</tr><tr>
<td><label for="ascendance">ASCENDANCE</label></td>
<td><select name="ascendance" id="ascendance">
<option value="SANG PUR " selected="selected">SANG PUR </option>
<option value="SANG MÊLÉ">SANG MÊLÉ</option>
<option value="NÉ(E) MOLDU(E)">NÉ(E) MOLDU(E)</option>
</select></td>
</tr><tr>
<td><label for="statut">STATUT</label></td>
<td><select name="statut" id="statut">
<option value="CÉLIBATAIRE" selected="selected">CÉLIBATAIRE</option>
<option value="EN COUPLE">EN COUPLE</option>
<option value="MARIÉ(E)">MARIÉ(E)</option>
<option value="DIVORCÉ(E)">DIVORCÉ(E)</option>
<option value="AUTRE">AUTRE</option>
</select></td>
</tr><tr>
<td><label for="famille">FAMILLE</label></td>
<td><select name="famille" id="famille">
<option value="CERCONOR" selected="selected">CERCONOR</option>
<option value="FALCONIA">FALCONIA</option>
<option value="LOUPOCAN">LOUPOCAN</option>
</select></td>
</tr><tr>
<td><label for="etudes">ANNÉE D’ÉTUDE</label></td>
<td><input class="input" type="text" name="etudes" id="etudes" size="40" maxlength="30" /></td>
</tr><tr>
<td><label for="emploi">EMPLOI</label></td>
<td><input class="input" type="text" name="emploi" id="emploi" size="40" maxlength="30" value="REPONSE pour les adultes" /></td>
</tr></table></td>
<td class="baguette" valign="top">
<center>

image

</center><br>
<label for="bois">BAGUETTE EN BOIS DE </label><input class="input" type="text" name="bois" id="bois" size="40" maxlength="30" value="METS ICI LE BOIS" />
<label for="element">CONTENANT UN(E) </label><input class="input" type="text" name="element" id="element" size="40" maxlength="30" value="NOM DE L’ÉLÉMENT" />
, <label for="taille">MESURANT </label><input class="input" type="text" name="taille" id="taille" size="40" maxlength="30" value="TAILLE ICI EN CM" />
 <label for="constitution">PLUTÔT </label><input class="input" type="text" name="constitution" id="constitution" size="40" maxlength="30" value="RIGIDE, SOLIDE SOUPLE ETC .." /></td>
</tr><tr>
<td colspan="2" class="titrefiche2">RACONTE MOI UNE HISTOIRE</td>
</tr><tr>
<td colspan="2" class="champ" valign="top"><textarea name="histoire" id="histoire" cols="30" rows="4">La tienne bien sur! En 10 lignes minimum</textarea></td>
</tr><tr>
<td colspan="2" class="titrefiche2">CREUSONS UN PEU</td>
</tr><tr>
<td colspan="2" class="champ" valign="top"><textarea name="psyche" id="psyche" cols="30" rows="4">Comportement, mimiques, peurs…Dis nous tout!!</textarea></td>
</tr><tr>
<td colspan="2" class="champ" valign="top"><textarea name="physique" id="physique" cols="30" rows="4">Et physiquement, ça donne quoi?</textarea></td>
</tr><tr>
<td colspan="2" class="titrefiche2">ET EN VRAI T‘ES QUOI?</td>
</tr><tr>
<td colspan="2" class="soustitre">T‘es pas un robot!</td>
</tr><tr>
<td colspan="2">
<table class="IRL"><tr>
<td><label for="pseudo">PSEUDO</label></td><td><input class="input" type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
</tr><tr>
<td><label for="age2">ÂGE</label></td><td><input class="input" type="text" name="age2" id="age2" size="40" maxlength="30" value="XX ANS" /></td>
</tr><tr>
<td><label for="frequence">TU VIENDRAS SOUVENT?</label></td><td><input class="input" type="text" name="frequence" id="frequence" size="40" maxlength="30" value="FRÉQUENCE" /></td>
</tr><tr>
<td><label for="deuxcomptes">DOUBLE COMPTE</label></td><td><input class="input" type="text" name="deuxcomptes" id="deuxcomptes" size="40" maxlength="30" value="UNIQUEMENT SUR AUTORISATION DE LA DIRECTION" /></td>
</tr><tr>
<td><label for="code">CODE DU REGLEMENT</label></td><td><input class="input" type="text" name="code" id="code" size="40" maxlength="30" /></td>
</tr><tr>
<td><label for="parrain">PARRAIN</label></td><td><input class="input" type="text" name="parrain" id="parrain" size="40" maxlength="30" value="METS ICI QUI T'AS FAIT CONNAITRE LE FORUM" /></td>
</tr></table></td>
</tr><tr>
<td colspan="2" class="titrefiche2">QUELQUE CHOSE A AJOUTER?</td>
</tr><tr>
<td colspan="2" class="champ" valign="top"><textarea name="enplus" id="enplus" cols="30" rows="4">Si tu veux nous faire partager quelque chose. Lâche toi!</textarea></td>
</tr></table>

</form>
</body>

</html>
une fois la structure en place , il faut définir la fonction d'envoi du formulaire :

il faut remplacer la balise < form > par tout ça :

Code:
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="1" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->


et après la structure du formulaire , on place le bouton d'envoi ,
en bas de page avant la balise de fermeture < /form >:

Code:
...
</tr></table>
<center><input type="submit" name="post" value="Envoyer" /> <input type="reset" /></center>
</form>
</body>
</html>


le code complété :

après ça , il reste encore à définir comment le texte doit apparaitre dans le message ,
et comment faire apparaitre le formulaire dans un message ...
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Sam 3 Sep 2011 - 23:57

Donc il reste à définir le css et le code a place pour pouvoir y accéder, j'ai bien compris?
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Dim 4 Sep 2011 - 4:06

Melusine Calaelen a écrit:Donc il reste à définir le css et le code a place pour pouvoir y accéder, j'ai bien compris?

c'est le principe ! ^^

pour le CSS , chacun peut y mettre le style qu'il veut , en partant d'une même structure ... on ne va donc pas s'y intéresser ...

Dans le message précédant , on a défini un bouton "submit" pour envoyer les données du formulaire

on appelle donc la fonction "envoiMessage" qui contient le message ...

Reste à construire le contenu ...

c'est la partie "script" ...

la première chose à faire est de faire une liste de toutes les valeurs et de leur donner un nom simple ...

le script contient donc la fonction "envoiMessage" et chaque valeur devient une variable :

Code:
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var nom = form.nom.value
var prenom = form.prenom.value
var date1 = form.date1.value
var lieu1 = form.lieu1.value
var age1 = form.age1.value
var nationalite = form.nationalite.value
var ascendance = form.ascendance.value
var statut = form.statut.value
var famille = form.famille.value
var etudes = form.etudes.value
var emploi = form.emploi.value
var bois = form.bois.value
var element = form.element.value
var taille = form.taille.value
var constitution = form.constitution.value
var histoire = form.histoire.value
var psyche = form.psyche.value
var physique = form.physique.value
var pseudo = form.pseudo.value
var age2 = form.age2.value
var frequence = form.frequence.value
var code = form.code.value
var parrain = form.parrain.value
var enplus = form.enplus.value

}
</script>

ensuite , on va rajouter la variable "txt_message" pour le message proprement dit ...

cette variable contient le tableau en BBalise fait au début , plus les valeurs de remplacement ...
Le texte doit être entre guillemets , mais pas les valeurs ...

Code:
var txt_message = "[table class='fichepresentation' width=450 border=1][tr]"
+ "[td colspan='2' height=120][center]image[/center][/td]"
+ "[/tr][tr][td colspan='2' class='titrefiche']" + nom + " && " + prenom + "[/td][/tr][tr]"
+ "[td colspan='2' class='soustitre']FEAT VOTRE CÉLÉBRITÉ " + '\n' + '\n' + "[/td][/tr][tr]"
+ "[td][table class='ITG' border=1][tr][td]NOM[/td][td]" + nom + "[/td][/tr][tr]"
+ "[td]PRÉNOM(S)[/td][td]" + prenom + "[/td][/tr][tr]"
+ "[td]DATE DE NAISSANCE[/td][td]" + date1 + "[/td][/tr][tr]"
+ "[td]LIEU DE NAISSANCE[/td][td]" + lieu1 + "[/td][/tr][tr]"
+ "[td]ÂGE[/td][td]" + age1 + "[/td][/tr][tr]"
+ "[td]NATIONALITÉ[/td][td]" + nationalite + "[/td][/tr][tr]"
+ "[td]ASCENDANCE[/td][td]" + ascendance + "[/td][/tr][tr]"
+ "[td]STATUT[/td][td]" + statut + "[/td][/tr][tr]"
+ "[td]FAMILLE[/td][td]" + famille + "[/td][/tr][tr]"
+ "[td]ANNÉE D’ÉTUDE[/td][td]" + etudes + "[/td][/tr][tr]"
+ "[td]EMPLOI[/td][td]" + emploi + "[/td][/tr][/table][/td]"
+ "[td class='baguette' valign='top']"
+ "[center]" + '\n' + '\n' + "image" + '\n' + '\n' + "[/center]" + '\n'
+ "BAGUETTE EN BOIS DE [color=#63564B]" + bois + "[/color] CONTENANT UN(E) [color=#63564B]" + element + "[/color],"
+ "MESURANT [color=#63564B]" + taille + "[/color] PLUTÔT [color=#63564B]" + constitution + "[/color][/td][/tr][tr]"
+ "[td colspan='2' class='titrefiche2']RACONTE MOI UNE HISTOIRE" + '\n' + "[/td][/tr][tr]"
+ "[td colspan='2' class='champ' valign='top']" + histoire + "[/td][/tr][tr]"
+ "[td colspan='2' class='titrefiche2']CREUSONS UN PEU" + '\n' + "[/td][/tr][tr]"
+ "[td colspan='2' class='champ' valign='top']" + psyche + "[/td][/tr][tr]"
+ "[td colspan='2' class='champ' valign='top']" + physique + "[/td][/tr][tr]"
+ "[td colspan='2' class='titrefiche2']ET EN VRAI T‘ES QUOI?[/td][/tr][tr]"
+ "[td colspan='2' class='soustitre']T‘es pas un robot!" + '\n' + '\n' + "[/td][/tr][tr]"
+ "[td colspan='2'][table class='IRL' border=1][tr]"
+ "[td]PSEUDO[/td][td]" + pseudo + "[/td][/tr][tr]"
+ "[td]ÂGE[/td][td]" + age2 + "[/td][/tr][tr]"
+ "[td]TU VIENDRAS SOUVENT?[/td][td]" + frequence + "[/td][/tr][tr]"
+ "[td]DOUBLE COMPTE[/td][td]UNIQUEMENT SUR AUTORISATION DE LA DIRECTION[/td][/tr][tr]"
+ "[td]CODE DU REGLEMENT[/td][td]" + code + "[/td][/tr][tr]"
+ "[td]PARRAIN[/td][td]" + parrain + "[/td][/tr][/table][/td]"
+ "[/tr][tr][td colspan='2' class='titrefiche2']QUELQUE CHOSE A AJOUTER?[/td][/tr][tr]"
+ "[td colspan='2' class='champ' valign='top']" + enplus + "[/td][/tr][/table]";

Il reste à dire que cette variable est la nouvelle valeur du message , et de définir un titre automatiquement ...

Code:
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + pseudo ;


Le script complet:



Maintenant que le code est complet , il faut faire apparaitre la page HTML dans un message ...

on va simplement mettre une fenêtre dans ce message pour montrer la page , une iframe ...

<iframe name="" src="liendevotrepageHTML" frameborder="no" height="1500" scrolling="no" width="100%"></iframe>


Pour que le message envoyé ne s'ouvre pas dans cette fenêtre , on édite la page HTML , et on rajoute un target (une cible) à la balise "form" ...

<form action="liendevotreforum/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">


Ne pas oublier dans quel forum le message doit apparaitre !^^

<input type="hidden" name="f" value="1" /> <!-- ID du forum dans lequel le message sera posté -->
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: Générateur de formulaire de présentation / demande d'aide

Message par Melusine Calaelen Mer 7 Sep 2011 - 22:38

Désolée, j'ai des soucis de temps ces temps ci. Bref juste pour dire de pas fermer le sujet, des que je peux je fais un essaie! Very Happy
Melusine Calaelen

Melusine Calaelen
**

Messages : 72
Inscrit(e) le : 20/07/2011

http://forumenconstruction.rpg-boards.com/
Melusine Calaelen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Invité Jeu 15 Sep 2011 - 4:00

Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de formulaire de présentation / demande d'aide

Message par Scoubifitz Jeu 15 Sep 2011 - 11:53

petit up pour ne pas délester le sujet ...

Merci ,
Scoubifitz
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.

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