Formulaire de présentation

[alliottom59]

Bonjour,

Je viens de créer un formulaire de présentation.

Code:

<fieldset>
            <label for="titre">Pseudo :</label><br />
           <input type="texte" name="titre" id="titre" tabindex="10"  /><br />
        </fieldset>
      
       <fieldset>
            <legend>En général</legend>
      
           <label for="prénom">Prénom ?</label><br />
            <input type="text" name="prénom" id="prénom" tabindex="20" /><br />
      
           <label for="age">Quel est ton âge ?</label><br />
            <input type="text" name="age" id="age" tabindex="30" /><br />
      
           <label for="ville">Quel est ton lieu de résidence ?</label><br />
            <input type="text" name="ville" id="ville" tabindex="40" /><br />
         
            <label for="passion">Quel est ton niveau en diagnostic ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="50" /><br />
         
            <label for="metier">Quel est ton niveau en mécanique ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="60" /><br />
       

            <label for="metier">Quels outils de diagnostic possèdes tu ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="70" /><br />
       

            <label for="metier">Quels véhicules possèdes tu ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="80" /><br />
       

            <label for="metier">Ce qui vous passe par la tête ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="90" /><br />
           </fieldset>

J'aurais besoin de vous pour réussir a le mettre en place sur le forum.
J'ai lu qu'il été difficile voir impossible de le mettre directement dans un nouveau sujet catégorie présentation.

Mais serait-il possible, par exemple de créer un widget avec une image "cliquer ici" pour envoyer le membre sur le formulaire.
Une fois le formulaire rempli et validé, il se posterais automatiquement en section présentation.

Merci pour vos avis et idées

[pierre du 31]

Bonjours, voici pour vous, je vous ai constitué le script de l'envoy du message, voici le résultat final sur un forum de test: http://parlons-peche.forumactif.com/h2-presentation

le code:

Code:

<div style="height:3px"></div><script type="text/javascript">
function envoiMessage(form)
{
 // Créer un message à partir des informations fournies
var txt_message = "<div style=\"margin:auto;text-align:center;width:100%\"><strong><u>Présentation</u> (V1)</strong></div>"
              + "" + '\n'
              + "<u>Vous</u>" + "" + '\n'
              + "<strong>Pseudo :</strong> " + form.titre.value + '\n'
              + "<strong>Prénom :</strong> " + form.prenom.value + '\n'
              + "<strong>Age :</strong> " + form.age.value + '\n'
              + "<strong>Lieu de résidence :</strong> " + form.ville.value + '\n'
                + "<strong>niveau en diagnostic : </strong> " + form.passion.value + '\n'
                + "<strong>niveau en mécanique : </strong> " + form.metier.value + '\n'
                + "<strong>outils de diagnostic possédés : </strong> " +form.metier2.value + '\n'

 + "<strong>véhicules possédés : </strong> " +form.veh.value + '\n'

 + "<strong>'Ce qui vous passe par la tête : </strong> " +form.veh.value + '\n'
;
  form.message.value = txt_message;
}
</script>
<span style="font-size: small;">
<center><h3><u>Présentation</u></h3></center>
<form action="/post" 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="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="16" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
<fieldset>
            <label for="titre">Pseudo :</label><br />
          <input type="texte" name="titre" id="titre" tabindex="10"  /><br />
        </fieldset>
   
        <fieldset>
            <legend>En général</legend>
   
            <label for="prénom">Prénom ?</label><br />
            <input type="text" name="prenom" id="prenom" tabindex="20" /><br />
   
            <label for="age">Quel est ton âge ?</label><br />
            <input type="text" name="age" id="age" tabindex="30" /><br />
   
            <label for="ville">Quel est ton lieu de résidence ?</label><br />
            <input type="text" name="ville" id="ville" tabindex="40" /><br />
       
            <label for="passion">Quel est ton niveau en diagnostic ?</label><br />
            <input type="text" name="passion" id="passion" tabindex="50" /><br />
       
            <label for="metier">Quel est ton niveau en mécanique ?</label><br />
            <input type="text" name="metier" id="metier" tabindex="60" /><br />
     
 
            <label for="metier2">Quels outils de diagnostic possèdes tu ?</label><br />
            <input type="text" name="metier2" id="metier2" tabindex="70" /><br />
     
 
            <label for="veh">Quels véhicules possèdes tu ?</label><br />
            <input type="text" name="veh" id="veh" tabindex="80" /><br />
     
 
            <label for="tete">Ce qui vous passe par la tête ?</label><br />
            <input type="text" name="tete" id="tete" tabindex="90" /><br />
            </fieldset>

<center><input type="submit" name="post" value="Envoyer le dossier" /></center>
</form></span></div></p></p>

Voilà, en espérant vous aidé

[alliottom59]

Bonjour et merci a toi pierre

sincèrement je suis très nul pour les codes ......
si tu serais me venir en aide sur la marche a suivre

merci

[pierre du 31]

Ensuite tu peux faire un javascript qui permet lorsqu'un nouveau sujet est ouvert sur la catégorie en question avec le formulaire.

Une autre solution est de mettre une iframe contenant le formulaire.

le formulaire peut être placé sur un widget mais ce n'es pas le top


Pour le mettre en Iframe: http://parlons-peche.forumactif.com/h3-iframe

Code:

<iframe name="Formulaire" SRC="http://parlons-peche.forumactif.com/h2-presentation" scrolling="auto" height="600" width="800" FRAMEBORDER="yes"></iframe>

[Self]

Bonjour Alliottom59.

Si vous désirez charger votre formulaire dans un forum lorsqu'on clique sur nouveau il faut utilisé ce script

Code:

$(function () {
    /* On verifie que l'on soit bien sur la page de creation d'un nouveau sujet  ../post?f=3&mode=newtopic */
    if (document.location.pathname == "/post" && /^\?f=3&mode=newtopic$/.test(document.location.search)) {
    /* Si on est bien sur la page on charge le formulaire qui se trouve sur la page ../h7- et on insere tout ce qui ce trouve dans le div qui porte la class forumline */
        $('form[name=post]').load('/h7-formulaire-presentation-div.forumline');
    }
});

En remplaçant le chiffre "3" présent dans la partie:

Code:

 "/post" && /^\?f=3&mode=newtopic$/.

par le chiffre du forum correspondant.

Et en remplaçant "/h7-formulaire-presentation" présent dans la ligne:

Code:

$('form[name=post]').load('/h7-formulaire-presentation-div.forumline');

par la page html ou ce trouve votre formulaire en laissant "-div.forumline" dérrière .

Cordialement .

[alliottom59]

Bonjour Alliottom59.

Si vous désirez charger votre formulaire dans un forum lorsqu'on clique sur nouveau il faut utilisé ce script

Code:

$(function () {
    /* On verifie que l'on soit bien sur la page de creation d'un nouveau sujet  ../post?f=3&mode=newtopic */
    if (document.location.pathname == "/post" && /^\?f=3&mode=newtopic$/.test(document.location.search)) {
    /* Si on est bien sur la page on charge le formulaire qui se trouve sur la page ../h7- et on insere tout ce qui ce trouve dans le div qui porte la class forumline */
        $('form[name=post]').load('/h7-formulaire-presentation-div.forumline');
    }
});

En remplaçant le chiffre "3" présent dans la partie:

Code:

 "/post" && /^\?f=3&mode=newtopic$/.

par le chiffre du forum correspondant.

Et en remplaçant "/h7-formulaire-presentation" présent dans la ligne:

Code:

$('form[name=post]').load('/h7-formulaire-presentation-div.forumline');

par la page html ou ce trouve votre formulaire en laissant "-div.forumline" dérrière .

Cordialement .

ceci serais le code ?

Code:

$(function () {
            /* On verifie que l'on soit bien sur la page de creation d'un nouveau sujet  ../post?f=3&mode=newtopic */
            if (document.location.pathname == "/post" && /^\?f=3&mode=newtopic$/.test(document.location.search)) {
            /* Si on est bien sur la page on charge le formulaire qui se trouve sur la page ../h7- et on insere tout ce qui ce trouve dans le div qui porte la class forumline */
                $('form[name=post]').load('/http://www.lemondedudiagauto.com/h1-presentation-div.forumline');
            }
        });

[Self]

Quote self':

ceci serais le code ?

Code:

$(function () {
            /* On verifie que l'on soit bien sur la page de creation d'un nouveau sujet  ../post?f=3&mode=newtopic */
            if (document.location.pathname == "/post" && /^\?f=3&mode=newtopic$/.test(document.location.search)) {
            /* Si on est bien sur la page on charge le formulaire qui se trouve sur la page ../h7- et on insere tout ce qui ce trouve dans le div qui porte la class forumline */
                $('form[name=post]').load('/http://www.lemondedudiagauto.com/h1-presentation-div.forumline');
            }
        });

Bonjour étant donné que la racine du lien est la même vous n'ête pas obliger de mettre cette partie

/http://www.lemondedudiagauto.com

du lien, de plus le / ne sert à rien .

Sur l'un des forums dont je suis administrateur le chiffre du forum ou j'ai appliquer cela est le 3:

http://www.frenchgamercommunity.com/f3-presentations

Qu'on retrouve dans la partie du code:

"/post" && /^\?f=3&mode=newtopic$/

Il faut donc remplacé le 3 du code par le chiffre présent dans la barre d'adresse du forum ou vous désirez appliquer cela .

Cordialement .

[alliottom59]

J'ai aussi le chiffre "3"
j'ai modifié comme dit plus haut

le code je l'enregistre en javascript ?
car quand je fais cela
sa fonctionne mais a peine 1 seconde puis sa plante

[Self]

Oui en javascript sur toute les pages et la gestion des codes javascript activé.
Si le problème persiste pourriez vous ouvrir ce forum au invité pour qu'il puisse lire et écrire que je puisse regardé ce qui ne va pas ?

Cordialement .

[alliottom59]

j'ai ouvert le forum présentation aux invités "lire et écrire"

merci

[alliottom59]

Voici le code que j'ai rentré

Code:

$(function () {
            /* On verifie que l'on soit bien sur la page de creation d'un nouveau sujet  ../post?f=3&mode=newtopic */
            if (document.location.pathname == "/post" && /^\?f=3&mode=newtopic$/.test(document.location.search)) {
            /* Si on est bien sur la page on charge le formulaire qui se trouve sur la page ../h7- et on insere tout ce qui ce trouve dans le div qui porte la class forumline */
                $('form[name=post]').load('/h1-presentation-div.forumline');
            }
        });

[Self]

Bonjour.

Il y à deux erreurs avec le code javascript:
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js:2

Cordialement .

[alliottom59]

dans la page créer HTML
j'ai coché non "Voulez-vous utiliser le haut et le bas de page de votre forum ?"

sa a l'air de fonctionner
par contre je n'es pas de bouton pour envoyer après avoir répondu au formulaire

[Self]

Bonjour ^^ .

Pouriez vous  me fournir le code de votre formulaire ?

Cordialement .

[alliottom59]

oui merci

Code:

<fieldset>
            <label for="titre">Pseudo :</label><br>
          <input name="titre" id="titre" tabindex="10" type="texte"><br>
        </fieldset>
     
        <fieldset>
            <legend>En général</legend>
     
            <label for="prénom">Prénom :</label><br>
            <input name="prénom" id="prénom" tabindex="20" type="text"><br>
     
            <label for="age">Quel est ton âge :</label><br>
            <input name="age" id="age" tabindex="30" type="text"><br>
     
            <label for="ville">Quel est ton lieu de résidence :</label><br>
            <input name="ville" id="ville" tabindex="40" type="text"><br>
         
            <label for="passion">Quel est ton niveau en diagnostic :</label><br>
            <input name="passion" id="passion" tabindex="50" type="text"><br>
         
            <label for="metier">Quel est ton niveau en mécanique :</label><br>
            <input name="passion" id="passion" tabindex="60" type="text"><br>
       

            <label for="metier">Quels outils de diagnostic possèdes tu ?</label><br>
            <input name="passion" id="passion" tabindex="70" type="text"><br>
       

            <label for="metier">Quels véhicules possèdes tu ?</label><br>
            <input name="passion" id="passion" tabindex="80" type="text"><br>
       

            <label for="metier">Ce qui vous passe par la tête :</label><br>
            <input name="passion" id="passion" tabindex="90" type="text"><br>
            </fieldset>

[Self]

Il faut prendre le code donner par Pierre du 31 plus haut:

Code:

<div style="height:3px"></div><script type="text/javascript">
        function envoiMessage(form)
        {
        // Créer un message à partir des informations fournies
        var txt_message = "<div style=\"margin:auto;text-align:center;width:100%\"><strong><u>Présentation</u> (V1)</strong></div>"
                      + "" + '\n'
                      + "<u>Vous</u>" + "" + '\n'
                      + "<strong>Pseudo :</strong> " + form.titre.value + '\n'
                      + "<strong>Prénom :</strong> " + form.prenom.value + '\n'
                      + "<strong>Age :</strong> " + form.age.value + '\n'
                      + "<strong>Lieu de résidence :</strong> " + form.ville.value + '\n'
                        + "<strong>niveau en diagnostic : </strong> " + form.passion.value + '\n'
                        + "<strong>niveau en mécanique : </strong> " + form.metier.value + '\n'
                        + "<strong>outils de diagnostic possédés : </strong> " +form.metier2.value + '\n'
       
        + "<strong>véhicules possédés : </strong> " +form.veh.value + '\n'
       
        + "<strong>'Ce qui vous passe par la tête : </strong> " +form.veh.value + '\n'
        ;
          form.message.value = txt_message;
        }
        </script>
        <span style="font-size: small;">
        <center><h3><u>Présentation</u></h3></center>
        <form action="/post" 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="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
        <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
        <input type="hidden" name="f" value="16" /> <!--  ID du forum dans lequel le message sera posté-->
        <label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
        <fieldset>
                    <label for="titre">Pseudo :</label><br />
                  <input type="texte" name="titre" id="titre" tabindex="10"  /><br />
                </fieldset>
         
                <fieldset>
                    <legend>En général</legend>
         
                    <label for="prénom">Prénom ?</label><br />
                    <input type="text" name="prenom" id="prenom" tabindex="20" /><br />
         
                    <label for="age">Quel est ton âge ?</label><br />
                    <input type="text" name="age" id="age" tabindex="30" /><br />
         
                    <label for="ville">Quel est ton lieu de résidence ?</label><br />
                    <input type="text" name="ville" id="ville" tabindex="40" /><br />
             
                    <label for="passion">Quel est ton niveau en diagnostic ?</label><br />
                    <input type="text" name="passion" id="passion" tabindex="50" /><br />
             
                    <label for="metier">Quel est ton niveau en mécanique ?</label><br />
                    <input type="text" name="metier" id="metier" tabindex="60" /><br />
           
       
                    <label for="metier2">Quels outils de diagnostic possèdes tu ?</label><br />
                    <input type="text" name="metier2" id="metier2" tabindex="70" /><br />
           
       
                    <label for="veh">Quels véhicules possèdes tu ?</label><br />
                    <input type="text" name="veh" id="veh" tabindex="80" /><br />
           
       
                    <label for="tete">Ce qui vous passe par la tête ?</label><br />
                    <input type="text" name="tete" id="tete" tabindex="90" /><br />
                    </fieldset>
       
        <center><input type="submit" name="post" value="Envoyer le dossier" /></center>
        </form></span></div></p></p>

Nous pourrons ensuite le personnalisé à votre gout si vous le désirez .

Cordialement .

[alliottom59]

je ne comprend pas
il ne l'envoi pas au bonne endroit

[pierre du 31]

il faut modifier

Code:

<input type="hidden" name="f" value="16" />

Le "f" correspond a "forum" et le numéro 16 le numéro du forum, vous aurai ce numéro marqué dans l'adresse url.

exemple: forum.forumactif.com/f74-probleme-avec-un-script-un-code

J'ai mis en rouge le numéro du forum.

[alliottom59]

trop cool sa marche
merci

mais maintenant je suis obligé de l'envoyer en deux temps
j'ai une erreur
Une erreur navigateur est survenue [Erreur #230], veuillez contacter le support technique.

[Self]

L'envoyé en deux temps ?

Pourriez vous précisé ?

Cordialement .

[alliottom59]

Je rempli le formulaire puis je clic sur envoyer le dossier
il me donne une erreur
ci dessus
je clic sur envoyer le sujet
la sa fonctionne

[pierre du 31]

Aller dans le Panneau d'administration => Général => Sécurité => Interdire les formulaires non officiels à poster des messages et messages privés sur le forum => choir "non"


Cordialement.

[alliottom59]

trop fort
sa marche 1000 merci

encore un autre problème

Pseudo : undefined

j'ai toujours ceci

[Self]

Il y à une erreur ici:

Code:

<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
        <fieldset>
                    <label for="titre">Pseudo :</label><br />
                  <input type="texte" name="titre" id="titre" tabindex="10"  /><br />
                </fieldset>

Il faut différencier les id, il ne peut pas y avoir les deux même sa créer un conflit je pense .

Cordialement .

[alliottom59]

comment faire pour agrandir les casses dans le formulaire ?

[Self]

Essayer d'ajouter un:

Code:

style="height: 22px"

dans les <input>

Cordialement .

[alliottom59]

Je voudrais augmenter la longueur et largeur des fenêtres
mais je n'y suis pas parvenu

sorry

[Self]

Bonjour.

Essayez d'ajouter un min-height à vos input visibles comme cela:

Code:

<input style="min-height: 22px" type="texte" name="titre" id="titre" tabindex="10"  />

Cordialement .

[alliottom59]

le cadre s’agrandit mais le curseur se place au mieux
donc impossible de mettre le texte a la ligne

j'ouvre au invité si tu souhaite voir

Merci

[Self]

le cadre s’agrandit mais le curseur se place au mieux
donc impossible de mettre le texte a la ligne

j'ouvre au invité si tu souhaite voir

Merci  

Si tu souhaite pourvoir faire un saut de ligne il faut utilisé <textarea> et non <input>, c'est bien sa ?

Cordialement .