Assistance Informatique
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Invité
Qui est en ligne ?
Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 28 le Lun 21 Aoû 2023 - 7:42
Derniers sujets
» Les icones du bureau changent de place
Comment créer un formulaire de présentation ? EmptyMar 23 Fév 2016 - 15:18 par gilou71

» Changer de mobile
Comment créer un formulaire de présentation ? EmptyMar 23 Fév 2016 - 9:48 par Jean-Pierre-45

» hp 5530
Comment créer un formulaire de présentation ? EmptyMer 11 Nov 2015 - 12:50 par LilyFlow

» [Sondage] Passage à Windows 10
Comment créer un formulaire de présentation ? EmptyMar 8 Sep 2015 - 15:51 par LilyFlow

» Création de la section Windows 10 pour le forum
Comment créer un formulaire de présentation ? EmptyLun 7 Sep 2015 - 7:39 par Jean-Pierre-45

» Dois-je réserver Windows 10 ?
Comment créer un formulaire de présentation ? EmptyJeu 3 Sep 2015 - 4:20 par guy37

» Imprimante canon ip4300
Comment créer un formulaire de présentation ? EmptyMer 2 Sep 2015 - 22:43 par harlock59

» scan HP ENVY 5530
Comment créer un formulaire de présentation ? EmptyLun 8 Juin 2015 - 15:58 par LilyFlow

» Nouvelle imprimante
Comment créer un formulaire de présentation ? EmptyLun 20 Avr 2015 - 17:38 par Jean-Pierre-45

Les posteurs les plus actifs de la semaine
Aucun utilisateur

Nos Partenaires


-15%
Le deal à ne pas rater :
(Adhérents) LEGO® Icons 10318 Le Concorde
169.99 € 199.99 €
Voir le deal

Comment créer un formulaire de présentation ?

2 participants

Page 1 sur 3 1, 2, 3  Suivant

Aller en bas

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

Message par Victor-57 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
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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+
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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 ?
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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]
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

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

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

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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]
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

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

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

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

Revenir en haut Aller en bas

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

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

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

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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.
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

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

Donne moi le liens de ta page HTML
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

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

Fait voir ton code Java STP
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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');
        });
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

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

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

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

Revenir en haut Aller en bas

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

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

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

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

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

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

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

Revenir en haut Aller en bas

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

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

Fait
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par LilyFlow 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
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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]
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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 ?
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

Message par LilyFlow 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
LilyFlow
LilyFlow

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

https://pcassistance.forumactif.org

Revenir en haut Aller en bas

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

Message par Victor-57 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....
Victor-57
Victor-57

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

Revenir en haut Aller en bas

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

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

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

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

https://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

Revenir en haut

- Sujets similaires

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