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

[Melusine Calaelen]

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!

[Scoubifitz]

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

[Melusine Calaelen]

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.

[Scoubifitz]

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 ?

[Melusine Calaelen]

Dans un message.

[Scoubifitz]

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 ! ^^)

[Melusine Calaelen]

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

[Scoubifitz]

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 ?

[Melusine Calaelen]

Je vous l'envoie pas mp.

[Scoubifitz]

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 !

[Melusine Calaelen]

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

[Scoubifitz]

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

[Melusine Calaelen]

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 ?

[Scoubifitz]

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)

[Melusine Calaelen]

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

[Scoubifitz]

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É
NOM REPONSE PRÉNOM(S) REPONSE DATE DE NAISSANCE JJ/MM/AAAA LIEU DE NAISSANCE LA VILLE ET LE PAYS ÂGE XX ANS NATIONALITÉ REPONSE ASCENDANCE SANG PUR / SANG MÊLÉ / NÉ(E) MOLDU(E) STATUT CÉLIBATAIRE / EN COUPLE / MARIÉ(E) / DIVORCÉ(E) / AUTRE FAMILLE CERCONOR/FALCONIA/LOUPOCAN ANNÉE D’ÉTUDE REPONSE EMPLOI REPONSE 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!
PSEUDO REPONSE ÂGE XX ANS TU VIENDRAS SOUVENT? FRÉQUENCE DOUBLE COMPTE UNIQUEMENT SUR AUTORISATION DE LA DIRECTION CODE DU REGLEMENT REPONSE PARRAIN METS 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>

[Melusine Calaelen]

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

[Scoubifitz]

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 ?

[Melusine Calaelen]

Works...

[Scoubifitz]

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>

[Melusine Calaelen]

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?

[Scoubifitz]

ç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 ...

[Melusine Calaelen]

J'arrive pas à l'installer...


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

[Melusine Calaelen]

Et la prochaine étape c'est...?

[Scoubifitz]

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

[Melusine Calaelen]

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

[Scoubifitz]

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

[Melusine Calaelen]

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!

[Invité]

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

[Scoubifitz]

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

Merci ,
Scoubifitz