Accueil
Créer un forumPersonnalisation d'un formulaire
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Personnalisation d'un formulaire
par rs_popeye Mar 26 Mar 2013 - 23:38
Bonsoir,
Je viens de créer un formulaire (en piochant à droite et à gauche) qui est fonctionnel, dont voici le code :
Mais je souhaiterai apporter une modification sur les points suivants :
- changer la couleur des réponses par du bleu afin de bien les différencier du formulaire une fois ce dernier envoyé
- obliger le membre à remplir certains champs tel que ceux du pseudo, de la date de naissance et de la localisation.
- créer un message d'alerte afin de le prévenir de renseigner les champs obligatoire
N'étant pas doué avec les langages utilisés, je sollicite votre aide.
Cordialement.
Je viens de créer un formulaire (en piochant à droite et à gauche) qui est fonctionnel, dont voici 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>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + form.pseudo.value
+ "\n\nPseudo : " + form.pseudo.value
+ "\nPseudo dans le jeu : " + form.pseudo2.value
+ "\nDate de naissance : " + form.date.value
+ "\nJe suis de : " + form.localisation.value
+ "\n\nJe postule pour : " + genre
+ "\nMon ancienneté sur ce FPS : " + form.anciennete.value
+ "\nMes anciennes teams sur ce fps : " + form.team.value
+ "\n\nMon expérience sur les FPS en ligne : " + form.experience.value
+ "\nLes valeurs que je peux aporter au team : " + form.valeurs.value
+ "\nJ'ai choisi les Royal Satanik pour : " + form.choix.value
+ "\nMes autres FPS en ligne : " + form.fps.value
+ "\nInformations complémentaires : " + form.divers.value
+ "\n\nJ'accepte le règlement du team : " + regle;
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Candidature + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
}
</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="1" />
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Mais je souhaiterai apporter une modification sur les points suivants :
- changer la couleur des réponses par du bleu afin de bien les différencier du formulaire une fois ce dernier envoyé
- obliger le membre à remplir certains champs tel que ceux du pseudo, de la date de naissance et de la localisation.
- créer un message d'alerte afin de le prévenir de renseigner les champs obligatoire
N'étant pas doué avec les langages utilisés, je sollicite votre aide.
Cordialement.
Dernière édition par rs_popeye le Mer 27 Mar 2013 - 23:36, édité 1 fois
rs_popeye- ****
-
Messages : 252
Inscrit(e) le : 05/06/2011 -
Re: Personnalisation d'un formulaire
par Kaff Mer 27 Mar 2013 - 15:45
Bonjour,
pouvez-vous tester ceci ?
pouvez-vous tester ceci ?
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" form.pseudo.value
"\n\n[b]Pseudo :[/b] " form.pseudo.value
"\n[b]Pseudo dans le jeu :[/b] " form.pseudo2.value
"\n[b]Date de naissance :[/b] " form.date.value
"\n[b]Je suis de :[/b] " form.localisation.value
"\n\n[b]Je postule pour :[/b] " genre
"\n[b]Mon ancienneté sur ce FPS :[/b] " form.anciennete.value
"\n[b]Mes anciennes teams sur ce fps :[/b] " form.team.value
"\n\n[b]Mon expérience sur les FPS en ligne :[/b] " form.experience.value
"\n[b]Les valeurs que je peux aporter au team :[/b] " form.valeurs.value
"\n[b]J'ai choisi les Royal Satanik pour :[/b] " form.choix.value
"\n[b]Mes autres FPS en ligne :[/b] " form.fps.value
"\n[b]Informations complémentaires :[/b] " form.divers.value
"\n\n[b]J'accepte le règlement du team :[/b] " regle;
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Candidature pseudo) :
form.subject.value = "Candidature de " form.pseudo.value;
}
</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="1" />
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input name="pseudo" type="text" required/>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input name="pseudo2" type="text" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance :</label><br />
<input name="date" type="text" required></textarea>
<br /><br />
<label for="localisation">Localisation</label><br />
<input name="localisation" type="text" placeholder="Indique ton département" required></textarea>
<br /><br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<input name="anciennete" type="text"></textarea>
<br /><br />
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Kaff- *
- Messages : 30
Inscrit(e) le : 19/03/2013 -
Re: Personnalisation d'un formulaire
par Scoubifitz Mer 27 Mar 2013 - 18:43
bonsoir,
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if( pseudo == "" || date == "" || localisation == "" )
{
document.getElementById("errormsg").innerHTML = "Merci de remplir tous les champs.";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : " + pseudo
+ "\nPseudo dans le jeu : [color=steelblue]" + pseudo2 + "[/color]"
+ "\nDate de naissance : [color=steelblue]" + date + "[/color]"
+ "\nJe suis de : [color=steelblue]" + localisation + "[/color]"
+ "\n\nJe postule pour : [color=steelblue]" + genre + "[/color]"
+ "\nMon ancienneté sur ce FPS : [color=steelblue]" + form.anciennete.value + "[/color]"
+ "\nMes anciennes teams sur ce fps : [color=steelblue]" + form.team.value + "[/color]"
+ "\n\nMon expérience sur les FPS en ligne : [color=steelblue]" + form.experience.value + "[/color]"
+ "\nLes valeurs que je peux aporter au team : [color=steelblue]" + form.valeurs.value + "[/color]"
+ "\nJ'ai choisi les Royal Satanik pour : [color=steelblue]" + form.choix.value + "[/color]"
+ "\nMes autres FPS en ligne : [color=steelblue]" + form.fps.value + "[/color]"
+ "\nInformations complémentaires : [color=steelblue]" + form.divers.value + "[/color]"
+ "\n\nJ'accepte le règlement du team : [color=steelblue]" + regle + "[/color]";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Candidature + pseudo) :
form.subject.value = "Candidature 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="1" />
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
<span style="color:red;" id="errormsg"></span><br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Scoubifitz- Membre actif
-
Messages : 3687
Inscrit(e) le : 18/03/2008 -
Re: Personnalisation d'un formulaire
par rs_popeye Mer 27 Mar 2013 - 20:33
Bonsoir Kaff et Scoubitiz,
Merci de vous pencher sur mon problème de code.
Je viens d'essayer les deux que vous me proposez et aucun ne fonctionne, je m'explique :
- Celui de Kaff fait bien apparaître un message d’erreur si on ne rempli pas un champ obligatoire.
Mais si on rempli tous les champs, le message n'ait pas créé, un message d'erreur apparaît :
Même si on rempli tous les champs j'ai le même message d'erreur que celui de Kaff, à savoir
J'ai bien tenté de modifier vos codes, mais mon niveaux ne me permet pas d'y arriver.
Cordialement.
Merci de vous pencher sur mon problème de code.
Je viens d'essayer les deux que vous me proposez et aucun ne fonctionne, je m'explique :
- Celui de Kaff fait bien apparaître un message d’erreur si on ne rempli pas un champ obligatoire.
Mais si on rempli tous les champs, le message n'ait pas créé, un message d'erreur apparaît :
- Celui de Scoubititz, il ne fait pas de message d'erreur si on ne rempli pas un champ obligatoire.Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Même si on rempli tous les champs j'ai le même message d'erreur que celui de Kaff, à savoir
Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
J'ai bien tenté de modifier vos codes, mais mon niveaux ne me permet pas d'y arriver.
Cordialement.
rs_popeye- ****
-
Messages : 252
Inscrit(e) le : 05/06/2011 -
Re: Personnalisation d'un formulaire
par Scoubifitz Mer 27 Mar 2013 - 22:44
le code de Kaff utilise des "required" pour rendre les champs de textes obligatoires . le message d'erreur s'affiche directement sur le champ , si vous utilisez un navigateur à jour .
il a placé des balises de gras dans le script d'envoi , mais a effacé les " + " avant les valeurs . de plus les "textarea" ont été remplacés par des "input" , mais en laissant les balises fermantes des "textarea" .
le code que je propose affiche un message d'erreur juste au dessus du bouton d'envoi .
mon code est fonctionnel , mais il se peut que le copié-collé ait des problèmes (remplacement du BBcode par du Html dans le script) ...
on réessaie ? :
il a placé des balises de gras dans le script d'envoi , mais a effacé les " + " avant les valeurs . de plus les "textarea" ont été remplacés par des "input" , mais en laissant les balises fermantes des "textarea" .
le code que je propose affiche un message d'erreur juste au dessus du bouton d'envoi .
mon code est fonctionnel , mais il se peut que le copié-collé ait des problèmes (remplacement du BBcode par du Html dans le script) ...
on réessaie ? :
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var pseudo = form.pseudo.value;
var pseudo2 = form.pseudo2.value;
var date = form.date.value;
var localisation = form.localisation.value;
var genre = "";
if(form.choixfps[0].checked === true)
genre = "Romustrike";
else if(form.choixfps[1].checked === true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked === true)
regle = "Oui";
else if(form.reglement[1].checked === true)
regle = "Non";
/* Refuser l'envoi si un des champs suivants est vide */
if( pseudo === "" || date === "" || localisation === "" )
{
document.getElementById("errormsg").innerHTML = "Merci de remplir tous les champs.";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : " + pseudo
+ "\nPseudo dans le jeu : [co"+"lor=steelblue]" + pseudo2 + '[/color]'
+ "\nDate de naissance : [co"+"lor=steelblue]" + date + '[/color]'
+ "\nJe suis de : [co"+"lor=steelblue]" + localisation + '[/color]'
+ "\n\nJe postule pour : [co"+"lor=steelblue]" + genre + '[/color]'
+ "\nMon ancienneté sur ce FPS : [co"+"lor=steelblue]" + form.anciennete.value + '[/color]'
+ "\nMes anciennes teams sur ce fps : [co"+"lor=steelblue]" + form.team.value + '[/color]'
+ "\n\nMon expérience sur les FPS en ligne : [co"+"lor=steelblue]" + form.experience.value + '[/color]'
+ "\nLes valeurs que je peux aporter au team : [co"+"lor=steelblue]" + form.valeurs.value + '[/color]'
+ "\nJ'ai choisi les Royal Satanik pour : [co"+"lor=steelblue]" + form.choix.value + '[/color]'
+ "\nMes autres FPS en ligne : [co"+"lor=steelblue]" + form.fps.value + '[/color]'
+ "\nInformations complémentaires : [co"+"lor=steelblue]" + form.divers.value + '[/color]'
+ "\n\nJ'accepte le règlement du team : [co"+"lor=steelblue]" + regle + '[/color]';
/* Insère le texte construit dans le champ caché "message" du formulaire */
form.message.value = txt_message;
/* Créer un titre de sujet dynamiquement (Candidature + pseudo) */
form.subject.value = "Candidature 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="1" />
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:100%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance :</label><br />
<textarea name="date" id="date" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="localisation">Localisation</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:100%" placeholder="Indique ton département"></textarea>
<br /><br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<textarea name="anciennete" id="anciennete" rows="1" style="width:100%"></textarea>
<br /><br />
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
<span style="color:red;" id="errormsg"> </span><br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Scoubifitz- Membre actif
-
Messages : 3687
Inscrit(e) le : 18/03/2008 -
Re: Personnalisation d'un formulaire
par Kaff Mer 27 Mar 2013 - 23:16
En effet il doit y avoir un problème au niveau du copier/coller car je n'ai pas supprimé les "+".
Chez moi le script que j'ai posté fonctionne.
Je réessaye le copier/coller.
Chez moi le script que j'ai posté fonctionne.
Je réessaye le copier/coller.
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Royal Satanik Multigaming</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
color: green;
font-size:12px
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var genre = "";
if(form.choixfps[0].checked == true)
genre = "Romustrike";
else if(form.choixfps[1].checked == true)
genre = "Aliance of Valiant Arms";
var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";
// Créer un message à partir des informations fournies
var txt_message = " Candidature de :" + form.pseudo.value
+ "\n\n <strong>Pseudo :</strong> " + form.pseudo.value
+ "\n<strong>Pseudo dans le jeu :</strong> " + form.pseudo2.value
+ "\n<strong>Date de naissance :</strong> " + form.date.value
+ "\n<strong>Je suis de :</strong> " + form.localisation.value
+ "\n\n<strong>Je postule pour :</strong> " + genre
+ "\n<strong>Mon ancienneté sur ce FPS :</strong> " + form.anciennete.value
+ "\n<strong>Mes anciennes teams sur ce fps :</strong> " + form.team.value
+ "\n\n<strong>Mon expérience sur les FPS en ligne :</strong> " + form.experience.value
+ "\n<strong>Les valeurs que je peux aporter au team :</strong> " + form.valeurs.value
+ "\n<strong>J'ai choisi les Royal Satanik pour :</strong> " + form.choix.value
+ "\n<strong>Mes autres FPS en ligne :</strong> " + form.fps.value
+ "\n<strong>Informations complémentaires :</strong> " + form.divers.value
+ "\n\n<strong>J'accepte le règlement du team :</strong> " + regle;
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Créer un titre de sujet dynamiquement (Candidature + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
}
</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="1" />
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />
<label for="pseudo">Pseudo :</label><br />
<input name="pseudo" type="text" required/>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input name="pseudo2" type="text" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance :</label><br />
<input name="date" type="text" required></textarea>
<br /><br />
<label for="localisation">Localisation</label><br />
<input name="localisation" type="text" placeholder="Indique ton département" required></textarea>
<br /><br />
<label>Pour quel FPS postulez vous ?</label><br />
<input type="radio" name="choixfps" value="1" checked="checked">Romustrike<br />
<input type="radio" name="choixfps" value="2">Aliance of Valiant Arms<br /><br />
<label for="anciennete">Quelle est ton ancienneté sur ce FPS ?</label><br />
<input name="anciennete" type="text"></textarea>
<br /><br />
<label for="team">As-tu déjà fais parti d'un team sur ce fps ?(si oui, lequel) ?</label><br />
<textarea name="team" id="team" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="experience">Quelle est ton expérience sur les FPS en ligne ?</label><br />
<textarea name="experience" id="experience" rows="3" style="width:100%"></textarea>
<br /><br />
<label for="valeurs">Quelles sont les valeurs que tu peux apporter au team ? :</label><br />
<textarea name="valeurs" id="valeurs" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?:</label><br />
<textarea name="choix" id="choix" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="fps">Joues-tu à d'autres FPS en ligne (si oui, lesquels) ?</label><br />
<textarea name="fps" id="fps" rows="3" style="width:100%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:100%" placeholder="Si tu souhaites ajouter quelque chose, fais le ici"></textarea>
<br /><br />
<label>Je m'engage à respecter les règles du team </label><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
<input type="submit" name="post" value="Valider ma fiche de présentation">
<br /><br />
</form>
</body>
</html>
Kaff- *
- Messages : 30
Inscrit(e) le : 19/03/2013 -
Re: Personnalisation d'un formulaire
par rs_popeye Mer 27 Mar 2013 - 23:36
Re,
Merci à vous deux, vos codes fonctionnent correctement à présent.
Je vais retenir celui de Scoubifitz, il a incorporé un changement de couleur pour différencier la réponse de la question sur le message généré.
Encore merci.
Cordialement.
Merci à vous deux, vos codes fonctionnent correctement à présent.
Je vais retenir celui de Scoubifitz, il a incorporé un changement de couleur pour différencier la réponse de la question sur le message généré.
Encore merci.
Cordialement.
rs_popeye- ****
-
Messages : 252
Inscrit(e) le : 05/06/2011 -
Sujets similaires» Problème avec un script (js) qui remplace le formulaire de création de sujet par son propre formulaire.
» Problème avec un formulaire généré par le générateur de formulaire (du support portuguais)
» Problème formulaire - tutoriel astuce "création de formulaire simplifié"
» [chargement/formulaire] Le forumline prend le CSS du formulaire
» Formulaire
» Problème avec un formulaire généré par le générateur de formulaire (du support portuguais)
» Problème formulaire - tutoriel astuce "création de formulaire simplifié"
» [chargement/formulaire] Le forumline prend le CSS du formulaire
» Formulaire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum