Formulaire de présentation

[JiPé54]

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>

[JiPé54]

petit up

[JiPé54]

UP pour mon formulaire

[Scoubifitz]

bonsoir,

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" src="http://tinyurl.com/var-fa"></script>
<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.prenom.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un prénom 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.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.loisirs.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser vos loisirs";
return false;
}
else if(form.impression.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
{
// Créer un message à partir des informations fournies
var txt_message ="\n<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.prenom.value + "\n"
+ "[b]Quel est votre Age ? : [/b]" + form.age.value + "\n"
+ "[b]Quel est votre département : [/b]" + form.departement.value + "\n"
+ "[b]Quelles sont vos passions ? : [/b]" + form.passion.value + "\n"
+ "[b]Quel est votre métier ? : [/b]" + form.metier.value + "\n\n"
+ "[b]Vos Loisirs ? : [/b]" + form.loisirs.value + "\n"
+ "[b]Vous aimez ? : [/b]" + form.aime.value + "\n"
+ "[b]Vous n'aimez pas ? : [/b]" + form.aimepas.value + "\n\n"
+ "[b]Vos premières impressions de ce forum ? : [/b]\n" + form.impression.value + "\n\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 = "[" + form.pseudo.value + "] " + form.age.value + " - Dpt ( " + form.departement.value + " ) - * " + form.prenom.value +" *";
return true;
}
}
</script>
<div class="form">
<form action="http://gtiste-test.forumgratuit.org/post" 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  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- 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 style="margin:auto;"><tr>
<td class="left"><label for="prenom">Quel est votre Prénom ?<br /><i>( Apparaitra dans le titre )</i></label></td>
<td><input type="text" name="prenom" id="prenom" 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="departement">Quel est votre Département ?</label></td>
<td><select name="departement" id="departement">
<option value="Non précisé">Sélectionner un département</option>
<option value="01">Ain (dép.01)</option>
<option value="02">Aisne (dép.02)</option>
<option value="03">Allier (dép.03)</option>
<option value="04">Alpes-de-Haute-Provence (dép.04)</option>
<option value="05">Hautes-Alpes (dép.05)</option>
<option value="06">Alpes-Maritimes (dép.06)</option>
<option value="07">Ardèche (dép.07)</option>
<option value="08">Ardennes (dép.08)</option>
<option value="09">Ariège (dép.09)</option>
<option value="10">Aube (dép.10)</option>
<option value="11">Aude (dép.11)</option>
<option value="12">Aveyron (dép.12)</option>
<option value="13">Bouches-du-Rhône (dép.13)</option>
<option value="14">Calvados (dép.14)</option>
<option value="15">Cantal (dép.15)</option>
<option value="16">Charente (dép.16)</option>
<option value="17">Charente-Maritime (dép.17)</option>
<option value="18">Cher (dép.18)</option>
<option value="19">Corrèze (dép.19)</option>
<option value="2A">Corse-du-Sud (dép.2A)</option>
<option value="2B">Haute-Corse (dép.2B)</option>
<option value="21">Côte-d'Or (dép.21)</option>
<option value="22">Côtes-d'Armor (dép.22)</option>
<option value="23">Creuse (dép.23)</option>
<option value="24">Dordogne (dép.24)</option>
<option value="25">Doubs (dép.25)</option>
<option value="26">Drôme (dép.26)</option>
<option value="27">Eure (dép.27)</option>
<option value="28">Eure-et-Loir (dép.28)</option>
<option value="29">Finistère (dép.29)</option>
<option value="30">Gard (dép.30)</option>
<option value="31">Haute-Garonne (dép.31)</option>
<option value="32">Gers (dép.32)</option>
<option value="33">Gironde (dép.33)</option>
<option value="34">Hérault (dép.34)</option>
<option value="35">Ille-et-Vilaine (dép.35)</option>
<option value="36">Indre (dép.36)</option>
<option value="37">Indre-et-Loire (dép.37)</option>
<option value="38">Isère (dép.38)</option>
<option value="39">Jura (dép.39)</option>
<option value="40">Landes (dép.40)</option>
<option value="41">Loir-et-Cher (dép.41)</option>
<option value="42">Loire (dép.42)</option>
<option value="43">Haute-Loire (dép.43)</option>
<option value="44">Loire-Atlantique (dép.44)</option>
<option value="45">Loiret (dép.45)</option>
<option value="46">Lot (dép.46)</option>
<option value="47">Lot-et-Garonne (dép.47)</option>
<option value="48">Lozère (dép.48)</option>
<option value="49">Maine-et-Loire (dép.49)</option>
<option value="50">Manche (dép.50)</option>
<option value="51">Marne (dép.51)</option>
<option value="52">Haute-Marne (dép.52)</option>
<option value="53">Mayenne (dép.53)</option>
<option value="54">Meurthe-et-Moselle (dép.54)</option>
<option value="55">Meuse (dép.55)</option>
<option value="56">Morbihan (dép.56)</option>
<option value="57">Moselle (dép.57)</option>
<option value="58">Nièvre (dép.58)</option>
<option value="59">Nord (dép.59)</option>
<option value="60">Oise (dép.60)</option>
<option value="61">Orne (dép.61)</option>
<option value="62">Pas-de-Calais (dép.62)</option>
<option value="63">Puy-de-Dôme (dép.63)</option>
<option value="64">Pyrénées-Atlantiques (dép.64)</option>
<option value="65">Hautes-Pyrénées (dép.65)</option>
<option value="66">Pyrénées-Orientales (dép.66)</option>
<option value="67">Bas-Rhin (dép.67)</option>
<option value="68">Haut-Rhin (dép.68)</option>
<option value="69">Rhône (dép.69)</option>
<option value="70">Haute-Saône (dép.70)</option>
<option value="71">Saône-et-Loire (dép.71)</option>
<option value="72">Sarthe (dép.72)</option>
<option value="73">Savoie (dép.73)</option>
<option value="74">Haute-Savoie (dép.74)</option>
<option value="75">Paris (dép.75)</option>
<option value="76">Seine-Maritime (dép.76)</option>
<option value="77">Seine-et-Marne (dép.77)</option>
<option value="78">Yvelines (dép.78)</option>
<option value="79">Deux-Sèvres (dép.79)</option>
<option value="80">Somme (dép.80)</option>
<option value="81">Tarn (dép.81)</option>
<option value="82">Tarn-et-Garonne (dép.82)</option>
<option value="83">Var (dép.83)</option>
<option value="84">Vaucluse (dép.84)</option>
<option value="85">Vendée (dép.85)</option>
<option value="86">Vienne (dép.86)</option>
<option value="87">Haute-Vienne (dép.87)</option>
<option value="88">Vosges (dép.88)</option>
<option value="89">Yonne (dép.89)</option>
<option value="90">Territoire de Belfort (dép.90)</option>
<option value="91">Essonne (dép.91)</option>
<option value="92">Hauts-de-Seine (dép.92)</option>
<option value="93">Seine-Saint-Denis (dép.93)</option>
<option value="94">Val-de-Marne (dép.94)</option>
<option value="95">Val-d'Oise (dép.95)</option>
</select></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><br />

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

