Problème avec mon formulaire de présentation

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

Résolu Problème avec mon formulaire de présentation

Message par manbcr le Dim 12 Mai 2013 - 11:25

Salut tout le monde ! Alors voilà j'ai un problème avec mon formulaire, quand je génère la page il me met : "Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster." j'ai regardé un peu partout pour faire mon formulaire mais là je n'y arriva pas è_é alors voilà le code :
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 de Présentation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">

.contour {
margin:0 20px;
text-align:center;
color: white;
border: 20px #FFFFFF;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://i83.servimg.com/u/f83/18/20/38/73/1280_s11.jpg) fixed;
}

</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Feminin" est coché ..
genre = "Feminin";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Masculin" est coché ..
genre = "Masculin";

var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
regle = "Non";


// Créer un message à partir des informations fournies
+ "[b] Présentation de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Mon Nom :[/b] " + form.surnom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Je suis :[/b] " + genre + '\n'
+ "[b]Crois tu en Dieu ? :[/b] " + form.crois.value + '\n'
+ "[b]Dans l'église :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]Mon caractère :[/b] " + form.caractere.value + '\n'
+ "[b]Mes couleurs préférées :[/b] " + form.couleur.value + '\n'
+ "[b]Je déteste :[/b] " + form.deteste.value + '\n'
+ "[b]Ce dont je veux parler sur le forum:[/b] " + form.bavard.value + '\n'
+ "[b]Je suis :[/b] " + form.role.value + '\n'
+ "[b]Ce que je pense de ce forum :[/b] " + form.impression.value + '\n'
+ "[b]Acceptes et approuves-tu le règlement ?[/b] " + regle + '\n'
+ "[b]Petit commentaire:[/b] " + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
}
alert("Merci de bien accepter le règlement avant de poster ta présentation.");
</script>
</head>
<body>
<form class="contour" 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" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="3" />

<h1>Veuillez remplir le formulaire de présentation suivant en faisant des phrases:</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="" size="50" maxlength="100" />

<br /><br />

<label for="prenom">Prénom :</label><br />
<input type="text" name="prenom" id="prenom" value="" size="50" maxlength="100" />

<br /><br />

<label for="surnom">Nom :</label><br />
<input type="text" name="surnom" id="surnom" value="" size="50" maxlength="100" />

<br /><br />

<label for="age">Age :</label><br />
<input type="text" name="age" id="age" value="" size="10" maxlength="100" />

<br /><br />

<label>Feminin ou Masculin ?</label>
<input type="radio" name="choixsexe" value="F" checked="checked">Feminin
<input type="radio" name="choixsexe" value="G">Masculin

<br /><br />

<label="crois">Crois-tu en Dieu ?</label><br />
<textarea name="crois" id="crois" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="occupation">Service dans l'église :</label><br />
<textarea name="occupation" id="occupation" rows="3" style="width:90%">* Louange, prédicateur, pas de service...* </textarea>

<br /><br />

<label for="passion">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="caractere">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="couleur">Couleur préférée :</label><br />
<input type="text" name="couleur" id="couleur" value="" size="50" maxlength="100" />

<br /><br />

<label for="deteste">Qu'est ce que tu détestes le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="bavard">De quoi voudrais tu parler sur le forum ?</label><br />
<textarea name="bavard" id="bavard" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="role">Qui es tu sur le forum ?</label><br />
<textarea name="role" id="role" rows="2" style="width:90%"> *Modérateur, Intercesseur, Evangeliste,membre...*</textarea>

<br /><br />

<label for="impression">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" style="width:90%"> </textarea>

<br /><br />


<label>Acceptes et approuves-tu le règlement ?</label>
<input type="radio" name="choixreglement" value="Y" checked="checked">Oui
<input type="radio" name="choixreglement" value="W">Non

<br /><br />

<label for="plus">Petit commentaire :</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de toi ou de ce que tu veux*</textarea>

<br /><br />

<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div>
Il y a peut-être des erreurs dans mon code >_< à vérifier parce que je suis trop nul en code Embarassed

Donc pour la mise en page c'est bon mais maintenant reste à faire envoyer ce formulaire sur le forum avec le contenu remplit Wink Merci pour vos réponses Smile

EDIT : ce code je l'ai constitué en piochant un peu partout sinon je ne sais pas le faire manuellement Wink
edit du code ici :
Code:
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Feminin" est coché ..
genre = "Feminin";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Masculin" est coché ..
genre = "Masculin";


Dernière édition par manbcr le Mer 15 Mai 2013 - 0:10, édité 2 fois

manbcr
****

Masculin
Messages : 483
Inscrit(e) le : 11/04/2013

http://worshipfreedomjesus.team-forum.net/
manbcr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon formulaire de présentation

Message par Scoubifitz le Lun 13 Mai 2013 - 7:10

bonjour,

je suppose qu'une alerte doit s'afficher quand l'approbation du règlement est sur "non" ...

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 de Présentation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:center;
color: white;
border: 20px #FFFFFF;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://i83.servimg.com/u/f83/18/20/38/73/1280_s11.jpg) fixed;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
genre = "une fille";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
genre = "un garçon";

var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
{regle = "Non";
alert("Merci de bien accepter le règlement avant de poster ta présentation.");
return false;
}
else
{
// Créer un message à partir des informations fournies
+ "[b] Présentation de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Mon Nom :[/b] " + form.surnom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Je suis :[/b] " + genre + '\n'
+ "[b]Crois tu en Dieu ? :[/b] " + form.crois.value + '\n'
+ "[b]Dans l'église :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]Mon caractère :[/b] " + form.caractere.value + '\n'
+ "[b]Mes couleurs préférées :[/b] " + form.couleur.value + '\n'
+ "[b]Je déteste :[/b] " + form.deteste.value + '\n'
+ "[b]Ce dont je veux parler sur le forum:[/b] " + form.bavard.value + '\n'
+ "[b]Je suis :[/b] " + form.role.value + '\n'
+ "[b]Ce que je pense de ce forum :[/b] " + form.impression.value + '\n'
+ "[b]Acceptes et approuves-tu le règlement ?[/b] " + regle + '\n'
+ "[b]Petit commentaire:[/b] " + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
return true;
}
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="3" />

<h1>Veuillez remplir le formulaire de présentation suivant en faisant des phrases:</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="" size="50" maxlength="100" />

<br /><br />

<label for="prenom">Prénom :</label><br />
<input type="text" name="prenom" id="prenom" value="" size="50" maxlength="100" />

<br /><br />

<label for="surnom">Nom :</label><br />
<input type="text" name="surnom" id="surnom" value="" size="50" maxlength="100" />

<br /><br />

<label for="age">Age :</label><br />
<input type="text" name="age" id="age" value="" size="10" maxlength="100" />

<br /><br />

<label>Feminin ou Masculin ?</label>
<input type="radio" name="choixsexe" value="F" checked="checked">Feminin
<input type="radio" name="choixsexe" value="G">Masculin

<br /><br />

<label="crois">Crois-tu en Dieu ?</label><br />
<textarea name="crois" id="crois" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="occupation">Service dans l'église :</label><br />
<textarea name="occupation" id="occupation" rows="3" style="width:90%">* Louange, prédicateur, pas de service...* </textarea>

<br /><br />

<label for="passion">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="caractere">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="couleur">Couleur préférée :</label><br />
<input type="text" name="couleur" id="couleur" value="" size="50" maxlength="100" />

<br /><br />

<label for="deteste">Qu'est ce que tu détestes le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="bavard">De quoi voudrais tu parler sur le forum ?</label><br />
<textarea name="bavard" id="bavard" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="role">Qui es tu sur le forum ?</label><br />
<textarea name="role" id="role" rows="2" style="width:90%"> *Modérateur, Intercesseur, Evangeliste,membre...*</textarea>

<br /><br />

<label for="impression">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" style="width:90%"> </textarea>

<br /><br />


<label>Acceptes et approuves-tu le règlement ?</label>
<input type="radio" name="choixreglement" value="Y" checked="checked">Oui
<input type="radio" name="choixreglement" value="W">Non

<br /><br />

<label for="plus">Petit commentaire :</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de toi ou de ce que tu veux*</textarea>

<br /><br />

<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Hi

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon formulaire de présentation

Message par manbcr le Lun 13 Mai 2013 - 8:09

Salut ! Oui si tu coche non une alerte s'affiche. J'ai testé le code que tu as mis mais sa me met toujours :
"Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster."
Je ne sais pas pourquoi Sad Help please !!!

manbcr
****

Masculin
Messages : 483
Inscrit(e) le : 11/04/2013

http://worshipfreedomjesus.team-forum.net/
manbcr a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec mon formulaire de présentation

Message par Scoubifitz le Lun 13 Mai 2013 - 15:43

voici le code corrigé et fonctionnel :

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 de Présentation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:center;
color: white;
border: 20px #FFFFFF;
border-radius: 25px;
box-shadow: 15px 15px 15px black;
text-shadow: 2px 2px 6px black;
background:url(http://i83.servimg.com/u/f83/18/20/38/73/1280_s11.jpg) fixed;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixsexe[0].checked == true) // Si le 1e bouton "Une fille" est coché ..
genre = "une fille";
else if(form.choixsexe[1].checked == true) // Si le 2e bouton "Un garçon" est coché ..
genre = "un garçon";

var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
{alert("Merci de bien accepter le règlement avant de poster ta présentation.");
return false;}

// Créer un message à partir des informations fournies
var txt_message = "[b] Présentation de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]Mon Nom :[/b] " + form.surnom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Je suis :[/b] " + genre + '\n'
+ "[b]Crois tu en Dieu ? :[/b] " + form.crois.value + '\n'
+ "[b]Dans l'église :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]Mon caractère :[/b] " + form.caractere.value + '\n'
+ "[b]Mes couleurs préférées :[/b] " + form.couleur.value + '\n'
+ "[b]Je déteste :[/b] " + form.deteste.value + '\n'
+ "[b]Ce dont je veux parler sur le forum:[/b] " + form.bavard.value + '\n'
+ "[b]Je suis :[/b] " + form.role.value + '\n'
+ "[b]Ce que je pense de ce forum :[/b] " + form.impression.value + '\n'
+ "[b]Acceptes et approuves-tu le règlement ?[/b] " + regle + '\n'
+ "[b]Petit commentaire:[/b] " + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Presentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this))">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="3" />

