Petite demande pour mon formulaire

par Witzz Mar 10 Avr 2012 - 12:18

Bonjour à vous.
J'ai ressemant créé un formulaire de commandes graphiques, et j'aimerai en plus que les champs soient obligatoirement remplis, que les contours des rectangles deviennent rouge en contours progressifs, avec une petite infobulle disant: Veuillez remplir ce champ.
Voilà mon code:

[code]
function envoiMessage(form){
/* Créer un message à partir des informations fournies */
var txt_message = "Pseudo: " + form.prenom.value + '\n'
+ "Adresse de votre forum: " + form.Adresse.value + '\n'

+ "Taille de l'image: " + form.Taille.value + '\n'

+ "Police d'écriture: " + form.Police.value + '\n'

+ "Taille d'écriture: " + form.Px.value + '\n'

+ "Couleur de l'écriture: " + form.Color.value + '\n'

+ "Texte à insérer: " + form.Text.value + '\n'

+ "Nature de la création : " + form.nature.value + '\n'

+ "Lien de l'image: " + form.Lien.value + '\n'

+ "Choix de l'animation:\n";
// Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
for(var i = 0; i < form.element.length; i++)
{
if(form.element.checked == true) { txt_message += '' + form.element[i].value + '\n'; }
}
txt_message += "Commentaires en +: " + form.code.value + '\n';
/* Insère le texte construit dans le champ caché "message" du formulaire */
form.message.value = txt_message;
}

Générateur de commandes
Cheval&Animaux

Formulaire:
Cheval&Animaux met à votre disposition ce générateur de commandes. Il vous permettra de rediriger vos commandes directement à sa session (commandes).

<div style="text-align: left;">

Titre du sujet :

Pseudo :

Adresse de votre forum:
[i]*Nous n'acceptons pas les forums
sur le thème du dessin.

Taille de l'image: *en px

Police d'écriture:
*Trouver des Polices d'écritures

Taille de l'écriture: *en px

Couleur de la police

par Witzz Jeu 12 Avr 2012 - 14:26

Pour laisser mon sujet actif, je le relance en faisant un petit UP

Mr. Green

à bientôt

par Scoubifitz Ven 13 Avr 2012 - 5:02

bonjour,

Code:: <center><script type="text/javascript"> function envoiMessage(form){ /* Créer un message à partir des informations fournies */ var txt_message = "Pseudo: " + form.prenom.value + '\n' + "Adresse de votre forum: " + form.Adresse.value + '\n' + "Taille de l'image: " + form.Taille.value + '\n' + "Police d'écriture: " + form.Police.value + '\n' + "Taille d'écriture: " + form.Px.value + '\n' + "Couleur de l'écriture: " + form.Color.value + '\n' + "Texte à insérer: " + form.Text.value + '\n' + "Nature de la création : " + form.nature.value + '\n' + "Lien de l'image: " + form.Lien.value + '\n' + "Choix de l'animation:\n"; // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées: for(var i = 0; i < form.element.length; i++) { if(form.element[i].checked == true) { txt_message += '' + form.element[i].value + '\n'; } } txt_message += "Commentaires en +: " + form.code.value + '\n'; /* Insère le texte construit dans le champ caché "message" du formulaire */ form.message.value = txt_message; } </script> <table style="font-size: 35px; font-family: Trebuchet MS; font-weight: bold; color: rgb(124, 186, 44); margin-left: 30px; margin-top: -20px; text-shadow: 1px 1px 2px lightgreen;"><tbody><tr><td align="left">Générateur de commandes Cheval&Animaux </td></tr></tbody></table> <table border="0"><tbody><tr><td align="left"><img alt="" src="http://2img.net/i/fa/fdf/peindre.png" class="" style="display: inline;"></td><td align="left"> Formulaire: Cheval&Animaux met à votre disposition ce générateur de commandes. Il vous permettra de rediriger vos commandes directement à sa session (commandes). </td></tr></tbody></table> <form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)"> <input name="lt" value="0" type="hidden"> <input name="mode" value="newtopic" type="hidden"> <input name="topictype" value="0" checked="checked" type="hidden"> <input name="message" value="" type="hidden"> <input name="f" value="18" type="hidden"> <div style="text-align: left;"> <label style="color: YellowGreen; font-weight: bold;" for="titre">Titre du sujet :</label> <input name="subject" id="titre" value="Commande Graphique " size="25" maxlength="60" type="text"> <label style="color: YellowGreen; font-weight: bold;" for="prenom">Pseudo : </label> <input size="10" name="prenom" id="prenom" type="text" required="required" /> <label style="color: YellowGreen; font-weight: bold;" for="Adresse"> Adresse de votre forum:</label> <input size="30" name="Adresse" id="Adresse" type="text" required="required" /> *Nous n'acceptons pas les forums sur le thème du dessin. <label style="color: YellowGreen; font-weight: bold;" for="Taille">Taille de l'image:</label> <input size="5" name="Taille" id="Taille" type="text" required="required" />*en px <label style="color: YellowGreen; font-weight: bold;" for="Police">Police d'écriture:</label> <input size="18" name="Police" id="Police" type="text" required="required" /> *Trouver des <a href="http://www.dafont.com/fr/">Polices d'écritures</a> <label style="color: YellowGreen; font-weight: bold;" for="Px">Taille de l'écriture:</label> <input size="4" name="Px" id="Px" type="text" required="required" />*en px <label style="color: YellowGreen;" for="Color">Couleur de la police</label> <input placeholder="#" id="Color" name="Color" maxlength="7" style="width: 70px;" type="text" required="required" /> *Trouver des <a href="http://www.code-couleur.com/">codes couleurs</a> <label style="color: YellowGreen; font-weight: bold;" for="Text">Texte à insérer:</label> <input size="20" name="Text" id="Text" type="text" required="required" /> *Aucun texte vulgaire n'est accepté. <label style="font-weight: bold; color: YellowGreen;" for="nature">Nature de la création: </label><select name="nature" id="nature"> <option value="boutons" selected="selected">Boutons</option> <option value="icones">Icônes</option> <option value="logos">Logos</option> <option value="headers">Headers</option> <option value="avatar">Avatars</option> <option value="signa">Signatures</option> <option value="fond">Fond de page</option> <option value="smile">Smileys</option> <option value="autres">Autres..</option> </select> Lien de l'image: <input size="30" name="Lien" id="Lien" type="text" required="required" /> *Les images signées ne sont pas acceptées. Les vulgaires aussi. Choix de l'animation: <input name="element" <input="" id="avec" value="Avec" type="checkbox"> <label style="color: DeepSkyBlue;" for="avec">Avec</label> <input name="element" id="sans" value="Sans" type="checkbox"> <label style="color: DeepSkyBlue;" for="sans">Sans</label> <input style="color: DeepSkyBlue;" name="element" id="autre" value="Autre" type="checkbox"> <label style="color: DeepSkyBlue;" for="autre">Autre</label> Commentaire en <img src="http://2img.net/i/fa/admin/icones/ajouter.png"> <textarea style="width: 232px; height: 59px;" id="code" name="code" value="CV - PSEUDO " required="required"></textarea> </div><div style="text-align: right;">Powered by Cheval&Animaux.fr </div><input name="post" value="Envoyer" type="submit"></form></center> <img src="http://fdf.aidactif.fr/paque/p7.png">

par Witzz Ven 13 Avr 2012 - 17:15

Merci beaucoup, c'est parfait Smile

Petite demande pour mon formulaire

Petite demande pour mon formulaire

Re: Petite demande pour mon formulaire

Re: Petite demande pour mon formulaire

Re: Petite demande pour mon formulaire