Invité
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 21 le Ven 26 Aoû 2016 - 23:21
Derniers sujets
» Les icones du bureau changent de place
Mar 23 Fév 2016 - 15:18 par gilou71

» Changer de mobile
Mar 23 Fév 2016 - 9:48 par Jean-Pierre-45

» hp 5530
Mer 11 Nov 2015 - 12:50 par LilyFlow

» [Sondage] Passage à Windows 10
Mar 8 Sep 2015 - 15:51 par LilyFlow

» Création de la section Windows 10 pour le forum
Lun 7 Sep 2015 - 7:39 par Jean-Pierre-45

» Dois-je réserver Windows 10 ?
Jeu 3 Sep 2015 - 4:20 par guy37

» Imprimante canon ip4300
Mer 2 Sep 2015 - 22:43 par harlock59

» scan HP ENVY 5530
Lun 8 Juin 2015 - 15:58 par LilyFlow

» Nouvelle imprimante
Lun 20 Avr 2015 - 17:38 par Jean-Pierre-45

Les posteurs les plus actifs de la semaine

Nos Partenaires



Comment créer un formulaire de présentation ?

Page 1 sur 3 1, 2, 3  Suivant

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

Résolu Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 11:04

Bonjour à tous,

Etant un débutant en codage (car je fais une formation), je me demandais comment fait-on pour créer un formulaire de présentation.

Détails : Le membre devrait remplir le formulaire de présentation qui contiendrait ces questions :

  • Pseudo
  • Prénom
  • Âge
  • Lieu de Résidence
  • Surnom
  • Couleur préférée
  • Animal Préféré
  • Plat Préféré
  • Passion(s)
  • Losiir(s)
  • Comptes-tu être actif ?
  • Comment as-tu connu le forum ?
  • Quelles sont tes impressions ?
  • Autres :


Les champs : Pseudo, Prénom, Âge et Lieu de Résidence devraient être obligatoire à remplir.

Autres : Lorsque le membre aurait fini de remplir le formulaire, il clique sur envoyer. Et un nouveau sujet se créerait automatiquement avec en titre : Présentation de ..... Ce formulaire serait pour un forum.

Si vous avez des questions... posez-les moi.

Merci d'avance,
Cordialement.

Ps : Je ne savais pas ou poster cette question.


Dernière édition par Victor-57 le Lun 2 Sep 2013 - 8:19, édité 1 fois
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 11:31

Bonjour,

En se basant sur le fait que c'est pour un forum forumactif.

Il te faut du code Java et du code HTML.

En cherchant sur le forum : des forum Forumactif, tu trouvera ta réponse.

Pour le forum Assistance informatique, voici les codes (à adapter à ton forum)
Il te faut créer un code java :
Code:
$(function() {
            $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://pcassitance.forumactif.org/h1-presentation');
        });
et cocher "Sur les sous forums"

Le code HTML est un peut plus compliqué :
Code:
<div style="width: 80%;margin: auto;"><script type="text/javascript">
            function envoiMessage(form)
            {
            
           // Créer un message à partir des informations fournies
            var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
            + "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
            + "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
            + "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
            + "[b]Mes passions :[/b] " + form.passion.value + '\n'
            + "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
            + "[b]Message :[/b] " + '\n' + 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 = "Présentation de " + form.pseudo.value;
            }
            </script>
    <br><br>
            <center>Veuillez remplir le formulaire de présentation suivant:</center><br><br>
            
           
           <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="subject" value="" type="hidden">
            <input name="f" value="1" type="hidden">
            
           
           <label for="pseudo">Pseudo :</label><br>
            <input name="pseudo" id="pseudo" value=" " size="50" maxlength="100" type="text">
            
           <br><br>
            
           <label for="prenom">Prénom :</label><br>
            <input name="prenom" id="prenom" value=" " size="50" maxlength="100" type="text">
            
           <br><br>
            
           <label for="age">Age :</label><br>
            <input name="age" id="age" value=" " size="10" maxlength="100" type="text">
            
           <br><br>
            
           <label for="occupation">Tu fais quoi de tes journée ? (étude, profession, loisirs...) :</label><br>
            <textarea name="occupation" id="occupation" rows="3" cols="150"></textarea>
            
           <br><br>
            
           <label for="passion">Tes passions :</label><br>
            <textarea name="passion" id="passion" rows="3" cols="150"> </textarea>
            
           <br><br>
            
           <label for="ou">Où as-tu connu le forum ?</label><br>
            <textarea name="ou" id="ou" rows="3" cols="150"> </textarea>
            
           <br><br>
            
           <label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label><br>
            <textarea name="plus" id="plus" rows="3" cols="150"></textarea>
             <br><br>
            <center>Ne pas oublier la mise à jour de votre profil </center>
            <br><br>
            
           <center><input name="post" value="Valider ma fiche de présentation" type="submit"></center>
            
           </form></div>