<fieldset><legend>Le forum</legend>
<table style="margin:auto;text-align:center;"><tr>
<td colspan="2"><label for="impression">Vos premières impressions sur ce forum ?</label><br />
<textarea class="itextarea" name="impression" id="impression" 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></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

en cas d'erreur "230" , merci de règler les permissions du panneau admin :

Dans votre panneau d'administration > Général > Sécurité, vous avez cette option :

Interdire les formulaires non officiels à poster des messages et messages privés sur le forum

Si vous cochez "non", vous ne rencontrez plus ce message d'erreur.

[JiPé54]

Un grand merci pour votre aide, cela fonctionne maintenant

Pourriez vous décaler les 2 textes de la partie "forum" ? Vos premières impressions sur ce forum ? et Comment avez-vous connu GTIPOWERS ? les mettre sur la gauche comme le reste du formulaire

Pourriez vous m'aider à me rapprocher de ce type de présentation (Cf image jointe au message) ?

Encore merci pour votre aide précieuse

Fichiers joints

formulaire.jpg Vous n'avez pas la permission de télécharger les fichiers joints.(242 Ko) Téléchargé 10 fois

[JiPé54]

Voici le code du formulaire que j'aimerais avoir (dans la présentation) après validation

Code:


[b][table style="margin: auto; padding: 0px 20px 5px 15px; background: #919191; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 600px;"][tr][td]
[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]

[size=24][i][color=#FFFFFF]Pseudo[/color][/i][/size][/center]

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Parle nous de toi[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black]
Prénom :
Âge :
[url=http://bit.ly/IFy1hv]Ma photo :[/url][/color] Viens enrichir le trombinoscope de ta photo
Département :
Voiture :

[/td][/tr][tr][td colspan="2" style="background:#C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Tes loisirs[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
Loisirs :
Tu aimes :
Tu n'aimes pas :

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Le Forum[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black][url=http://bit.ly/KcAZcS]Comment as-tu connu GTIPOWERS ?[/url]
Comment trouves-tu le Forum :
Ton Site ou Forum :

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Tu as la parole[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[url=http://bit.ly/IFyh07]Ton opinion nous intéresse[/url] :


[/color][/td][/tr][/table][/b]

En espérant que cela puisse vous aider

[JiPé54]

Petit UP

[JiPé54]

Up les amis !!

[JiPé54]

Encore un UP

[Scoubifitz]

bonjour,

vous aimeriez plutôt ceci ? un formulaire qui ressemble à la fiche de présentation ?

Code:

<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:210px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.prenom.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un prénom 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.voiture.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre voiture";
return false;
}
else if(form.loisirs.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser vos loisirs";
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.impression.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "[b][table style=\"margin: auto;padding:0px 20px;background-color: #919191;width: 600px;\"][tr][td]\n"
+ "[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]\n\n"
+ "[size=24][i][color=#FFFFFF]Pseudo[/color][/i][/size][/center]\n\n"
+ "[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Parle nous de toi[/td][/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Prénom : " + form.prenom.value + "\n"
+ "Âge : " + form.age.value + " ans\n"
+ "[url=http://bit.ly/IFy1hv]Ma photo :[/url] Viens enrichir le trombinoscope de ta photo\n"
+ "Département : " + form.departement.value + "\n"
+ "Voiture : " + form.voiture.value + "\n\n"
+ "[/td][/tr][tr][td style=\"background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;\"]- Tes loisirs[/td][/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Loisirs : " + form.loisirs.value + "\n"
+ "Tu aimes : " + form.aime.value + "\n"
+ "Tu n'aimes pas : " + form.aimepas.value + "\n\n"
+ "[/td][/tr][tr][td style=\"background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;\"]- Le Forum[/td][/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "[url=http://bit.ly/KcAZcS]Comment as-tu connu GTIPOWERS ? : [/url]" + form.connais.value + "\n"
+ "Comment trouves-tu le Forum :" + form.impression.value + "\n"
+ "Ton Site ou Forum : " + form.tonforum.value + "\n\n"
+ "[/td][/tr][tr][td style=\"background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;\"]- Tu as la parole[/td][/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "[url=http://bit.ly/IFyh07]Ton opinion nous intéresse[/url] :\n" + form.opinion.value + "\n\n"
+ "[/td][/tr][/table][/b]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + form.age.value + " ANS - ( " + form.departement.value + " ) - " + form.prenom.value;
return true;
}
}
</script>
<div class="form">
<form action="http://gtiste-test.forumgratuit.org/post" 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  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet  -->
<br />
<div style="background:url(http://www.gtipowers.com/images/tetelion3.png) no-repeat 80% 0%;height:50px;font: 27px Verdana;  color: #531014;  padding-top:40px;text-align:center;">Ma Présentation</div>
<br />
<br />

<fieldset>
<legend>En général</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="prenom">Quel est votre Prénom ?<br /><i>( Apparaitra dans le titre du sujet )</i></label></td>
<td><input type="text" name="prenom" id="prenom" 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="3" maxlength="3" /> ans</td>
</tr><tr>
  <td colspan="2" align="center">Vous pouvez mettre votre photo dans le <a href="http://bit.ly/IFy1hv" target="_blank" rel="nofollow">Trombinoscope</a></td>
</tr><tr>
<td class="left"><label for="departement">Quel est votre Département ?</label></td>
<td><select name="departement" id="departement">
<option value="Non précisé">Sélectionner un département</option>
<option value="01">Ain (dép.01)</option>
<option value="02">Aisne (dép.02)</option>
<option value="03">Allier (dép.03)</option>
<option value="04">Alpes-de-Haute-Provence (dép.04)</option>
<option value="05">Hautes-Alpes (dép.05)</option>
<option value="06">Alpes-Maritimes (dép.06)</option>
<option value="07">Ardèche (dép.07)</option>
<option value="08">Ardennes (dép.08)</option>
<option value="09">Ariège (dép.09)</option>
<option value="10">Aube (dép.10)</option>
<option value="11">Aude (dép.11)</option>
<option value="12">Aveyron (dép.12)</option>
<option value="13">Bouches-du-Rhône (dép.13)</option>
<option value="14">Calvados (dép.14)</option>
<option value="15">Cantal (dép.15)</option>
<option value="16">Charente (dép.16)</option>
<option value="17">Charente-Maritime (dép.17)</option>
<option value="18">Cher (dép.18)</option>
<option value="19">Corrèze (dép.19)</option>
<option value="2A">Corse-du-Sud (dép.2A)</option>
<option value="2B">Haute-Corse (dép.2B)</option>
<option value="21">Côte-d'Or (dép.21)</option>
<option value="22">Côtes-d'Armor (dép.22)</option>
<option value="23">Creuse (dép.23)</option>
<option value="24">Dordogne (dép.24)</option>
<option value="25">Doubs (dép.25)</option>
<option value="26">Drôme (dép.26)</option>
<option value="27">Eure (dép.27)</option>
<option value="28">Eure-et-Loir (dép.28)</option>
<option value="29">Finistère (dép.29)</option>
<option value="30">Gard (dép.30)</option>
<option value="31">Haute-Garonne (dép.31)</option>
<option value="32">Gers (dép.32)</option>
<option value="33">Gironde (dép.33)</option>
<option value="34">Hérault (dép.34)</option>
<option value="35">Ille-et-Vilaine (dép.35)</option>
<option value="36">Indre (dép.36)</option>
<option value="37">Indre-et-Loire (dép.37)</option>
<option value="38">Isère (dép.38)</option>
<option value="39">Jura (dép.39)</option>
<option value="40">Landes (dép.40)</option>
<option value="41">Loir-et-Cher (dép.41)</option>
<option value="42">Loire (dép.42)</option>
<option value="43">Haute-Loire (dép.43)</option>
<option value="44">Loire-Atlantique (dép.44)</option>
<option value="45">Loiret (dép.45)</option>
<option value="46">Lot (dép.46)</option>
<option value="47">Lot-et-Garonne (dép.47)</option>
<option value="48">Lozère (dép.48)</option>
<option value="49">Maine-et-Loire (dép.49)</option>
<option value="50">Manche (dép.50)</option>
<option value="51">Marne (dép.51)</option>
<option value="52">Haute-Marne (dép.52)</option>
<option value="53">Mayenne (dép.53)</option>
<option value="54">Meurthe-et-Moselle (dép.54)</option>
<option value="55">Meuse (dép.55)</option>
<option value="56">Morbihan (dép.56)</option>
<option value="57">Moselle (dép.57)</option>
<option value="58">Nièvre (dép.58)</option>
<option value="59">Nord (dép.59)</option>
<option value="60">Oise (dép.60)</option>
<option value="61">Orne (dép.61)</option>
<option value="62">Pas-de-Calais (dép.62)</option>
<option value="63">Puy-de-Dôme (dép.63)</option>
<option value="64">Pyrénées-Atlantiques (dép.64)</option>
<option value="65">Hautes-Pyrénées (dép.65)</option>
<option value="66">Pyrénées-Orientales (dép.66)</option>
<option value="67">Bas-Rhin (dép.67)</option>
<option value="68">Haut-Rhin (dép.68)</option>
<option value="69">Rhône (dép.69)</option>
<option value="70">Haute-Saône (dép.70)</option>
<option value="71">Saône-et-Loire (dép.71)</option>
<option value="72">Sarthe (dép.72)</option>
<option value="73">Savoie (dép.73)</option>
<option value="74">Haute-Savoie (dép.74)</option>
<option value="75">Paris (dép.75)</option>
<option value="76">Seine-Maritime (dép.76)</option>
<option value="77">Seine-et-Marne (dép.77)</option>
<option value="78">Yvelines (dép.78)</option>
<option value="79">Deux-Sèvres (dép.79)</option>
<option value="80">Somme (dép.80)</option>
<option value="81">Tarn (dép.81)</option>
<option value="82">Tarn-et-Garonne (dép.82)</option>
<option value="83">Var (dép.83)</option>
<option value="84">Vaucluse (dép.84)</option>
<option value="85">Vendée (dép.85)</option>
<option value="86">Vienne (dép.86)</option>
<option value="87">Haute-Vienne (dép.87)</option>
<option value="88">Vosges (dép.88)</option>
<option value="89">Yonne (dép.89)</option>
<option value="90">Territoire de Belfort (dép.90)</option>
<option value="91">Essonne (dép.91)</option>
<option value="92">Hauts-de-Seine (dép.92)</option>
<option value="93">Seine-Saint-Denis (dép.93)</option>
<option value="94">Val-de-Marne (dép.94)</option>
<option value="95">Val-d'Oise (dép.95)</option>
</select></td>
</tr><tr>
<td class="left"><label for="voiture">Votre voiture du moment ?</label></td>
<td><input type="text" name="voiture" id="voiture" size="40" maxlength="30" /></td>
</tr></table>
</fieldset><br />

<fieldset>
<legend>Tes loisirs</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="loisirs">Loisirs :</label></td>
<td><textarea name="loisirs" id="loisirs" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aime">Tu aimes ? :</label></td>
<td><textarea name="aime" id="aime" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aimepas">Tu n'aimes pas ?</label></td>
<td><textarea name="aimepas" id="aimepas" cols="35" rows="2"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Le forum</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu<br /> GTIPOWERS ?</label></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="impression">Vos premières impressions<br />sur ce forum ?</label></td>
<td><textarea class="itextarea" name="impression" id="impression" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="tonforum">Avez-vous un forum perso ?</label></td>
<td><input type="text" name="tonforum" id="tonforum" size="45" maxlength="90" /></td>
</tr><tr>
  <td class="left"><label for="opinion">Vous avez la parole : </label></td>
<td><textarea class="itextarea" name="opinion" id="opinion" cols="35" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

[JiPé54]

C'est tout simplement parfait !! Exactement ce que je voulais :thanks:

Et est ce que je peux abuser de vos services ?

J'aurais le même à faire mais pour la présentation des voitures

Voici le code de l'actuel :

Code:

[b][table style="margin: auto; padding: 0px 20px 5px 15px; background: #919191; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 600px;"][tr][td]
[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]

[size=24][i][color=#FFFFFF]Pseudo[/color][/i][/size][/center]

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Parle nous de ta voiture[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black]
Modèle (205 GTI ou 309 GTI/ GTI16) :
Cylindrée :
Année modèle :
Couleur :
KM actuel :
[/color]
[/td][/tr][tr][td colspan="2" style="background:#C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Les options[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black]
Toit ouvrant :
Direction assistée :
Climatisation :
Full cuir :
Peinture métalisée :
ABS :
[/color]

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- L'historique[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black]
Modèle export :
Nombre de propriétaire :
Grosse intervention ? Laquelle :
[/color]

[/td][/tr][tr][td colspan="2" style="background: #C72424 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; padding-left: 40px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px;"][color=#afafaf]- Les photos[/color][/td][/tr][tr][td style="padding-left: 30px; padding-right: 30px;"]
[color=black]Les photos de ta voiture :[/color]
-
-
-
-
-

[/td][/tr][/table][/b]


Ce qui serait génial c'est que le membre qui met le lien de sa photo dans la catégorie ci dessus (Les photos de ta voiture : ), la photo s'affiche directement après avoir validé le formulaire. Je sais pas si je suis clair

Encore merci pour votre aide précieuse

[Scoubifitz]

Vers quel forum l'envoi devra-t-il se faire ?

[JiPé54]

Le forum final c'est http://www.peugeot205-gtipowers.com et le forum test c'est celui déjà utilisé pour le premier formulaire

En espérant avoir répondu à votre question

[Scoubifitz]

non, non ... je pensais à la section du forum , dans la catégorie "Présentation des voitures" ...

comme j'avais un tout p'tit peu de temps , j'ai fait ceci :

Code:

<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:200px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.cylindree.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser la cylindrée";
return false;
}
else if(form.annee.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser l'année";
return false;
}
else if(form.couleur.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de spécifier la couleur";
return false;
}
else if(form.actuel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser le kilométrage";
return false;
}
else
{
var choix = "";
if(form.choix[0].checked == true)
{form.f.value = "42";
choix = " 205 GTI 1L6";}
else if(form.choix[1].checked == true)
{form.f.value = "41" ;
choix = " 205 GTI 1L9";}
else if(form.choix[2].checked == true)
{form.f.value = "43";
choix = " 309 GTI";}
else if(form.choix[3].checked == true)
{form.f.value = "44";
choix = " 309 GTI 16";}
else if(form.choix[4].checked == true)
{form.f.value = "2";
choix = " CTI";}
else if(form.choix[5].checked == true)
{form.f.value = "23";
choix = " Rallye";}
else if(form.choix[6].checked == true)
{form.f.value = "3";
choix = " GTI modifiée (sans tuning) ";}

// Créer un message à partir des informations fournies
var txt_message = "[b][table style=\"margin: auto; padding: 0px 20px; background: #919191;width: 600px;\"][tr][td]\n"
+ "[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]\n\n"
+ "[size=24][i][color=#FFFFFF]" + form.pseudo.value + "[/color][/i][/size][/center]\n\n"
+ "[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Parle nous de ta voiture[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle : " + choix + "\n"
+ "Cylindrée : " + form.cylindree.value + "\n"
+ "Année modèle : " + form.annee.value + "\n"
+ "Couleur : " + form.couleur.value + "\n"
+ "KM actuel : " + form.actuel.value + "\n\n"
+ "[/td][/tr][tr][tdstyle=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les options[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"][list]";
for(var i = 0; i < form.option.length; i++)
{
if(form.option[i].checked === true) { txt_message += "[*]" + form.option[i].value + "\n"; }
}
txt_message += "[/list][/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- L'historique[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle export : ";
if(form.exportmodel[0].checked)
{txt_message += form.exportmodel[0].value;}
if(form.exportmodel[1].checked)
{txt_message += form.exportmodel[1].value + ", Pays : " + form.pays.value;}
txt_message += "\n Nombre de propriétaires : " + form.proprio.value + "\n"
+ "\n Grosse intervention : ";
if(form.intervention[0].checked)
{txt_message += form.intervention[0].value;}
if(form.intervention[1].checked)
{txt_message += form.intervention[1].value + ", Détail : " + form.transfo.value;}
txt_message += "\n\n[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les photos[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Les photos de ta voiture :\n\n";
if(form.image1.value != "") // Si le champ "image1" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image1.value + "[/img]\n\n";
}
if(form.image2.value != "") // Si le champ "image2" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image2.value + "[/img]\n\n";
}
if(form.image3.value != "") // Si le champ "image3" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image3.value + "[/img]\n\n";
}
if(form.image4.value != "") // Si le champ "image4" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image4.value + "[/img]\n\n";
}
if(form.image5.value != "") // Si le champ "image5" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image5.value + "[/img]\n\n";
}
if(form.imageplus.value != "") // Si le champ "imageplus" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.imageplus.value + "[/img]\n\n";
}
txt_message += "[/td][/tr][/table][/b]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + choix + " - " + form.cylindree.value + " - " + form.couleur.value + " - " + form.annee.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" 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  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet  -->
<br />
<div style="background:url(http://www.gtipowers.com/images/tetelion3.png) no-repeat 75% 0%;height:50px;font: 27px Verdana;  color: #531014;  padding-top:40px;text-align:center;">Ma Voiture</div>
<br />
<br />

<fieldset>
<legend>Description</legend>
<table style="margin:auto;"><tr>
<td class="left"><label>Le choix du modèle permet <br />l'envoi vers le bon forum </label></td>
<td>
<input name="choix" value="42" type="radio" checked="checked"> 205 GTI 1L6 <br />
<input name="choix" value="41" type="radio"> 205 GTI 1L9<br />
<input name="choix" value="43" type="radio"> 309 GTI <br />
<input name="choix" value="44" type="radio"> 309 GTI 16<br />
<input name="choix" value="2" type="radio"> CTI <br />
<input name="choix" value="23" type="radio"> Rallye <br />
<input name="choix" value="3" type="radio"> GTI modifiée (sans tuning)
</td>
</tr><tr>
<td class="left"><label for="cylindree">Cylindrée : </label><input type="text" name="cylindree" id="cylindree" size="10" maxlength="10" /></td>
<td><label for="couleur">Couleur : </label><input type="text" name="couleur" id="couleur" size="20" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="annee">Année modèle : </label><input type="text" name="annee" id="annee" size="5" maxlength="4" /></td>
<td><label for="actuel">Kilométrage actuel : </label><input type="text" name="actuel" id="actuel" size="10" maxlength="10" /></td>
</tr></table>
</fieldset><br />

<fieldset>
<legend>Options</legend>
<table style="margin:auto;"><tr>
<td>
<input type="checkbox" name="option" value="Toit ouvrant" />Toit ouvrant
<input type="checkbox" name="option" value="Direction assistée " /> Direction assistée
<input type="checkbox" name="option" value="Climatisation " /> Climatisation
<input type="checkbox" name="option" value="Peinture métallisée " /> Peinture métallisée
<input type="checkbox" name="option" value="ABS" /> ABS <br /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Historique</legend>
<table style="margin:auto;"><tr>
</tr><tr>
<td class="left"><label>Modèle export</label></td>
<td>
<input name="exportmodel" value=" non" type="radio" checked="checked">non
<input name="exportmodel" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="pays">Si oui , quel pays ?</label></td>
<td><input type="text" name="pays" id="pays" size="45" maxlength="90" /></td>
</tr><tr>
<td class="left"><label for="proprio">Nombre de propriétaires : </label></td>
<td><input type="text" name="proprio" id="proprio" size="15" maxlength="20" /></td>
</tr><tr>
<td class="left"><label>Grosse intervention </label></td>
<td>
<input name="intervention" value=" non" type="radio" checked="checked">non
<input name="intervention" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="transfo">Si oui , laquelle ?</label></td>
<td><textarea name="transfo" id="transfo" cols="45" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="opinion">Vous avez la parole : </label></td>
<td><textarea name="opinion" id="opinion" cols="45" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>En images</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td>Mettez ici le(s) lien(s) de vos photos</td>
</tr><tr>
<td><input type="text" name="image1" id="image1" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image2" id="image2" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image3" id="image3" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image4" id="image4" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image5" id="image5" size="45" maxlength="90" /></td>
</tr><tr>
<td><label for="imageplus">Si vous en avez d'autres , mettez les <br />sous la forme [img]lien[/img] , les uns sous les autres</label><textarea name="imageplus" id="imageplus" cols="60" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

[JiPé54]

Merci pour votre aide, je vais tester ce code. Le forum de destination est effectivement la présentation des voitures

Je reviens vers vous très prochainement

[JiPé54]

Bonjour,

Alors la présentation du formulaire est tip top, c 'est parfait.

Comment peut on modifier le chemin des réponses car je ne peux pas valider le formulaire il me met forcément un message d'erreur "Désolé, mais seuls les peuvent poster dans ce forum."

Merci de votre aide

[JiPé54]

Zut le formulaire de présentation ne fonctionne pas sur le forum sur lequel cela doit être installé !! J'ai bien enlever la restriction dans "sécurité" mais rien n'y fait, pouvez vous m'aider en même temps à corriger ce petit bug ?

Code:


<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:210px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.prenom.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un prénom 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.voiture.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre voiture";
return false;
}
else if(form.loisirs.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser vos loisirs";
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.impression.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<strong><table style="margin: auto;padding:0px 20px;background-color: #919191;width: 600px;"><tr><td align="left">\n"
+ "<div style="margin:auto;text-align:center;width:100%"><img src="http://www.gtipowers.com/images/tetelion3.png" border="0" alt="" />\n\n"
+ "<span style="font-size: 24px; line-height: normal"><i><font color="#FFFFFF">" + form.pseudo.value + "</font></i></span></div>\n\n"
+ "</td></tr><tr><td align="left" style="background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;">- Parle nous de toi</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "Prénom :<font color="#FFFFFF"> " + form.prenom.value + "</font>\n"
+ "Âge :<font color="#FFFFFF"> " + form.age.value + " ans</font>\n"
+ "<a href="http://bit.ly/IFy1hv" class="postlink" target="_blank" rel="nofollow">Ma photo :</a> Viens enrichir le trombinoscope de ta photo\n"
+ "Département :<font color="#FFFFFF"> " + form.departement.value + "</font>\n"
+ "Voiture :<font color="#FFFFFF"> " + form.voiture.value + "</font>\n\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Tes loisirs</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "Loisirs :<font color="#FFFFFF"> " + form.loisirs.value + "</font>\n"
+ "Tu aimes :<font color="#FFFFFF"> " + form.aime.value + "</font>\n"
+ "Tu n'aimes pas :<font color="#FFFFFF"> " + form.aimepas.value + "</font>\n\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Le Forum</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "<a href="http://bit.ly/KcAZcS" class="postlink" target="_blank" rel="nofollow">Comment as-tu connu GTIPOWERS ? : </a><font color="#FFFFFF"> " + form.connais.value + "</font>\n"
+ "Comment trouves-tu le Forum :<font color="#FFFFFF"> " + form.impression.value + "</font>\n"
+ "Ton Site ou Forum :<font color="#FFFFFF"> " + form.tonforum.value + "</font>\n\n"
+ "</td></tr><tr><td align="left" style="background: #C72424; font-weight: bold; padding-left: 40px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#afafaf;">- Tu as la parole</td></tr><tr><td align="left" style="padding:0 30px;">\n"
+ "<a href="http://bit.ly/IFyh07" class="postlink" target="_blank" rel="nofollow">Ton opinion nous intéresse</a> :<font color="#FFFFFF"> \n" + form.opinion.value + "</font>\n\n"
+ "</td></tr></table></strong>";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + form.age.value + " Ans -  " + form.departement.value + "  - " + form.prenom.value;
return true;
}
}
</script><div class="form">
<form action="http://gtipowers.forumactif.fr/post" 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="24" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet  -->
<br /><div style="background:url(http://www.gtipowers.com/images/tetelion3.png) no-repeat 80% 0%;height:50px;font: 27px Verdana;  color: #531014;  padding-top:40px;text-align:center;">Ma Présentation</div>
<br />
<br />

