Formulaire de présentation

2 participants

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

Résolu Formulaire de présentation

Message par Lunay Mer 20 Nov 2013 - 17:26

/!\ J'ai entièrement réédité ma demande /!\

Bonsoir tout le monde Smile
Alors voila, j'ai décidé de créer un formulaire de présentation à mon forum histoire que ce ne soit pas trop compliqué pour les membres de le remplir (pas besoin de chercher la zone de texte au milieu de toutes les lignes de codes).

Je suis donc allée jeter un oeil sur ce topic https://forum.forumactif.com/t280246-formulaire#2492238 ainsi que celui-ci https://forum.forumactif.com/t334535-creer-un-generateur-de-presentation ou encore celui-là https://forum.forumactif.com/t305034-formulaire-de-presentation.

Je suis en train de tester ça sur mon forum de test, et j'aurais vraiment besoin de vos conseils.
J'ai réussi à créer le formulaire en question que j'ai mis dans une page html.
J'ai tenté de suivre les différentes explications des topics ci-dessus mais rien à faire :/
Quand je prévisualise ma page, le rendu du formulaire est vraiment bien.
Le truc c'est que quand je valide et que je fais un essai pour voir si ça va marcher, j'ai une alerte qui dit :
"Vous devez d'abord insérer un message avant de poster".
Du coup je n'arrive pas à voir le rendu final une fois la présentation postée via le formulaire, mon code ne fonctionne pas.

Si vous pouviez me renseigner et m'aider à améliorer ce formulaire pas à pas, je vous en serez vraiment très reconnaissante.

Merci de m'avoir lue ainsi que pour vos éventuelles réponses,
Lunay


Dernière édition par Lunay le Jeu 28 Nov 2013 - 21:53, édité 1 fois
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Lunay Mer 20 Nov 2013 - 22:35

Désolée vraiment pour le double-post, c'est juste pour prévenir que j'ai entièrement édité ma demande Embarassed 
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Lunay Ven 22 Nov 2013 - 0:51

Up Smile
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Lunay Lun 25 Nov 2013 - 20:50

Up again Smile
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz Mar 26 Nov 2013 - 20:37

bonsoir,

un essai ?

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 content="text/html; charset=utf-8;" http-equiv="content-type" />
<style type="text/css">
/* /!\ Présentation /!\ */
/* Modèle Prédéfini */

#h1_fpd{ /* Titre "Fiche Prédéfinie" */
margin-bottom: -30px;
margin-right: auto;
margin-left: auto;
padding-bottom : 10px;
height:50px;
letter-spacing : 4px; /* Espacement entre les lettres */
font-family: Fondamento;
font-size : 50px;
color : #3f362f;
text-shadow: #fff 2px 1px 0px;
text-align : center;
}
#mfiche_predefini{ /* Bloc Fiche Global */
background : #998067; /* Couleur de fond de la fiche */
width: 90%;
border-top : 4px solid #fff;
border-bottom : 4px solid #fff;
border-left : 1px dotted #fff;
border-right : 1px dotted #fff;
border-radius: 25px;
margin: auto; /* Fiche automatiquement centré */
padding:30px 0;
}

/* Bloc Informations + Avatar */

#info_avatar{ /* Bloc invisible autour de l'avatar, du pseudo, et du bloc information */
width: 100%;
height: 450px;
}
#fp_avatar{ /* Bloc invisible autour de l'avatar et du pseudo */
position: relative;
width: 200px;
margin-left: 30px;
float: left; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
transition: all 1s ease; /* Temps de transaction entre normal et au survol */
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-htm-transition: all 1s ease;
-webkit-transition: all 1s ease;
transform: rotate(5deg); /* Rotate = Rotation(degres) */
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
#fp_avatar:hover{ /* Rotation du bloc au survol de l'avatar ou pseudo */
transition: all 1s ease; /* Temps de transaction entre survol et normal*/
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-htm-transition: all 1s ease;
-webkit-transition: all 1s ease;
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-htm-transform: rotate(-5deg);
}
#fp_avatar h2{ /* Titre "Pseudo" au dessus de l'avatar */
position: relative;
text-align : center;
height:34px;
font-family: 'Bad Script';
font-size : 34px;
margin-top: -6px;
margin-bottom: -12px;
letter-spacing : 4px;
color : #3f362f;
text-shadow: #9c9c9c 2px 0px 0px;
z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
.upper { display:inline-block;text-transform:capitalize;}
#fp_avatar img{ /* Avatar */
transform: rotate(5deg);
position: relative;
width: 200px;
height: 400px;
border: 1 dashed #9f9f9f;
border-radius: 5px;
margin-top: -4px;
z-index: 10; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
#h3p_info{ /* Titre "Informations" */

position: relative;
text-align : center;
font-family : 'Bad Script';
font-size : 30px;
margin-left: -190px;
margin-top: -4px;
margin-bottom: -1px;
color : #3f362f;
text-shadow: #696969 2px 0px 0px;
z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
#p_informations{ /* Bloc Informations */
background: #6e5947;
position: relative;
width : 55%;
height : 400px;
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
margin-top: -16px;
margin-right : 30px;
border-radius: 20px;
float: right; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
}
#p_informations p{ /* Bloc Paragraphe/Texte */
background: #6e5947;
width: 96%;
height: 390px;
margin-top: 6px;
margin-left: 8px;
font-family: 'Times New Roman';
color: #fff;
text-align : center;
overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
}

/* Bloc Capacité + Chrolonogie */

.h3_divers{ /* Titre "Capacité" + "Chronologie" */
position: relative;
text-align : center;
font-family : 'Bad Script';
font-size : 33px;
margin-top: 5px;
margin-bottom : -18px;
color : #3f362f;
text-shadow: #696969 2px 0px 0px;
}
.divers{ /* Bloc "Capacité" + "Chronologie" */
background: #6e5947;
width: 98%;
height: 200px;
margin : 0 auto 0; /* Permet au bloc d'être centré */
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
border-radius: 20px;
}
.divers p{ /* Bloc Paragraphe/Texte */

background: #6e5947;
width: 96%;
height: 190px;
margin-top: 6px;
margin-left: 10px;
font-family: 'Times New Roman';
color: #dfdfdf;
text-align : justify;
overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
}
</style>
<script type="text/javascript">
function reflect(target){
    document.getElementById('status').innerHTML = target.value;
    document.getElementById('status0').innerHTML = target.value;
}
function reflect1(target1){
    document.getElementById('status1').innerHTML = target1.value;
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var prenom = form.prenom.value;
var Nom = form.nom.value;
var Age = form.age1.value;
var Ascendance = form.Ascendance.value;
var Autres = form.Autres.value;
var Physique = form.Physique.value;
var Caractere = form.Caractere.value;
var Histoire = form.Histoire.value;
var txt_message="<h1 id='h1_fpd'>" +prenom+ " " +Nom+ "</h1>\n"
+ "<div id='mfiche_predefini'>\n"
+ "<div id='info_avatar'>\n"
+ "<div id='fp_avatar'>\n"
+ "<h2>" +prenom+ "</h2>\n"
+ "<img src='http://img534.imageshack.us/img534/3624/idir.jpg' alt='Avatar' />\n"
+ "</div>\n"
+ "<h3 id='h3p_info'>Identité</h3>\n"
+ "<div id='p_informations'><p>\n"
+ "Prénom : " +prenom+ "\n"
+ "Nom : " +Nom+ "\n"
+ "Age : " +Age+ "\n"
+ "Ascendance : " +Ascendance+ "\n"
+ "Autre : " +Autres+ "\n"
+ "Baguette : A compléter une fois la baguette achetée chez Ollivander.\n"
+ "</p></div>\n</div>\n"
+ "<h3 class='h3_divers'>Physique</h3>\n"
+ "<div class='divers'><p>" +Physique+ "</p></div>\n"
+ "<h3 class='h3_divers'>Caractère</h3>\n"
+ "<div class='divers'><p>" +Caractere+ "</p></div>\n"
+ "<h3 class='h3_divers'>Histoire</h3>\n"
+ "<div class='divers'><p>" +Histoire+ "</p></div></div>";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " +Nom ;
}