Regarde le code, essaie de le comprendre et si tu as des questions, n'hésite pas à en poser.

A+
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 11:35

Je comprends très bien le code HTML. Mais ou doit-on l'insérer ? Dans une nouvelle page HTML du panneau d'administration ?
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 11:44

Dans le panneau d'admin, tu vas dans Module, et en bas, tu as Gestion des pages HTML.

Ici, tu crée une nouvelle page HTML et tu mets ton code.

Code:
<input name="f" value="1" type="hidden">
La valeur de f correspond à la valeur du forum où ton sujet va être créé.
[Vous devez être inscrit et connecté pour voir cette image]
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 11:51

Cela me donne ceci : [Vous devez être inscrit et connecté pour voir ce lien]
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:02

je sais pas si le probléme viens de là mais j'ai oublié :

Dans l'onglet Général, dans sécurité, il te faut mettre Interdire les formulaires non officiels à poster des messages et messages privés sur le forum :
sur NON

Sur ta page HTMML, as tu mis l'éditeur en HTML
[Vous devez être inscrit et connecté pour voir cette image]
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:03

Je l'avais déjà fait.
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:09

As tu modifier le code et as tu vérifier que l'éditeur est bien en HTML ??
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:15

Mon code html :
Code:
<div style="width: 80%;margin: auto;"><script type="text/javascript">
            function envoiMessage(form)
            {
           
          // Créer un message à partir des informations fournies
            var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
            + "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
            + "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
            + "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
            + "[b]Mes passions :[/b] " + form.passion.value + '\n'
            + "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
            + "[b]Message :[/b] " + '\n' + 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 = "Présentation de " + form.pseudo.value;
            }
            </script>
    <br><br>
            <center>Veuillez remplir le formulaire de présentation suivant:</center><br><br>
           
           
          <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="subject" value="" type="hidden">
            <input name="f" value="3" type="hidden">
           
           
          <label for="pseudo">Pseudo :</label><br>
            <input name="pseudo" id="pseudo" value=" " size="50" maxlength="100" type="text">
           
          <br><br>
           
          <label for="prenom">Prénom :</label><br>
            <input name="prenom" id="prenom" value=" " size="50" maxlength="100" type="text">
           
          <br><br>
           
          <label for="age">Age :</label><br>
            <input name="age" id="age" value=" " size="10" maxlength="100" type="text">
           
          <br><br>
           
          <label for="occupation">Tu fais quoi de tes journée ? (étude, profession, loisirs...) :</label><br>
            <textarea name="occupation" id="occupation" rows="3" cols="150"></textarea>
           
          <br><br>
           
          <label for="passion">Tes passions :</label><br>
            <textarea name="passion" id="passion" rows="3" cols="150"> </textarea>
           
          <br><br>
           
          <label for="ou">Où as-tu connu le forum ?</label><br>
            <textarea name="ou" id="ou" rows="3" cols="150"> </textarea>
           
          <br><br>
           
          <label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label><br>
            <textarea name="plus" id="plus" rows="3" cols="150"></textarea>
            <br><br>
            <center>Ne pas oublier la mise à jour de votre profil </center>
            <br><br>
           
          <center><input name="post" value="Valider ma fiche de présentation" type="submit"></center>
           
          </form></div>