<fieldset>
<legend>En général</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="prenom">Quel est votre Prénom ?<br /><i>( Apparaitra dans le titre du sujet )</i></label></td>
<td><input type="text" name="prenom" id="prenom" 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="3" maxlength="3" /> ans</td>
</tr><tr>
  <td colspan="2" align="center">Vous pouvez mettre votre photo dans le <a href="http://bit.ly/IFy1hv" target="_blank" rel="nofollow">Trombinoscope</a></td>
</tr><tr>
<td class="left"><label for="departement">Quel est votre Département ?</label></td>
<td><select name="departement" id="departement">
<option value="Non précisé">Sélectionner un département</option>
<option value="01">Ain (dép.01)</option>
<option value="02">Aisne (dép.02)</option>
<option value="03">Allier (dép.03)</option>
<option value="04">Alpes-de-Haute-Provence (dép.04)</option>
<option value="05">Hautes-Alpes (dép.05)</option>
<option value="06">Alpes-Maritimes (dép.06)</option>
<option value="07">Ardèche (dép.07)</option>
<option value="08">Ardennes (dép.08)</option>
<option value="09">Ariège (dép.09)</option>
<option value="10">Aube (dép.10)</option>
<option value="11">Aude (dép.11)</option>
<option value="12">Aveyron (dép.12)</option>
<option value="13">Bouches-du-Rhône (dép.13)</option>
<option value="14">Calvados (dép.14)</option>
<option value="15">Cantal (dép.15)</option>
<option value="16">Charente (dép.16)</option>
<option value="17">Charente-Maritime (dép.17)</option>
<option value="18">Cher (dép.18)</option>
<option value="19">Corrèze (dép.19)</option>
<option value="2A">Corse-du-Sud (dép.2A)</option>
<option value="2B">Haute-Corse (dép.2B)</option>
<option value="21">Côte-d'Or (dép.21)</option>
<option value="22">Côtes-d'Armor (dép.22)</option>
<option value="23">Creuse (dép.23)</option>
<option value="24">Dordogne (dép.24)</option>
<option value="25">Doubs (dép.25)</option>
<option value="26">Drôme (dép.26)</option>
<option value="27">Eure (dép.27)</option>
<option value="28">Eure-et-Loir (dép.28)</option>
<option value="29">Finistère (dép.29)</option>
<option value="30">Gard (dép.30)</option>
<option value="31">Haute-Garonne (dép.31)</option>
<option value="32">Gers (dép.32)</option>
<option value="33">Gironde (dép.33)</option>
<option value="34">Hérault (dép.34)</option>
<option value="35">Ille-et-Vilaine (dép.35)</option>
<option value="36">Indre (dép.36)</option>
<option value="37">Indre-et-Loire (dép.37)</option>
<option value="38">Isère (dép.38)</option>
<option value="39">Jura (dép.39)</option>
<option value="40">Landes (dép.40)</option>
<option value="41">Loir-et-Cher (dép.41)</option>
<option value="42">Loire (dép.42)</option>
<option value="43">Haute-Loire (dép.43)</option>
<option value="44">Loire-Atlantique (dép.44)</option>
<option value="45">Loiret (dép.45)</option>
<option value="46">Lot (dép.46)</option>
<option value="47">Lot-et-Garonne (dép.47)</option>
<option value="48">Lozère (dép.48)</option>
<option value="49">Maine-et-Loire (dép.49)</option>
<option value="50">Manche (dép.50)</option>
<option value="51">Marne (dép.51)</option>
<option value="52">Haute-Marne (dép.52)</option>
<option value="53">Mayenne (dép.53)</option>
<option value="54">Meurthe-et-Moselle (dép.54)</option>
<option value="55">Meuse (dép.55)</option>
<option value="56">Morbihan (dép.56)</option>
<option value="57">Moselle (dép.57)</option>
<option value="58">Nièvre (dép.58)</option>
<option value="59">Nord (dép.59)</option>
<option value="60">Oise (dép.60)</option>
<option value="61">Orne (dép.61)</option>
<option value="62">Pas-de-Calais (dép.62)</option>
<option value="63">Puy-de-Dôme (dép.63)</option>
<option value="64">Pyrénées-Atlantiques (dép.64)</option>
<option value="65">Hautes-Pyrénées (dép.65)</option>
<option value="66">Pyrénées-Orientales (dép.66)</option>
<option value="67">Bas-Rhin (dép.67)</option>
<option value="68">Haut-Rhin (dép.68)</option>
<option value="69">Rhône (dép.69)</option>
<option value="70">Haute-Saône (dép.70)</option>
<option value="71">Saône-et-Loire (dép.71)</option>
<option value="72">Sarthe (dép.72)</option>
<option value="73">Savoie (dép.73)</option>
<option value="74">Haute-Savoie (dép.74)</option>
<option value="75">Paris (dép.75)</option>
<option value="76">Seine-Maritime (dép.76)</option>
<option value="77">Seine-et-Marne (dép.77)</option>
<option value="78">Yvelines (dép.78)</option>
<option value="79">Deux-Sèvres (dép.79)</option>
<option value="80">Somme (dép.80)</option>
<option value="81">Tarn (dép.81)</option>
<option value="82">Tarn-et-Garonne (dép.82)</option>
<option value="83">Var (dép.83)</option>
<option value="84">Vaucluse (dép.84)</option>
<option value="85">Vendée (dép.85)</option>
<option value="86">Vienne (dép.86)</option>
<option value="87">Haute-Vienne (dép.87)</option>
<option value="88">Vosges (dép.88)</option>
<option value="89">Yonne (dép.89)</option>
<option value="90">Territoire de Belfort (dép.90)</option>
<option value="91">Essonne (dép.91)</option>
<option value="92">Hauts-de-Seine (dép.92)</option>
<option value="93">Seine-Saint-Denis (dép.93)</option>
<option value="94">Val-de-Marne (dép.94)</option>
<option value="95">Val-d'Oise (dép.95)</option>
</select></td>
</tr><tr>
<td class="left"><label for="voiture">Votre voiture du moment ?</label></td>
<td><input type="text" name="voiture" id="voiture" size="40" maxlength="30" /></td>
</tr></table>
</fieldset><br />

<fieldset>
<legend>Tes loisirs</legend>
<table style="margin:auto;"><tr>
<td class="left"><label for="loisirs">Loisirs :</label></td>
<td><textarea name="loisirs" id="loisirs" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aime">Tu aimes ? :</label></td>
<td><textarea name="aime" id="aime" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="aimepas">Tu n'aimes pas ?</label></td>
<td><textarea name="aimepas" id="aimepas" cols="35" rows="2"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Le forum</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td class="left"><label for="connais">Comment avez-vous connu<br /> GTIPOWERS ?</label></td>
<td><textarea class="itextarea" name="connais" id="connais" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="impression">Vos premières impressions<br />sur ce forum ?</label></td>
<td><textarea class="itextarea" name="impression" id="impression" cols="35" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="tonforum">Avez-vous un forum perso ?</label></td>
<td><input type="text" name="tonforum" id="tonforum" size="45" maxlength="90" /></td>
</tr><tr>
  <td class="left"><label for="opinion">Vous avez la parole : </label></td>
<td><textarea class="itextarea" name="opinion" id="opinion" cols="35" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

adresse source : http://www.peugeot205-gtipowers.com ou http://gtipowers.forumactif.fr

[Scoubifitz]

bon , on recopie-colle ce code :

Code:

<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:200px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.cylindree.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser la cylindrée";
return false;
}
else if(form.annee.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser l'année";
return false;
}
else if(form.couleur.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de spécifier la couleur";
return false;
}
else if(form.actuel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser le kilométrage";
return false;
}
else
{
var choix = "";
if(form.choix[0].checked == true)
{form.f.value = "42";
choix = " 205 GTI 1L6";}
else if(form.choix[1].checked == true)
{form.f.value = "41" ;
choix = " 205 GTI 1L9";}
else if(form.choix[2].checked == true)
{form.f.value = "43";
choix = " 309 GTI";}
else if(form.choix[3].checked == true)
{form.f.value = "44";
choix = " 309 GTI 16";}
else if(form.choix[4].checked == true)
{form.f.value = "2";
choix = " CTI";}
else if(form.choix[5].checked == true)
{form.f.value = "23";
choix = " Rallye";}
else if(form.choix[6].checked == true)
{form.f.value = "3";
choix = " GTI modifiée (sans tuning) ";}

// Créer un message à partir des informations fournies
var txt_message = "[b][table style=\"margin: auto; padding: 0px 20px; background: #919191;width: 600px;\"][tr][td]\n"
+ "[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]\n\n"
+ "[size=24][i][color=#FFFFFF]" + form.pseudo.value + "[/color][/i][/size][/center]\n\n"
+ "[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Parle nous de ta voiture[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle : " + choix + "\n"
+ "Cylindrée : " + form.cylindree.value + "\n"
+ "Année modèle : " + form.annee.value + "\n"
+ "Couleur : " + form.couleur.value + "\n"
+ "KM actuel : " + form.actuel.value + "\n\n"
+ "[/td][/tr][tr][tdstyle=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les options[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"][list]";
for(var i = 0; i < form.option.length; i++)
{
if(form.option[i].checked === true) { txt_message += "[*]" + form.option[i].value + "\n"; }
}
txt_message += "[/list][/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- L'historique[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle export : ";
if(form.exportmodel[0].checked)
{txt_message += form.exportmodel[0].value;}
if(form.exportmodel[1].checked)
{txt_message += form.exportmodel[1].value + ", Pays : " + form.pays.value;}
txt_message += "\n Nombre de propriétaires : " + form.proprio.value + "\n"
+ "\n Grosse intervention : ";
if(form.intervention[0].checked)
{txt_message += form.intervention[0].value;}
if(form.intervention[1].checked)
{txt_message += form.intervention[1].value + ", Détail : " + form.transfo.value;}
txt_message += "\n\n[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les photos[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Les photos de ta voiture :\n\n";
if(form.image1.value != "") // Si le champ "image1" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image1.value + "[/img]\n\n";
}
if(form.image2.value != "") // Si le champ "image2" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image2.value + "[/img]\n\n";
}
if(form.image3.value != "") // Si le champ "image3" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image3.value + "[/img]\n\n";
}
if(form.image4.value != "") // Si le champ "image4" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image4.value + "[/img]\n\n";
}
if(form.image5.value != "") // Si le champ "image5" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image5.value + "[/img]\n\n";
}
if(form.imageplus.value != "") // Si le champ "imageplus" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.imageplus.value + "[/img]\n\n";
}
txt_message += "[/td][/tr][/table][/b]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + choix + " - " + form.cylindree.value + " - " + form.couleur.value + " - " + form.annee.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" 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="" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet  -->
<br />
<div style="background:url(http://www.gtipowers.com/images/tetelion3.png) no-repeat 75% 0%;height:50px;font: 27px Verdana;  color: #531014;  padding-top:40px;text-align:center;">Ma Voiture</div>
<br />
<br />

<fieldset>
<legend>Description</legend>
<table style="margin:auto;"><tr>
<td class="left"><label>Le choix du modèle permet <br />l'envoi vers le bon forum </label></td>
<td>
<input name="choix" value="42" type="radio" checked="checked"> 205 GTI 1L6 <br />
<input name="choix" value="41" type="radio"> 205 GTI 1L9<br />
<input name="choix" value="43" type="radio"> 309 GTI <br />
<input name="choix" value="44" type="radio"> 309 GTI 16<br />
<input name="choix" value="2" type="radio"> CTI <br />
<input name="choix" value="23" type="radio"> Rallye <br />
<input name="choix" value="3" type="radio"> GTI modifiée (sans tuning)
</td>
</tr><tr>
<td class="left"><label for="cylindree">Cylindrée : </label><input type="text" name="cylindree" id="cylindree" size="10" maxlength="10" /></td>
<td><label for="couleur">Couleur : </label><input type="text" name="couleur" id="couleur" size="20" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="annee">Année modèle : </label><input type="text" name="annee" id="annee" size="5" maxlength="4" /></td>
<td><label for="actuel">Kilométrage actuel : </label><input type="text" name="actuel" id="actuel" size="10" maxlength="10" /></td>
</tr></table>
</fieldset><br />

<fieldset>
<legend>Options</legend>
<table style="margin:auto;"><tr>
<td>
<input type="checkbox" name="option" value="Toit ouvrant" />Toit ouvrant
<input type="checkbox" name="option" value="Direction assistée " /> Direction assistée
<input type="checkbox" name="option" value="Climatisation " /> Climatisation
<input type="checkbox" name="option" value="Peinture métallisée " /> Peinture métallisée
<input type="checkbox" name="option" value="ABS" /> ABS <br /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Historique</legend>
<table style="margin:auto;"><tr>
</tr><tr>
<td class="left"><label>Modèle export</label></td>
<td>
<input name="exportmodel" value=" non" type="radio" checked="checked">non
<input name="exportmodel" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="pays">Si oui , quel pays ?</label></td>
<td><input type="text" name="pays" id="pays" size="45" maxlength="90" /></td>
</tr><tr>
<td class="left"><label for="proprio">Nombre de propriétaires : </label></td>
<td><input type="text" name="proprio" id="proprio" size="15" maxlength="20" /></td>
</tr><tr>
<td class="left"><label>Grosse intervention </label></td>
<td>
<input name="intervention" value=" non" type="radio" checked="checked">non
<input name="intervention" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="transfo">Si oui , laquelle ?</label></td>
<td><textarea name="transfo" id="transfo" cols="45" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="opinion">Vous avez la parole : </label></td>
<td><textarea name="opinion" id="opinion" cols="45" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>En images</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td>Mettez ici le(s) lien(s) de vos photos</td>
</tr><tr>
<td><input type="text" name="image1" id="image1" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image2" id="image2" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image3" id="image3" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image4" id="image4" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image5" id="image5" size="45" maxlength="90" /></td>
</tr><tr>
<td><label for="imageplus">Si vous en avez d'autres , mettez les <br />sous la forme [img]lien[/img] , les uns sous les autres</label><textarea name="imageplus" id="imageplus" cols="60" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

... sans éditer en mode WYSIWYG , sans basculer de mode d'édition ...

[JiPé54]

Même résultat

[Scoubifitz]

le problème se situe dans le copié-collé ...

le script d'envoi , qui devrait être en BBcode , se transforme en Html ...

en éditant la page HTML , vous vous apercevrez que la variable "var tex_message" n'est pas comme l'originale que je vous ai fourni ...

[JiPé54]

celle ci ?

var txt_message = "[b][table style=\"margin: auto; padding: 0px 20px; background: #919191;width: 600px;\"]

[Scoubifitz]

oui , le dernier code que vous avez posté contient :

Code:

var txt_message = "<strong><table style="margin: auto;padding:0px 20px;background-color: #919191;width: 600px;"><tr><td align="left">\n"

est-ce que l'envoi se fait maintenant ?

[JiPé54]

Maintenant j'ai un autre message d'erreur :

Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.

Et comment faire pour que cela se range par cylindrée ?

[Scoubifitz]

alors ... l'envoi ne se fait pas tant que les 4 champs demandés ne sont pas remplis , l'envoi se fait vers le forum suivant le modèle choisi ...

remplacez le tout par ceci :

Code:

<style type="text/css">
<!--
.form {
font-size: 12px;
background-color:#919191;
width: 750px;
margin:auto;
}
fieldset{
background-color:#919191;
width: 600px;
border:1px solid lightgray;
margin:auto;
}
fieldset tr td{
padding:10px;
border:1px dashed #C72424;
border-width:1px 0 0 0;
}
legend {
background-color:#C72424;
font:22px verdana;
text-align:center;
padding:0px 20px;
color: #afafaf;
}
.left{
text-align:right;
font-size: 14px;
width:200px;
} -->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.cylindree.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser la cylindrée";
return false;
}
else if(form.couleur.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de spécifier la couleur";
return false;
}
else if(form.annee.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser l'année";
return false;
}
else if(form.actuel.value == "")
{
document.getElementById("errormsg").innerHTML = "Vous avez oublié de préciser le kilométrage";
return false;
}
else
{
var choix = "";
if(form.choix[0].checked == true)
{form.f.value = "42";
choix = " 205 GTI 1L6";}
else if(form.choix[1].checked == true)
{form.f.value = "41" ;
choix = " 205 GTI 1L9";}
else if(form.choix[2].checked == true)
{form.f.value = "43";
choix = " 309 GTI";}
else if(form.choix[3].checked == true)
{form.f.value = "44";
choix = " 309 GTI 16";}
else if(form.choix[4].checked == true)
{form.f.value = "2";
choix = " CTI";}
else if(form.choix[5].checked == true)
{form.f.value = "23";
choix = " Rallye";}
else if(form.choix[6].checked == true)
{form.f.value = "3";
choix = " GTI modifiée (sans tuning) ";}

// Créer un message à partir des informations fournies
var txt_message = "[b][table style=\"margin: auto; padding: 0px 20px; background: #919191;width: 600px;\"][tr][td]\n"
+ "[center][img]http://www.gtipowers.com/images/tetelion3.png[/img]\n\n"
+ "[size=24][i][color=#FFFFFF]" + form.pseudo.value + "[/color][/i][/size][/center]\n\n"
+ "[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Parle nous de ta voiture[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle : " + choix + "\n"
+ "Cylindrée : " + form.cylindree.value + "\n"
+ "Année modèle : " + form.annee.value + "\n"
+ "Couleur : " + form.couleur.value + "\n"
+ "KM actuel : " + form.actuel.value + "\n\n"
+ "[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les options[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"][list]";
for(var i = 0; i < form.option.length; i++)
{
if(form.option[i].checked === true) { txt_message += "[*]" + form.option[i].value + "\n"; }
}
txt_message += "[/list][/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- L'historique[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Modèle export : ";
if(form.exportmodel[0].checked)
{txt_message += form.exportmodel[0].value;}
if(form.exportmodel[1].checked)
{txt_message += form.exportmodel[1].value + ", Pays : " + form.pays.value;}
txt_message += "\n Nombre de propriétaires : " + form.proprio.value + "\n"
+ "\n Grosse intervention : ";
if(form.intervention[0].checked)
{txt_message += form.intervention[0].value;}
if(form.intervention[1].checked)
{txt_message += form.intervention[1].value + ", Détail : " + form.transfo.value;}
txt_message += "\n\n[/td][/tr][tr][td style=\"background-color:#C72424;font-weight:bold;padding-left:40px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;color:#afafaf;\"]- Les photos[/td]\n"
+ "[/tr][tr][td style=\"padding:0 30px;\"]\n"
+ "Les photos de ta voiture :\n\n";
if(form.image1.value != "") // Si le champ "image1" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image1.value + "[/img]\n\n";
}
if(form.image2.value != "") // Si le champ "image2" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image2.value + "[/img]\n\n";
}
if(form.image3.value != "") // Si le champ "image3" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image3.value + "[/img]\n\n";
}
if(form.image4.value != "") // Si le champ "image4" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image4.value + "[/img]\n\n";
}
if(form.image5.value != "") // Si le champ "image5" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.image5.value + "[/img]\n\n";
}
if(form.imageplus.value != "") // Si le champ "imageplus" n'a pas été laissé vide ...
{
txt_message += "[img]" + form.imageplus.value + "[/img]\n\n";
}
txt_message += "[/td][/tr][/table][/b]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "[" + form.pseudo.value + "] " + choix + " - " + form.cylindree.value + " - " + form.couleur.value + " - " + form.annee.value;
return true;
}
}
</script>
<div class="form">
<form action="/post" 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="" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="" /> <!-- titre du sujet  -->
<input type="hidden" name="pseudo" id="pseudo" value="" class="USERNAME"/> <!-- titre du sujet  -->
<br />
<div style="background:url(http://www.gtipowers.com/images/tetelion3.png) no-repeat 75% 0%;height:50px;font: 27px Verdana;  color: #531014;  padding-top:40px;text-align:center;">Ma Voiture</div>
<br />
<br />

<fieldset>
<legend>Description</legend>
<table style="margin:auto;"><tr>
<td class="left"><label>Le choix du modèle permet <br />l'envoi vers le bon forum </label></td>
<td>
<input name="choix" value="42" type="radio" checked="checked"> 205 GTI 1L6 <br />
<input name="choix" value="41" type="radio"> 205 GTI 1L9<br />
<input name="choix" value="43" type="radio"> 309 GTI <br />
<input name="choix" value="44" type="radio"> 309 GTI 16<br />
<input name="choix" value="2" type="radio"> CTI <br />
<input name="choix" value="23" type="radio"> Rallye <br />
<input name="choix" value="3" type="radio"> GTI modifiée (sans tuning)
</td>
</tr><tr>
<td class="left"><label for="cylindree">Cylindrée : </label><input type="text" name="cylindree" id="cylindree" size="10" maxlength="10" /></td>
<td><label for="couleur">Couleur : </label><input type="text" name="couleur" id="couleur" size="20" maxlength="30" /></td>
</tr><tr>
<td class="left"><label for="annee">Année modèle : </label><input type="text" name="annee" id="annee" size="5" maxlength="4" /></td>
<td><label for="actuel">Kilométrage actuel : </label><input type="text" name="actuel" id="actuel" size="10" maxlength="10" /></td>
</tr></table>
</fieldset><br />

<fieldset>
<legend>Options</legend>
<table style="margin:auto;"><tr>
<td>
<input type="checkbox" name="option" value="Toit ouvrant" />Toit ouvrant
<input type="checkbox" name="option" value="Direction assistée " /> Direction assistée
<input type="checkbox" name="option" value="Climatisation " /> Climatisation
<input type="checkbox" name="option" value="Peinture métallisée " /> Peinture métallisée
<input type="checkbox" name="option" value="ABS" /> ABS <br /></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Historique</legend>
<table style="margin:auto;"><tr>
</tr><tr>
<td class="left"><label>Modèle export</label></td>
<td>
<input name="exportmodel" value=" non" type="radio" checked="checked">non
<input name="exportmodel" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="pays">Si oui , quel pays ?</label></td>
<td><input type="text" name="pays" id="pays" size="45" maxlength="90" /></td>
</tr><tr>
<td class="left"><label for="proprio">Nombre de propriétaires : </label></td>
<td><input type="text" name="proprio" id="proprio" size="15" maxlength="20" /></td>
</tr><tr>
<td class="left"><label>Grosse intervention </label></td>
<td>
<input name="intervention" value=" non" type="radio" checked="checked">non
<input name="intervention" value=" oui" type="radio">oui</td>
</tr><tr>
<td class="left"><label for="transfo">Si oui , laquelle ?</label></td>
<td><textarea name="transfo" id="transfo" cols="45" rows="2"></textarea></td>
</tr><tr>
<td class="left"><label for="opinion">Vous avez la parole : </label></td>
<td><textarea name="opinion" id="opinion" cols="45" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>En images</legend>
<table style="margin:auto;text-align:center;"><tr>
</tr><tr>
<td>Mettez ici le(s) lien(s) de vos photos</td>
</tr><tr>
<td><input type="text" name="image1" id="image1" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image2" id="image2" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image3" id="image3" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image4" id="image4" size="45" maxlength="90" /></td>
</tr><tr>
<td><input type="text" name="image5" id="image5" size="45" maxlength="90" /></td>
</tr><tr>
<td><label for="imageplus">Si vous en avez d'autres , mettez les <br />sous la forme [img]lien[/img] , les uns sous les autres</label><textarea name="imageplus" id="imageplus" cols="60" rows="6"></textarea></td>
</tr></table>
</fieldset><br />

<fieldset><legend>Création du post</legend>
<center><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 !"></center>
</fieldset><br />
</form></div>

bizarrement , tous les codes que j'ai posté ont parfaitement fonctionné ...

[JiPé54]

Je comprend plus ....

Désolé, mais seuls les peuvent poster dans ce forum.

[Scoubifitz]

allez ... on respire un bon coup ... tu a coché quel forum (modèle) pour l'envoi ?

[JiPé54]

celui ci : 205 GTI 1L9

le lien de la page : http://gtiste-test.forumgratuit.org/h3-presentation-test

[JiPé54]

Étrange mais sur le bon forum, cela a fonctionné mais le cadre est trop grand

[Scoubifitz]

ok ! ^^ ... sur le forum test il n'y a pas de forum n°43 ou n°44 !

sur le bon forum , les forums existent ... donc l'envoi peut se faire ...

que veux-tu dire par " le cadre est trop grand" , (lien vers le cadre)

[JiPé54]

Ahhhhh ok c'est pour ça !!

http://www.peugeot205-gtipowers.com/t4715-gtiste-205-gti-1l9-1905-noir-89#117003

Il manque l'arrondi du coté droit

Encore merci de ton aide, c'est vraiment cool