Formulaire de présentation html

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

Résolu Formulaire de présentation html

Message par MASAI450 le Sam 11 Fév 2012 - 23:22

Bonsoir

Je souhaiterais avoir un formulaire de présentation avec champs obligatoire

il faudrait que ce formulaire une fois valider soit redirigé vers un forum puis ouvre un nouveau message et qu'il sert de présentation

Je n'y connais rien en html, cependant je m'y suis intéressé

voila ou j'en suis

Code:
<TABLE>
<td><label for="Pseudo"><B>Pseudo</B></label></td><td><input name="Pseudo" id="Pseudo" ></td></tr>
<td><label for="Prenom"><B>Prenom</B></label></td><td><input name="Prenom" id="Prenom" ></td></tr>
<td><label for="Age"><B>Age</B></label></td><td><input name="Age" id="Age" value="XX ANS"></td></tr>
<td><label for="Statut"><B>Statut</B></label></td><td><select name="Statut" id="Statut">
<option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option>
<option value="EN COUPLE">EN COUPLE</option>
<option value="MARIÉ(E)">MARIÉ(E)</option>
<option value="DIVORCÉ(E)">DIVORCÉ(E)</option>
<option value="AUTRE">AUTRE</option></select></td><tr>
<td><label for="Emploi"><B>Emploi</B></label></td><td><input class="input" name="Emploi" id="Emploi"></td></tr>                           
<td><label for="Localisation"><B>Localisation</B></label></td><td><input name="Localisation" id="Localisation" ></td></tr>                               
<td><label for="Marque et modele de Quad"><B>Marque et modele de Quad</B></label></td><td><input name="Marque et modele de Quad" id="Marque et modele de Quad" ></td></tr> 
<TABLE>
<BR><p><fieldset><legend><B>Raconte une histoire</B></legend><p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="La tienne bien sur! En quelques lignes" name="La tienne bien sur! En quelques lignes" rows="4" cols="135"></textarea><br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend><p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label><br><textarea id="Si tu veux nous faire partager quelque chose. Lâche toi!" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea><br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br>
<input type="submit" name="post" value="Créer !"><br></center></fieldset>[/quote]


Merci


Dernière édition par MASAI450 le Mar 21 Fév 2012 - 0:18, édité 3 fois

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Lun 13 Fév 2012 - 20:20

Bonsoir

Personne ne peut m'aidé Question

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation html

Message par pierre du 47 le Mer 15 Fév 2012 - 9:17

Je peut vous aidez, mais vous voulez des champs obligatoire a remplir ???

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Mer 15 Fév 2012 - 19:06

Bonjour

Oui je souhaite tout les champs obligatoire

Est t'il possible de mettre automatiquement un titre de sujet avec le pseudo est la localisation du membre ?


Par contre j'ai fait des modifications voici mon nouveau code:


Code:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n'
              + "[b]Prénom :[/b] " + form.prenom.value + '\n'
              + "[b]Age :[/b] " + form.age.value + '\n'
              + "[b]Statut:[/b]\n[list]" 
              + "[b]Emploi :[/b] " + form.emploi.value + '\n'
              + "[b]Localisation :[/b] " + form.localisation.value + '\n'
              + "[b]Quad :[/b] " + form.quad.value + '\n'
               
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>

<META content="MSHTML 6.00.6002.18538" name=GENERATOR></HEAD>
<BODY>
 
<h3>Formulaire de présentation</h3>
<form action="http://??????????????.forumsactifs.com/posting.forum" 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" > <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" > <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="1" > <!--  ID du forum dans lequel le message sera posté-->
                             
<TABLE>
<td><label for="pseudo"><B>Pseudo</B></label></td><td><input name="pseudo" id="pseudo" ></td></tr>
<td><label for="prenom"><B>Prenom</B></label></td><td><input name="prenom" id="prenom" ></td></tr>
<td><label for="age"><B>Age</B></label></td><td><input name="age" id="age" value="XX ANS"></td></tr>
<td><label for="statut"><B>Statut</B></label></td><td><select name="statut" id="statut">
<option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option>
<option value="EN COUPLE">EN COUPLE</option>
<option value="MARIÉ(E)">MARIÉ(E)</option>
<option value="DIVORCÉ(E)">DIVORCÉ(E)</option>
<option value="AUTRE">AUTRE</option></select></td><tr>
<td><label for="emploi"><B>Emploi</B></label></td><td><input class="input" name="emploi" id="emploi"></td></tr>                           
<td><label for="localisation"><B>Localisation</B></label></td><td><input name="localisation" id="localisation" ></td></tr>                               
<td><label for="quad"><B>Quad</B></label></td><td><input name="quad" id="quad" ></td></tr> 
<TABLE>
<BR><p><fieldset><legend><B>Raconte une histoire</B></legend><p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="La tienne bien sur! En quelques lignes" name="La tienne bien sur! En quelques lignes" rows="4" cols="135"></textarea><br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend><p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label><br><textarea id="Si tu veux nous faire partager quelque chose. Lâche toi!" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea><br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br>
<input type="submit" name="post" value="Créer !"><br></center></fieldset>

</form></BODY></HTML>

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation html

Message par pierre du 47 le Sam 18 Fév 2012 - 10:05

Avec le pseudo oui, mais la la localisation non, un seul champ est possible, donnez moi les champs que vous voulez comme obligatoires, donnez moi aussi le lien de l'endroit ou vous voulez postez Wink

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Dim 19 Fév 2012 - 18:58

@pierre du 47 a écrit:Avec le pseudo oui, mais la la localisation non, un seul champ est possible, donnez moi les champs que vous voulez comme obligatoires, donnez moi aussi le lien de l'endroit ou vous voulez postez Wink

Bonjour

D'accord merci, le pseudo ça ira parfaitement

J'aimerais que tout les champs soit obligatoire sauf le dernier (Quelque choses à ajouter ?)

Je veut posté Ici: http://lapassionmasai.forumsactifs.com/f1-la-taverne-du-guerrier-passage-obligatoire-pour-les-nouveaux-membres

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Formulaire de présentation html

Message par pierre du 47 le Lun 20 Fév 2012 - 18:28

Voila, remplacer la totalité de votre code par ceci :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Formulaire de présentation</title>
<style type="text/css">
:required
{
    background-color: red;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n'
              + "[b]Prénom :[/b] " + form.prenom.value + '\n'
              + "[b]Age :[/b] " + form.age.value + '\n'
              + "[b]Statut:[/b]" + form.statut.value + '\n'
              + "[b]Emploi :[/b] " + form.emploi.value + '\n'
              + "[b]Localisation :[/b] " + form.localisation.value + '\n'
              + "[b]Quad :[/b] " + form.quad.value + '\n'
           + "[b]Histoire[/b]" + form.hist.value + '\n'
              + "[b]Commentaire[/b]" + form.com.value + '\n'
txt_message +='\n';
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>
<META content="MSHTML 6.00.6002.18538" name=GENERATOR />
</head>
<body>
 
<h3>Formulaire de présentation</h3>
<form action=" http://lapassionmasai.forumsactifs.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this); return verif_champs()">
<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> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" > <!-- 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="required" value="pseudo,prenom,age,statut,emploi,localisation,quad,hist"> 
<input type="hidden" name="subject" id="titre" value="" class="USERNAME" />

<TABLE>
<td><label for="pseudo"><B>Pseudo</B></label></td><td><input type="text" name="pseudo" id="pseudo" class="USERNAME" required /></td></tr>
<td><label for="prenom"><B>Prenom</B></label></td><td><input type="text" name="prenom" id="prenom" required /></td></tr>
<td><label for="age"><B>Age</B></label></td><td><input type="text" name="age" id="age" placeholder="XX ANS" required /></td></tr>

<td><label for="statut"><B>Statut</B></label></td><td><select name="statut" id="statut" required />
<option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option>
<option value="EN COUPLE">EN COUPLE</option>
<option value="MARIÉ(E)">MARIÉ(E)</option>
<option value="DIVORCÉ(E)">DIVORCÉ(E)</option>
<option value="AUTRE">AUTRE</option></select></td><tr>

<td><label for="emploi"><B>Emploi</B></label></td><td><input class="input" name="emploi" id="emploi" required /></td></tr>                           
<td><label for="localisation"><B>Localisation</B></label></td><td><input name="localisation" id="localisation" required /></td></tr>                               
<td><label for="quad"><B>Quad</B></label></td><td><input name="quad" id="quad" required /></td></tr> 
<TABLE>

<BR><p><fieldset><legend><B>Raconte une histoire</B></legend></p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="hist" name="La tienne bien sur! En quelques lignes" rows="4" cols="135" required ></textarea><br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend></p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label>
<br><textarea id="com" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea>
<br></fieldset><br></td>
</TABLE>
<p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br>
<input type="submit" name="post" value="Créer !"><br></center></fieldset>

</form>
</body>
</html>

Je me suis permis de mettre le fond des champs obligatoire en rouge, vous pouvez modifié la couleur en modifiant "red" par la couleur souhaité :

Code:
<style type="text/css">
:required
{
    background-color: red;
}
</style>
Pour le supprimé il vous suffit d'effacer le style et son contenue Wink

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Lun 20 Fév 2012 - 20:02

Bonjour merci pour le code

J'ai essayé le code, malheureusement je n'arrive pas a le faire fonctionné Shocked

Je pense que je mis prend mal

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par enum le Lun 20 Fév 2012 - 20:27

bonjour,


c'est une sécurité de google chrome, si quand il affiche une page il voit dedans un script qui est pareille au contenu des données d'un formulaire de la page précédente, il annule l'affichage de la page

dans notre cas donc, le contenu de la page entière est dans le formulaire et donc si il y a un script dedans, il y aura cette attitude en "prévisualisant"

il y a 3 possibilités :
- ne pas prévisualiser et simplement ouvrir la page dans un autre onglet, quand vous changez quelque chose vous enregistrez simplement et vous faite F5 sur l'onglet avec la page html ( avec une adresse du genre /h#-titre )
- ouvrir chrome en utilisant le flag –-disable-xss-auditor ( par exemple en éditant le raccourci ( clic droit propriété ) et en ajoutant après chrome.exe le switch ( après un espace ), donc si j'ai "c:\tagada\chrome.exe" j'aurais "c:\tagada\chrome.exe –-disable-xss-auditor" )
- utiliser un autre naviguateur

enum
*

Messages : 47
Inscrit(e) le : 19/02/2012

enum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Lun 20 Fév 2012 - 20:41

Bonsoir en effet avec internet explorer je peu visualisé


MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par MASAI450 le Mar 21 Fév 2012 - 0:15

Un grand grand merci à pierre du 47

ça fonctionne parfaitement Very Happy

MASAI450
Nouveau membre

Messages : 18
Inscrit(e) le : 11/02/2012

http://lapassionmasai.forumsactifs.com/
MASAI450 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation html

Message par pierre du 47 le Mar 21 Fév 2012 - 9:29

Derien, je pense que vous pouvez cloturez ce sujet Wink

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 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