Et oui il est en HTML.
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:20

Donne moi le liens de ta page HTML
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:28

[Vous devez être inscrit et connecté pour voir ce lien]

J'ai prévisualisé sur le panneau d'administration, rempli le formulaire dans le mode prévisualisation et validé avec le bouton et cela m'a crée un sujet avec ce que j'ai remplit mais le seul problème c'est que dans le sujet ou je veux mettre le formulaire cela ne marche pas
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:39

Fait voir ton code Java STP
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:44

Je l'ai mit sur les sous-forums comme vous m'avez dit de faire. Voici le code :
Code:
$(function() {
            $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://academietsukibatest.forumactif.org/f3-test-1');
        });
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:48

Essaie :

Code:
   $(function() {
                $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://academietsukibatest.forumactif.org/h2-aaaa');
            });
Tu n'as pas mis le bon lien dans le code
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:50

Cela donne la même chose : [Vous devez être inscrit et connecté pour voir ce lien]
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 12:55

Tu as moyen de me donner un accèsau panneau Admin de ton forum (temporairement bien sur) ??
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 12:57

Oui, crée-toi un compte puis je te mettrais l'accès au PA.
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 13:00

Fait
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 13:07

J'ai modifier :
Code:
$(function() {
                $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://academietsukibatest.forumactif.org/h2-aaaa');
            });
et j'ai mis :
Code:
$(function() {
               $('a[href="/post?f=3&mode=newtopic"]').attr('href','http://academietsukibatest.forumactif.org/h2-aaaa');
           });
A première vu, c'est bon quand j'essaie
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 13:10

Moi j'ai toujours la même présentation : [Vous devez être inscrit et connecté pour voir ce lien]
Et quand je valide avec toutes les informations le formulaire, cela me met : vous devez préciser un titre avant de pouvoir envoyer votre message
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 13:31

Je viens de réessayer et il y a pas de probléme.

Quand tu es sur ton forum de présentation, tu crée un nouveau sujet et normalement, tu arrive sur ta page HTML.
Tu renseigne ton formulaire et quand tu valide, tout devrait marcher :

[Vous devez être inscrit et connecté pour voir cette image]
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 15:26

C'est parfait merci beaucoup ! J'ai d'autres questions :

Comment rendre plus esthétique le formulaire ? Et comment rendre obligatoire certains champs ?
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 15:39

Je sais pas se que tu entend par "plus esthétique" mais commence par cocher OUI à la question Voulez-vous utiliser le haut et le bas de page de votre forum ? sous le titre de ta page HTML en mode modification du code dans ton PA.

Pour rendre un champs obligatoire, je pense que c'est un peut plus compliqué.
Il doit falloir ajouter un code qui vérifier si les champs que tu veux rendre obligatoire sont vide ou pas

Il doit falloir ajouter un truc du style :
Code:
Si le champs NOM = "" ALORS afficher message "veuillez remplier le champ obligatoire"
Bien sur en HTML
Et il faut que ça bloque la procédure lorsque tu clique sur le bouton de validation
Va voir ici : Formulaire de présentation html
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Victor-57 le Jeu 29 Aoû 2013 - 15:50

Pour rendre obligatoire c'est avec la balise required. Mais je ne sais pas ou il faut la placer.
Ce que je t'entends par rendre "plus esthétique", c'est d'embellir le formulaire. Par exemple : arrondir les champs....
avatar
Victor-57

Masculin Messages : 229
Date d'inscription : 13/04/2013
Age : 16

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par LilyFlow le Jeu 29 Aoû 2013 - 16:01

Pour arrondir les angles, il faut passer en CSS
avatar
LilyFlow

Masculin Messages : 705
Date d'inscription : 14/04/2013
Age : 36
Localisation : 82

Voir le profil de l'utilisateur http://pcassistance.forumactif.org

Revenir en haut Aller en bas

Résolu Re: Comment créer un formulaire de présentation ?

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum