Cadre dans un formulaire
2 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
Cadre dans un formulaire
Bonjour,
Je sollicite une fois de plus votre aide afin de modifier mon code de formulaire afin de mettre les champs à remplir dans un cadre avec des bordures de couleur blanche.
Pouvez-vous par la même occasion faire que ce cadre soit centré sur la page et aussi laisser un espace au dessus afin de me permettre d'ajouter une bannière sur ma page.
Voici mon code :
Cordialement.
Je sollicite une fois de plus votre aide afin de modifier mon code de formulaire afin de mettre les champs à remplir dans un cadre avec des bordures de couleur blanche.
Pouvez-vous par la même occasion faire que ce cadre soit centré sur la page et aussi laisser un espace au dessus afin de me permettre d'ajouter une bannière sur ma page.
Voici mon 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 {
text-align:left;
color: green;
font-size:18px;
background:url(http://i44.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
-->
</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 les champs marqués d'un *";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : [co"+"lor=steelblue]" + pseudo+ '[/color]'
+ "\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><center>Veuillez remplir les champs du formulaire de candidature suivant :</center></h1><br /><br /><br /><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul>
<label for="pseudo">Pseudo<font color=red>*</font> :</label><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:35%"></textarea>
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<textarea name="pseudo2" id="pseudo2" rows="1" style="width:35%" placeholder="Si différent de celui du forum"></textarea>
<br /><br />
<label for="date">Date de naissance<font color=red>*</font> :</label><br />
<textarea name="date" id="date" rows="1" style="width:35%"></textarea>
<br /><br />
<label for="localisation">Localisation<font color=red>*</font> :</label><br />
<textarea name="localisation" id="localisation" rows="1" style="width:35%" 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:35%"></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:35%"></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:35%"></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:35%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?</label><br />
<textarea name="choix" id="choix" rows="3" style="width:35%"> </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:35%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:35%" 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"></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul></ul>
<br /><br />
</form>
</body>
</html>
Cordialement.
Dernière édition par rs_popeye le Sam 30 Mar 2013 - 21:45, édité 1 fois
Re: Cadre dans un formulaire
bonjour,
un peu comme ça ?
un peu comme ça ?
- 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">
<!--
body {
width:1000px;
background:url(http://i44.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
fieldset {
border:8px ridge white;
}
legend {
text-align:left;padding:0 15px;
font-size:28px;
}
.contour {
width:900px;
text-align:left;margin:auto;padding-left:150px;
color: green;
font-size:18px;
}
-->
</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 les champs marqués d'un *";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : [co"+"lor=steelblue]" + pseudo+ '[/color]'
+ "\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" />
<img src="http://i17.servimg.com/u/f17/16/54/93/75/final810.jpg" />
<h1><center>Veuillez remplir les champs du formulaire <br />de candidature suivant :</center></h1><br /><br />
<fieldset>
<legend>Vous dans la vie</legend>
<label for="pseudo">Pseudo<font color=red>*</font> :</label><br />
<input type="text" name="pseudo" id="pseudo" style="width:55%" />
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input type="text" name="pseudo2" id="pseudo2" style="width:55%" placeholder="Si différent de celui du forum" />
<br /><br />
<label for="date">Date de naissance<font color=red>*</font> :</label><br />
<input type="text" name="date" id="date" style="width:40%" />
<br /><br />
<label for="localisation">Localisation<font color=red>*</font> :</label><br />
<input type="text" name="localisation" id="localisation" style="width:55%" placeholder="Indique ton département" />
<br /><br />
</fieldset><br />
<fieldset>
<legend>Vous et le forum</legend>
<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:75%"></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:75%"></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:75%"></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:75%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?</label><br />
<textarea name="choix" id="choix" rows="3" style="width:75%"> </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:75%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:75%" 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 />
</fieldset><br />
<fieldset>
<legend>Validation</legend>
<span style="color:red;" id="errormsg"> </span><br /><br />
<center><input type="submit" name="post" value="Valider ma fiche de présentation" /></center>
<br /><br />
</fieldset>
</form>
</body>
</html>
Dernière édition par Scoubifitz le Sam 30 Mar 2013 - 20:22, édité 1 fois
Re: Cadre dans un formulaire
Bonsoir Scoubiftiz,
Ça dépasse mes attentes, merci.
Cependant, une fois le formulaire complété, le message n'est pas créé. Un message d'erreur suivant apparaît :
Cordialement.
Ça dépasse mes attentes, merci.
Cependant, une fois le formulaire complété, le message n'est pas créé. Un message d'erreur suivant apparaît :
De plus l'avertissement des champs obligatoire ne fonctionne plus lui non plus.Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.
Cordialement.
Re: Cadre dans un formulaire
allons bon ... voilà que les "+" disparaissent des codes ...
on remet ça ?
on remet ça ?
- 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">
<!--
body {
width:1000px;
background:url(http://i44.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
fieldset {
border:8px ridge white;
}
legend {
text-align:left;padding:0 15px;
font-size:28px;
}
.contour {
width:900px;
text-align:left;margin:auto;padding-left:150px;
color: green;
font-size:18px;
}
-->
</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 les champs marqués d'un *";
return false;
}
else
{
/* Créer un message à partir des informations fournies */
var txt_message = " Candidature de :" + pseudo
+ "\n\nPseudo : [co"+"lor=steelblue]" + pseudo+ '[/color]'
+ "\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" />
<img src="http://i17.servimg.com/u/f17/16/54/93/75/final810.jpg" />
<h1><center>Veuillez remplir les champs du formulaire <br />de candidature suivant :</center></h1><br /><br />
<fieldset>
<legend>Vous dans la vie</legend>
<label for="pseudo">Pseudo<font color=red>*</font> :</label><br />
<input type="text" name="pseudo" id="pseudo" style="width:55%" />
<br /><br />
<label for="pseudo2">Pseudo dans le jeu :</label><br />
<input type="text" name="pseudo2" id="pseudo2" style="width:55%" placeholder="Si différent de celui du forum" />
<br /><br />
<label for="date">Date de naissance<font color=red>*</font> :</label><br />
<input type="text" name="date" id="date" style="width:40%" />
<br /><br />
<label for="localisation">Localisation<font color=red>*</font> :</label><br />
<input type="text" name="localisation" id="localisation" style="width:55%" placeholder="Indique ton département" />
<br /><br />
</fieldset><br />
<fieldset>
<legend>Vous et le forum</legend>
<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:75%"></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:75%"></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:75%"></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:75%"> </textarea>
<br /><br />
<label for="choix">Pourquoi avoir choisi les Royal Satanik ?</label><br />
<textarea name="choix" id="choix" rows="3" style="width:75%"> </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:75%"> </textarea>
<br /><br />
<label for="divers">Informations complémentaires :</label><br />
<textarea name="divers" id="divers" rows="3" style="width:75%" 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 />
</fieldset><br />
<fieldset>
<legend>Validation</legend>
<span style="color:red;" id="errormsg"> </span><br /><br />
<center><input type="submit" name="post" value="Valider ma fiche de présentation" /></center>
<br /><br />
</fieldset>
</form>
</body>
</html>
Re: Cadre dans un formulaire
Re Scoubifitiz,
Le code fonctionne à merveille, merci.
Si je n'abuse pas de votre patience je souhaiterai que l'image du logo soit centrée, j'ai bien essayé avec >center>......</center> mais ça ne fonctionne pas.
J'ai recherché sur le net mais aucun code ne semble fonctionner.
Cordialement.
Le code fonctionne à merveille, merci.
Si je n'abuse pas de votre patience je souhaiterai que l'image du logo soit centrée, j'ai bien essayé avec >center>......</center> mais ça ne fonctionne pas.
J'ai recherché sur le net mais aucun code ne semble fonctionner.
Cordialement.
Re: Cadre dans un formulaire
re,
il suffit de supprimer ou d'agrandir la valeur de largeur du body :
il suffit de supprimer ou d'agrandir la valeur de largeur du body :
body {
width:1000px;
background:url(https://i.servimg.com/u/f44/16/54/93/75/i_back11.jpg) fixed;
}
Re: Cadre dans un formulaire
Re Scoubifitz,
Merci pour votre aide, une fois de plus très efficace
Cordialement.
Merci pour votre aide, une fois de plus très efficace
Cordialement.
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