Formulaire de présentation

Page 2 sur 2 Précédent  1, 2

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

Résolu Formulaire de présentation

Message par JiPé54 le Dim 13 Jan 2013 - 18:03

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>


Dernière édition par JiPé54 le Ven 1 Fév 2013 - 12:58, édité 1 fois

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 15:58

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 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:01

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 16:03

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:04

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 16:06

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:07

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 16:10

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:11

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:15

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 16:18

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 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 16:24

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par Scoubifitz le Dim 27 Jan 2013 - 16:32

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 :


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire de présentation

Message par JiPé54 le Dim 27 Jan 2013 - 18:04

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

JiPé54
**

Masculin
Messages : 50
Inscrit(e) le : 30/05/2007

http://www.peugeot205-gtipowers.com
JiPé54 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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