Formulaire de présentation

[JiPé54]

Rappel du premier message :

Bonjour à tous,

Je suis en train de mettre en place un formulaire de présentation sur mon forum (Lien forum), mais quand je clique sur valider il me met un message d'erreur "Vous devez préciser un titre avant de pouvoir envoyer votre message. Vous devez entrer un message avant de poster."

J'aimerais au passage le modifié sur 3 points :
- Supprimer la dernière ligne "Le code du Règlement :"
- Centrer les 2 catégories : Vos premières impressions sur ce forum ? et Comment avez-vous connu GTIPOWERS ?
- Mise en forme automatique du titre de présentation : [Pseudo] Age - Dpt - Prénom

Voilà rien que ça, merci d'avance pour votre aide.

Voici le code source du formulaire :

Code:


<style type="text/css">
    .form {
    font-size: 12px;
    background-color:#919191;
    width: 750px;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset{
    background-color:#919191;
    width: 600px;
    margin-left:auto;
    margin-right:auto;
    }
    fieldset tr td{
    padding:12px;
    border:1px dashed #C72424;
    border-width:1px 0 0 0;
    }
    legend {
    background-color:#C72424;
    font-family: verdana;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    color: #afafaf;
    font-size: 22px;
    }
    .left{
    text-align:right;
    width:200px;
    }
    </style>
    <script type="text/javascript">
    function envoiMessage(form)
    {
    // Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
    if(form.pseudo.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
    return false;
    }
    else if(form.age.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
    return false;
    }
    else if(form.region.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
    return false;
    }
    else if(form.passion.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
    return false;
    }
    else if(form.metier.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
    return false;
    }
    else if(form.graftime.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser tes loisirs";
    return false;
    }
    else if(form.logiciel.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
    return false;
    }
    else if(form.gp.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
    return false;
    }
    else if(form.connais.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
    return false;
    }
    else if(form.regle.value == "")
    {
    document.getElementById("errormsg").innerHTML = "Vous avez oublié de rentrer le code du Règlement";
    return false;
    }
    else
    {
    // Créer un message à partir des informations fournies
    var txt_message ="<br /><div style='line-height: 10px;'><span style='font-size: 29px; font-family: Verdana; color: #000000; text-transform: uppercase;'>GTIPOWERS</span>" + '\n'
    + "<span style='font-size: 29px; font-family: Verdana; color: #531014; margin-left: 100px;'>Ma Présentation</span></div>"  + '\n' + '\n'
    + "[b]Quel est votre Prénom ? : [/b]" + form.pseudo.value + '\n'
    + "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
    + "[b]Quel est votre région : [/b]" + form.region.value + '\n'
    + "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + '\n'
    + "[b]Quel est votre métier ? : [/b]" + form.metier.value + '\n'
    + '\n'

    // Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
  </center> for(var i = 0; i < form.niveau.length; i++)
    {
    if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
    }
    txt_message = txt_message + "[b]Vos Loisirs ? : [/b][list]" + form.logiciel.value + "[/list]"
    + "[b]Vos premières impressions de ce forum ? : [/b]" + '\n'
    + form.gp.value + '\n'
    + "[b]Comment avez-vous connu GTIPOWERS ? : [/b]" + '\n'
    + form.connais.value + '\n'

    // Insère le texte construit dans le champ caché "message" du formulaire
    form.message.value = txt_message;
    form.subject.value = "Présentation de " + form.pseudo.value;
    return true;
    }
    }
    </script></center>
    <div class="form">
    <form action="http://gtiste-test.forumgratuit.org/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(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="7" /> <!--  ID du forum dans lequel le message sera posté -->
    <input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
    <br />
    <div style="line-height: 10px;text-align:center;"><span style="font-size: 29px; font-family: Verdana; color: #000000; text-transform: uppercase; "></span><br />
    <span style="font-size: 29px;  font-family: Verdana;  color: #531014;  margin-left: 100px;">Ma Présentation</span></div>
    <br />
    <br />

    <fieldset><legend>En général</legend>
    <table><tr>
    <td class="left"><label for="pseudo">Quel est votre Pseudo ?<br /><i>( Apparaitra dans le titre )</i></label></td>
    <td><input type="text" name="pseudo" id="pseudo" size="40" maxlength="30" /></td>
    </tr><tr>
    <td class="left"><label for="age">Quel est votre âge ?</label></td>
    <td><input type="text" name="age" id="age" size="40" maxlength="30" /></td>
    </tr><tr>
    <td class="left"><label for="region">Quel est votre région ?</label></td>
    <td><textarea name="region" id="region" cols="35" rows="4"></textarea></td>
    </tr><tr>
    <td class="left"><label for="passion">Quelles sont vos passions ?</label></td>
    <td><textarea name="passion" id="passion" cols="35" rows="4"></textarea></td>
    </tr><tr>
    <td class="left"><label for="metier">Quel est votre métier ?</label></td>
    <td><input type="text" name="metier" id="metier" size="40" maxlength="30" /></td>
    </tr></table>
    </fieldset>

    <fieldset><legend>Tes loisirs</legend>
    <table><tr>
    <td class="left"><label for="graftime">Loisirs :<br /></label></td>
    <td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
    </tr><tr>
    <td class="left"><label for="">Tu aimes ? :</td>
    <td valign="bottom"><input type="text" name="graftime" id="graftime" size="40" maxlength="30"/></td>
    </tr><tr>
    <td class="left"><label for="logiciel">Tu n'aimes pas ?</label></td>
    <td><textarea name="logiciel" id="logiciel" cols="35" rows="4"></textarea></td>
    </tr></table>
    </fieldset>

    <fieldset><legend>Le forum</legend>
    <table><tr>
    <td colspan="2"><label for="gp">Vos premières impressions sur ce forum ?</label><br />
    <textarea class="itextarea" name="gp" id="gp" cols="50" rows="6"></textarea></td>
    </tr><tr>
    <td colspan="2"><label for="connais">Comment avez-vous connu GTIPOWERS ?</label><br />
    <textarea class="itextarea" name="connais" id="connais" cols="50" rows="6"></textarea></td>
    </tr><tr>
    <td class="left"><label for="regle">Le code du Règlement :</label></td>
    <td><input type="text" name="regle" id="regle" size="40" maxlength="30" /></td>
    </tr></table>
    </fieldset>

    <fieldset><legend>Création du post</legend>
    <center><br><span style="color:red;" id="errormsg"></span><br>
    <label ><span style="color:brown;">Le titre du sujet sera créé automatiquement !</span></label><br><br><input type="submit" name="post" value="Créer !"><br>
    </fieldset>
    </form></div>

[Scoubifitz]

le cadre a la même largeur que le cadre que tu utilises , mais comme je ne peux pas voir les photos ([Vous devez être inscrit et connecté pour voir cette image]) je suppose que c'est l'image qui déforme le cadre ...

pour les options , je ne fais apparaitre que celles qui sont cochées dans le formulaire ...

[JiPé54]

Oui je viens de supprimer l'image et c'est bien elle qui déforme le cadre

[Scoubifitz]

il est possible de règler la taille des photos dans le panneau admin , pour une taille maxi ...

[JiPé54]

je lai déjà fait !! Il faut que je retouche ce paramètre

[Scoubifitz]

la fiche de présentation a 600px de large , il faudra essayer en dessous de cette valeur ...

[JiPé54]

Oui !! Est ce tu sais où est caché le panneau pour le modifié ?

[Scoubifitz]

Pa - general - messages&emails - configuration - Redimensionnement des images

[JiPé54]

Je suis en 640/480, sinon j'augmente à 700px la taille du cadre

[JiPé54]

Ça change rien, j'ai réduit le format de sortie de l'image pour que cela rentre !!

[Scoubifitz]

beaucoup de choses sont faisables ... à toi de décider !^^

si le HTML est activé sur ton forum , on peut mettre une dimension standard pour les photos ...

[JiPé54]

C'est à dire obliger la photo à être dans tel taille ?!

[Scoubifitz]

repère ceci dans le script d'envoi du formulaire :

Code:

+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Les photos de ta voiture :\n\n";

et remplace par :

Code:

+ "[/tr][tr][td class=\"photoform\"]\n"
+ "Les photos de ta voiture :\n\n";

puis place ceci dans le CSS du forum :

Code:

.photoform {
padding:0 30px;
}
.photoform img{
max-width:600px;
}

modifie aussi la fiche de présentation que tu as posté :

Code:

[/tr][tr][td class="photoform"]
Les photos de ta voiture :



[JiPé54]

Impeccable je vais tester ça !! Si tu as d'autres amélioration pour améliorer le forum je suis preneur