</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<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  -->
<h1 id="h1_fpd"><span id="status0" class="upper"></span> <span id="status1" class="upper"></span></h1>
<div id="mfiche_predefini">
<div id="info_avatar">
<div id="fp_avatar">
<h2><span id="status" class="upper"></span></h2>
<img alt="Avatar" src="http://img534.imageshack.us/img534/3624/idir.jpg" /></div>
<h3 id="h3p_info">
Identité</h3>
<div id="p_informations">
<p>
<br />
Prénom : <input maxlength="60" name="prenom" type="text" onkeyup="reflect(this);" /><br />
Nom : <input maxlength="60" name="nom" type="text" onkeyup="reflect1(this);" /><br />
Age : <input maxlength="60" name="Age" type="text" /><br />
Ascendance : <select name="Ascendance">
<option value="">Né(e)-Moldu(e)</option>
<option value="">Sang-Mêlé(e)</option>
<option value="">Sang-Pur(e)</option>
<option selected="selected" value="">Inconnue</option>
</select><br />
Autres (parents, surnom, famille etc) :<br />
<textarea cols="30" name="Autres" rows="12"></textarea></p>
</div>
</div>
<h3 class="h3_divers">Physique</h3>
<div class="divers">
<p><textarea cols="70" name="Physique" rows="20"></textarea></p>
</div>
<h3 class="h3_divers">Caractère</h3>
<div class="divers">
<p><textarea cols="70" name="Caractere" rows="20"></textarea></p>
</div>
<h3 class="h3_divers">Histoire</h3>
<div class="divers">
<p><textarea cols="70" name="Histoire" rows="60"></textarea></p>
</div>
</div>
<center><input type="submit" name="post" value="Envoyer" /> <input type="reset" /></center>
</form>
</body>
</html>
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: Formulaire de présentation

Message par Lunay Jeu 28 Nov 2013 - 18:02

Bonjour, bonjour Smile
Un grand merci pour votre aide ^^

J'ai comparé mon code et votre code et j'ai pu voir les modifications/ajouts apportés.
En revanche, quand je clique sur "envoyer", j'ai toujours le même problème avec la page d'un nouveau sujet qui s'ouvre et ce message qui apparaît : "vous devez entrer un message avant de poster".

Dois-je mettre quelque chose entre les deux guillemets de value, ici? :

Code:
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
Merci beaucoup pour votre aide, vraiment Smile

Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz Jeu 28 Nov 2013 - 19:06

oups !

il faut remplacer :

Code:
var Age = form.age1.value;
par :

Code:
var Age = form.Age.value;
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: Formulaire de présentation

Message par Lunay Jeu 28 Nov 2013 - 19:41

Merci beaucoup pour cette réponse rapide Smile
Alors j'ai apporté la modification mais malheureusement, toujours le même message qui apparaît sauf que cette fois-ci cela me demande de préciser un titre pour le sujet.

Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Peut-être que j'ai oublié de faire quelque chose?
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation

Message par Scoubifitz Jeu 28 Nov 2013 - 21:14

Avez vous entièrement remplacé vote code par celui que je vous ai donné ?

je remets le code , que j'ai testé :

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 content="text/html; charset=utf-8;" http-equiv="content-type" />
<style type="text/css">
/* /!\ Présentation /!\ */
/* Modèle Prédéfini */

#h1_fpd{ /* Titre "Fiche Prédéfinie" */
margin-bottom: -30px;
margin-right: auto;
margin-left: auto;
padding-bottom : 10px;
height:50px;
letter-spacing : 4px; /* Espacement entre les lettres */
font-family: Fondamento;
font-size : 50px;
color : #3f362f;
text-shadow: #fff 2px 1px 0px;
text-align : center;
}
#mfiche_predefini{ /* Bloc Fiche Global */
background : #998067; /* Couleur de fond de la fiche */
width: 90%;
border-top : 4px solid #fff;
border-bottom : 4px solid #fff;
border-left : 1px dotted #fff;
border-right : 1px dotted #fff;
border-radius: 25px;
margin: auto; /* Fiche automatiquement centré */
padding:30px 0;
}

/* Bloc Informations + Avatar */