<h1>Veuillez remplir le formulaire de présentation suivant en faisant des phrases:</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input type="text" name="pseudo" id="pseudo" value="" size="50" maxlength="100" />

<br /><br />

<label for="prenom">Prénom :</label><br />
<input type="text" name="prenom" id="prenom" value="" size="50" maxlength="100" />

<br /><br />

<label for="surnom">Nom :</label><br />
<input type="text" name="surnom" id="surnom" value="" size="50" maxlength="100" />

<br /><br />

<label for="age">Age :</label><br />
<input type="text" name="age" id="age" value="" size="10" maxlength="100" />

<br /><br />

<label>Feminin ou Masculin ?</label>
<input type="radio" name="choixsexe" value="F" checked="checked">Feminin
<input type="radio" name="choixsexe" value="G">Masculin

<br /><br />

<label="crois">Crois-tu en Dieu ?</label><br />
<textarea name="crois" id="crois" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="occupation">Service dans l'église :</label><br />
<textarea name="occupation" id="occupation" rows="3" style="width:90%">* Louange, prédicateur, pas de service...* </textarea>

<br /><br />

<label for="passion">Tes passions :</label><br />
<textarea name="passion" id="passion" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="caractere">Ton caractère :</label><br />
<textarea name="caractere" id="caractere" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="couleur">Couleur préférée :</label><br />
<input type="text" name="couleur" id="couleur" value="" size="50" maxlength="100" />

<br /><br />

<label for="deteste">Qu'est ce que tu détestes le plus ?</label><br />
<textarea name="deteste" id="deteste" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="bavard">De quoi voudrais tu parler sur le forum ?</label><br />
<textarea name="bavard" id="bavard" rows="3" style="width:90%"> </textarea>

<br /><br />

<label for="role">Qui es tu sur le forum ?</label><br />
<textarea name="role" id="role" rows="2" style="width:90%"> *Modérateur, Intercesseur, Evangeliste,membre...*</textarea>

<br /><br />

<label for="impression">A première vue, que penses-tu de ce forum ?</label><br /> <!-- zone de texte long -->
<textarea name="impression" id="impression" rows="3" style="width:90%"> </textarea>

<br /><br />


<label>Acceptes et approuves-tu le règlement ?</label>
<input type="radio" name="choixreglement" value="Y" checked="checked">Oui
<input type="radio" name="choixreglement" value="W">Non

<br /><br />

<label for="plus">Petit commentaire :</label><br />
<textarea name="plus" id="plus" rows="3" style="width:90%"> *quelques lignes pour nous parler de toi ou de ce que tu veux*</textarea>

<br /><br />

<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon formulaire de présentation

Message par manbcr le Lun 13 Mai 2013 - 21:41

Merci beaucoup Yes pourrais tu m'expliquer SVP comment vous avez fait pour qu'il soit fonctionnel ?

Note : je le mettrais en résolue après Wink

manbcr
****

Masculin
Messages : 483
Inscrit(e) le : 11/04/2013

http://worshipfreedomjesus.team-forum.net/
manbcr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon formulaire de présentation

Message par Scoubifitz le Mar 14 Mai 2013 - 0:29

Alors ... dans le script , l'alerte ne doit se faire que si le bouton radio 'non" est coché , donc la condition doit se placer à cet endroit là ...

var regle = "";
if(form.choixreglement[0].checked == true) // Si le 1e bouton "oui" est coché ..
regle = "Oui";
else if(form.choixreglement[1].checked == true) // Si le 2e bouton "non" est coché ..
{alert("Merci de bien accepter le règlement avant de poster ta présentation.");
return false;}

Mais l'élément principal qui manquait pour l'envoi du message , c'est la variable "txt_message" qui était inexistante ...

le message était présent , mais il fallait le définir sous forme de variable , donc :

var txt_message = "blabla ..... " ;


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon formulaire de présentation

Message par manbcr le Mar 14 Mai 2013 - 1:52

J'ai pas tout compris mais ce que j'ai compris c'est qu'il manquait sa :
Code:
var txt_message = "

Ok la prochaine fois je saurais merci beaucoup Wink

PS : tu saurais pas comment faire aussi sa : http://forum.forumactif.com/t351025-creation-d-une-boutique-fictive Embarassed

Vous inquiétez pas je le mettrais en résolue après donc ne locké pas le sujet merci Wink

manbcr
****

Masculin
Messages : 483
Inscrit(e) le : 11/04/2013

http://worshipfreedomjesus.team-forum.net/
manbcr 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