#info_avatar{ /* Bloc invisible autour de l'avatar, du pseudo, et du bloc information */
width: 100%;
height: 450px;
}
#fp_avatar{ /* Bloc invisible autour de l'avatar et du pseudo */
position: relative;
width: 200px;
margin-left: 30px;
float: left; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
transition: all 1s ease; /* Temps de transaction entre normal et au survol */
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-htm-transition: all 1s ease;
-webkit-transition: all 1s ease;
transform: rotate(5deg); /* Rotate = Rotation(degres) */
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
#fp_avatar:hover{ /* Rotation du bloc au survol de l'avatar ou pseudo */
transition: all 1s ease; /* Temps de transaction entre survol et normal*/
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-htm-transition: all 1s ease;
-webkit-transition: all 1s ease;
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-htm-transform: rotate(-5deg);
}
#fp_avatar h2{ /* Titre "Pseudo" au dessus de l'avatar */
position: relative;
text-align : center;
height:34px;
font-family: 'Bad Script';
font-size : 34px;
margin-top: -6px;
margin-bottom: -12px;
letter-spacing : 4px;
color : #3f362f;
text-shadow: #9c9c9c 2px 0px 0px;
z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
.upper { display:inline-block;text-transform:capitalize;}
#fp_avatar img{ /* Avatar */
transform: rotate(5deg);
position: relative;
width: 200px;
height: 400px;
border: 1 dashed #9f9f9f;
border-radius: 5px;
margin-top: -4px;
z-index: 10; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
#h3p_info{ /* Titre "Informations" */

position: relative;
text-align : center;
font-family : 'Bad Script';
font-size : 30px;
margin-left: -190px;
margin-top: -4px;
margin-bottom: -1px;
color : #3f362f;
text-shadow: #696969 2px 0px 0px;
z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
}
#p_informations{ /* Bloc Informations */
background: #6e5947;
position: relative;
width : 55%;
height : 400px;
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
margin-top: -16px;
margin-right : 30px;
border-radius: 20px;
float: right; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
}
#p_informations p{ /* Bloc Paragraphe/Texte */
background: #6e5947;
width: 96%;
height: 390px;
margin-top: 6px;
margin-left: 8px;
font-family: 'Times New Roman';
color: #fff;
text-align : center;
overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
}

/* Bloc Capacité + Chrolonogie */

.h3_divers{ /* Titre "Capacité" + "Chronologie" */
position: relative;
text-align : center;
font-family : 'Bad Script';
font-size : 33px;
margin-top: 5px;
margin-bottom : -18px;
color : #3f362f;
text-shadow: #696969 2px 0px 0px;
}
.divers{ /* Bloc "Capacité" + "Chronologie" */
background: #6e5947;
width: 98%;
height: 200px;
margin : 0 auto 0; /* Permet au bloc d'être centré */
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
border-radius: 20px;
}
.divers p{ /* Bloc Paragraphe/Texte */

background: #6e5947;
width: 96%;
height: 190px;
margin-top: 6px;
margin-left: 10px;
font-family: 'Times New Roman';
color: #dfdfdf;
text-align : justify;
overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
}
</style>
<script type="text/javascript">
function reflect(target){
document.getElementById('status').innerHTML = target.value;
document.getElementById('status0').innerHTML = target.value;
}
function reflect1(target1){
document.getElementById('status1').innerHTML = target1.value;
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var prenom = form.prenom.value;
var Nom = form.nom.value;
var Age = form.Age.value;
var Ascendance = form.Ascendance.value;
var Autres = form.Autres.value;
var Physique = form.Physique.value;
var Caractere = form.Caractere.value;
var Histoire = form.Histoire.value;
var txt_message="<h1 id='h1_fpd'>" +prenom+ " " +Nom+ "</h1>\n"
+ "<div id='mfiche_predefini'>\n"
+ "<div id='info_avatar'>\n"
+ "<div id='fp_avatar'>\n"
+ "<h2>" +prenom+ "</h2>\n"
+ "<img src='http://img534.imageshack.us/img534/3624/idir.jpg' alt='Avatar' />\n"
+ "</div>\n"
+ "<h3 id='h3p_info'>Identité</h3>\n"
+ "<div id='p_informations'><p>\n"
+ "Prénom : " +prenom+ "\n"
+ "Nom : " +Nom+ "\n"
+ "Age : " +Age+ "\n"
+ "Ascendance : " +Ascendance+ "\n"
+ "Autre : " +Autres+ "\n"
+ "Baguette : A compléter une fois la baguette achetée chez Ollivander.\n"
+ "</p></div>\n</div>\n"
+ "<h3 class='h3_divers'>Physique</h3>\n"
+ "<div class='divers'><p>" +Physique+ "</p></div>\n"
+ "<h3 class='h3_divers'>Caractère</h3>\n"
+ "<div class='divers'><p>" +Caractere+ "</p></div>\n"
+ "<h3 class='h3_divers'>Histoire</h3>\n"
+ "<div class='divers'><p>" +Histoire+ "</p></div></div>";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " +Nom ;
}

</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<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  -->
<h1 id="h1_fpd"><span id="status0" class="upper"></span> <span id="status1" class="upper"></span></h1>
<div id="mfiche_predefini">
<div id="info_avatar">
<div id="fp_avatar">
<h2><span id="status" class="upper"></span></h2>
<img alt="Avatar" src="http://img534.imageshack.us/img534/3624/idir.jpg" /></div>
<h3 id="h3p_info">
Identité</h3>
<div id="p_informations">
<p>
<br />
Prénom : <input maxlength="60" name="prenom" type="text" onkeyup="reflect(this);" /><br />
Nom : <input maxlength="60" name="nom" type="text" onkeyup="reflect1(this);" /><br />
Age : <input maxlength="60" name="Age" type="text" /><br />
Ascendance : <select name="Ascendance">
<option value="">Né(e)-Moldu(e)</option>
<option value="">Sang-Mêlé(e)</option>
<option value="">Sang-Pur(e)</option>
<option selected="selected" value="">Inconnue</option>
</select><br />
Autres (parents, surnom, famille etc) :<br />
<textarea cols="30" name="Autres" rows="12"></textarea></p>
</div>
</div>
<h3 class="h3_divers">Physique</h3>
<div class="divers">
<p><textarea cols="70" name="Physique" rows="20"></textarea></p>
</div>
<h3 class="h3_divers">Caractère</h3>
<div class="divers">
<p><textarea cols="70" name="Caractere" rows="20"></textarea></p>
</div>
<h3 class="h3_divers">Histoire</h3>
<div class="divers">
<p><textarea cols="70" name="Histoire" rows="60"></textarea></p>
</div>
</div>
<center><input type="submit" name="post" value="Envoyer" /> <input type="reset" /></center>
</form>
</body>
</html>
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: Formulaire de présentation

Message par Lunay Jeu 28 Nov 2013 - 21:19

Shocked En fait j'avais mis le code dans une autre page html pour faire le test.
Du coup, comme vous venez de me le dire, j'ai remplacé l'ancien code par celui-ci et ça fonctionne super bien !
Merci beaucoup, vraiment !
Cependant, j'aurais une autre question mais ça ne m'embête pas d'ouvrir un autre sujet s'il le faut. En fait j'aimerais savoir si il y aurait une fonction qui permettrai que dans la partie "avatar", l'avatar du posteur s'y mette automatiquement?
Car là j'ai mis une image bateau pour faire le test mais j'aimerais que l'avatar que l'utilisateur a mis dans son profil apparaisse automatiquement dans le formulaire à l'endroit prévu lorsqu'il poste :/

En tout cas vraiment, merci beaucoup Very Happy
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz Jeu 28 Nov 2013 - 21:34

il n'y a pas de variable pour l'avatar à placer dans un message ... Mince 

la liste des variables :

{USERNAME} :(Nom d'utilisateur)
{USERLINK} : (Voir le profil de l'utilisateur)
{USERBIRTHDAY} : (Date de naissance)
{USERAGE} : (Age)
{USERREGDATE} :  (Inscrit le)
{USERLASTVISIT} :  (Dernière visite)
{USERCOUNTPOST} :  (Messages)
{NOW} : Jeu 28 Nov 2013 (Date du jour)
{NOWWITHTIME} : Jeu 28 Nov 2013 - 21:28 (Date/heure du jour)
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.
  • 0

Résolu Re: Formulaire de présentation

Message par Lunay Jeu 28 Nov 2013 - 21:37

Ah d'accord, tant pis alors Smile
C'est juste que je ne savais pas comment mettre un champs avec la fonction "parcourir" dans le formulaire pour que l'utilisateur puisse mettre une image 200*400 de son personnage. Je vais tenter de me pencher de ce côté là alors ^^
Merci beaucoup pour votre aide !!
Lunay

Lunay
***

Féminin
Messages : 105
Inscrit(e) le : 16/11/2011

http://pottermore-betatest.forumotion.com/
Lunay a été remercié(e) par l'auteur de ce sujet.

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