simplifier l'envoie d'un tableau

[Djlc.Discomobile]

Bonjours a tous
Voila je vais peut être demander l'impossible,je voudrais faire un truc simple avec le tableau que je joint en dessous,a fin que les membres de mon forum le remplisse et que celui si ce retrouve sur le sujet,jusqu’à présent je leurs demande de le copier puis de le coller et de le remplir,comment cela pourrait il etre plus simple,merci pour vos idées merci pour toutes les suggestions

---

Spoiler:

[Scoubifitz]

Bonjours a tous
Voila je vais peut être demander l'impossible,je voudrais faire un truc simple avec le tableau que je joint en dessous,a fin que les membres de mon forum le remplisse et que celui si ce retrouve sur le sujet,jusqu’à présent je leurs demande de le copier puis de le coller et de le remplir,comment cela pourrait il etre plus simple,merci pour vos idées merci pour toutes les suggestions

---

bonjour,

c'est bien connu : pour l'impossible , il faut un certain délai ...

le "truc simple" s'appelle un formulaire ,
que l'on peut mettre sous forme de tableau
en insérant des champs "texte",
puis de mette ce formulaire sur une page HTML
attachée au forum ,
puis de placer un script
qui reproduira ce tableau dans un message ...

voilà pour les grandes lignes ...

[Scoubifitz]

re-bonjour !^^

j'espère ne pas vous avoir effrayé par le parcours à effectuer ...

avez-vous déjà créé une page HTML sur votre forum ?

avez-vous déjà mis un CSS personnel sur votre forum ?

[Djlc.Discomobile]

Bonsoir non pas du tout,j'ai fait tout ça oui

[Scoubifitz]

bien !

avant tout il faut autoriser les formulaires sur le forum ...

panneau admin - général - Forum:sécurité :

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

ensuite placer ce code dans le CSS :

Code:

/* debut tableau notation */
.notation{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notation td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notation td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notation td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
/* fin tableau notation */

ce code est fait pour donner une forme au tableau qui sera envoyé par le formulaire ...

prêt pour la dernière étape ?

[Scoubifitz]

bonsoir,

en visitant votre forum , j'ai remarqué que votre tableau est utilisé dans 3 sujets différents , et seul le matériel change ...

on retourne au panneau admin :

Modules - HTML : Gestion des pages HTML - créer une nouvelle page HTML

titre : Notation (par exemple)
Voulez-vous utiliser le haut et le bas de page de votre forum ? oui
Utiliser cette page en tant que page d'accueil ? non
:+html: collez le code suivant :

Code:

<style type="text/css">
form{
   background-color:#140843;
   width:700px;margin:auto;
   padding:20px;
   }
.notationform{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notationform td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notationform td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notationform td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
p{
   text-align:center;
   }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function VoteMessage(form)
{
var matos = "";
if(form.t[0].checked == true)
matos = "SON";
else if(form.t[1].checked == true)
matos = "Light";
else if(form.t[2].checked == true)
matos = "Informatique";
var txt_message =  "[table class='notation'][tr][td colspan='2']\n"
+ "[center]Tableau de notation " + matos + "[/center]\n[/td][/tr][tr][td]Pseudo \n"
+ "sur Djlc.Forum[/td][td]" + form.perso1.value + "[/td][/tr][tr]"
+ "[td]Marque \n du matériel[/td][td]" + form.marque.value + "[/td][/tr][tr]"
+ "[td]Référence \n du matériel[/td][td]" + form.reference.value + "[/td][/tr][tr]"
+ "[td]Date d\’achat \n & son prix[/td][td]" + form.dateprix.value + "[/td][/tr][tr]"
+ "[td]Les plus \n de ce matériel[/td][td]" + form.ptsforts.value + "[/td][/tr][tr]"
+ "[td]Les moins \n de ce matériel[/td][td]" + form.ptsfaibles.value + "[/td][/tr][tr]"
+ "[td]Referiez-vous \n cet achat ?[/td][td]" + form.encore.value + "[/td][/tr][tr]"
+ "[td]Noter de 1 a 10 \n ce matériel [/td][td]" + form.noteperso.value + "[/td][/tr][tr]"
+ "[td]Observation supplémentaire \n & lien image ou vidéo [/td][td]" + form.observe.value
+ "[/td][/tr][/table]";
form.message.value = txt_message;
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="VoteMessage(this)">
<input type="hidden" name="mode" value="reply" /> <!-- Un nouveau message sera créé -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<table class="notationform"><tr>
<td colspan="2">
 <center>Tableau de notation <br />
 <input type="radio" name="t" value="901" checked="checked"/> SON <input type="radio" name="t" value="902" /> Light <input type="radio" name="t" value="909" /> Informatique</center>
</td>
</tr><tr>
<td>  Pseudo<br />sur Djlc.Forum</td><td><input type="text" name="perso1" size="40" maxlength="70" class="USERNAME"/></td>
</tr><tr>
<td>  Marque<br />du matériel</td><td><input type="text" name="marque" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Référence<br />du matériel</td><td><input type="text" name="reference" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Date d’achat <br />& son prix</td><td><textarea name="dateprix" rows="2" cols="37"></textarea></td>
</tr><tr>
<td> Les plus <br />de ce matériel</td><td><textarea name="ptsforts" rows="4" cols="35"></textarea></td>
</tr><tr>
<td> Les moins <br />de ce matériel</td><td><textarea name="ptsfaibles" rows="4" cols="35"></textarea></td>
</tr><tr>
<td>  Referiez-vous<br />cet achat ?</td><td><select name="encore" id="encore">
<option value="Oui" selected="selected">Oui</option>
<option value="Non">Non</option></select></td>
</tr><tr>
<td>  Noter de 1 a 10 <br />ce matériel </td><td><input type="text" name="noteperso" size="2" maxlength="2" /></td>
</tr><tr>
<td>  Observation supplémentaire <br />& lien image ou vidéo </td><td><textarea name="observe" rows="4" cols="35"></textarea></td>
</tr></table><br /><br />
<p><input type="submit" value="Valider le message" name="post" /></p>
</form>

ce formulaire :
- affiche le membre connecté
- permet de choisir vers quel sujet vous voulez envoyer le tableau
- modifie le titre du tableau selon l'envoi !^^

Amicalement,
Scoubifitz

[Djlc.Discomobile]

Bien alors la un grand merci pour ce travail,je ne sais quoi dire
Bon juste un truc qui cloche il y a ce message quand ont envoie
Mais vue votre savoir dans ce domaine je suis sur que vous allez trouver le truc car moi j'en suis vraiment pas capable
Encore MERCI

"
Vous devez entrer un message avant de poster.

[Scoubifitz]

vu, le souci ...

recopiez encore une fois le code que j'ai mis plus haut , puis éditez la page HTML et remplacez le code qui s'y trouve par sa copie ...

quand une page HTML est créée , il faut d'abord qu'elle soit enregistrée sur le serveur , ce qui provoque un "bug" sur des scripts ...

généralement , pour éviter ce bug , on créé une page HTML avec "abc" comme code , on enregistre , puis on édite et on remplace "abc" par le vrai code ...

[Djlc.Discomobile]

Ok merci cela fonctionne,un seul petit souci encore comment l'envoyer dans la bonne rubrique,car la les tableaux ne ce retrouve pas au bon endroit ça serai bien si cela pouvait aller direct comme ça
le son: http://www.djlcforum.com/f63-avis-sur-materiels-son

le light http://www.djlcforum.com/f64-avis-sur-materiels-light

l'informatique http://www.djlcforum.com/f46-avis-sur-materiels-informatique

si ça crée un nouveau sujet ce n'est pas grave bien au contraire

et un grand merci du coup de main

[Scoubifitz]

un essai ?

remplacez tout le code par celui ci :

Code:

/* debut tableau notation */
.notation{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notation td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notation td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notation td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
/* fin tableau notation */

[table class="notation"][tr]
[td colspan="2"]
 [center]Tableau de notation SON[/center]
[/td]
[/tr][tr]
[td]  Pseudo
sur Djlc.Forum[/td][td][/td]
[/tr][tr]
[td]  Marque
du matériel[/td][td]  [/td]
[/tr][tr]
[td]  Référence
du matériel[/td][td]  [/td]
[/tr][tr]
[td]  Date d’achat
& son prix[/td][td]  [/td]
[/tr][tr]
[td] Les plus
de ce matériel[/td][td]  [/td]
[/tr][tr]
[td] Les moins
de ce matériel[/td][td]  [/td]
[/tr][tr]
[td]  Referiez-vous
cet achat ?[/td][td]  [/td]
[/tr][tr]
[td]  Noter de 1 a 10
ce matériel [/td][td]  [/td]
[/tr][tr]
[td]  Observation supplémentaire
& lien image ou vidéo [/td][td]  [/td]
[/tr][/table]


<style type="text/css">
form{
   background-color:#140843;
   width:700px;margin:auto;
   padding:20px;
   }
.notationform{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notationform td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notationform td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notationform td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
p{
   text-align:center;
   }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function VoteMessage(form)
{
var matos = "";
if(form.t[0].checked == true)
matos = "SON";
else if(form.t[1].checked == true)
matos = "Light";
else if(form.t[2].checked == true)
matos = "Informatique";
var txt_message =  "[table class='notation'][tr][td colspan='2']\n"
+ "[center]Tableau de notation " + matos + "[/center]\n[/td][/tr][tr][td]Pseudo \n"
+ "sur Djlc.Forum[/td][td]" + form.perso1.value + "[/td][/tr][tr]"
+ "[td]Marque \n du matériel[/td][td]" + form.marque.value + "[/td][/tr][tr]"
+ "[td]Référence \n du matériel[/td][td]" + form.reference.value + "[/td][/tr][tr]"
+ "[td]Date d\’achat \n & son prix[/td][td]" + form.dateprix.value + "[/td][/tr][tr]"
+ "[td]Les plus \n de ce matériel[/td][td]" + form.ptsforts.value + "[/td][/tr][tr]"
+ "[td]Les moins \n de ce matériel[/td][td]" + form.ptsfaibles.value + "[/td][/tr][tr]"
+ "[td]Referiez-vous \n cet achat ?[/td][td]" + form.encore.value + "[/td][/tr][tr]"
+ "[td]Noter de 1 a 10 \n ce matériel [/td][td]" + form.noteperso.value + "[/td][/tr][tr]"
+ "[td]Observation supplémentaire \n & lien image ou vidéo [/td][td]" + form.observe.value
+ "[/td][/tr][/table]";
form.message.value = txt_message;
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="VoteMessage(this)">
<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 name="subject" type="hidden" value="Notation de " class="USERNAME" />

<table class="notationform"><tr>
<td colspan="2">
 <center>Tableau de notation <br />
 <input type="radio" name="f" value="63" checked="checked"/> SON <input type="radio" name="f" value="64" /> Light <input type="radio" name="f" value="46" /> Informatique</center>
</td>
</tr><tr>
<td>  Pseudo<br />sur Djlc.Forum</td><td><input type="text" name="perso1" size="40" maxlength="70" class="USERNAME"/></td>
</tr><tr>
<td>  Marque<br />du matériel</td><td><input type="text" name="marque" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Référence<br />du matériel</td><td><input type="text" name="reference" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Date d’achat <br />& son prix</td><td><textarea name="dateprix" rows="2" cols="37"></textarea></td>
</tr><tr>
<td> Les plus <br />de ce matériel</td><td><textarea name="ptsforts" rows="4" cols="35"></textarea></td>
</tr><tr>
<td> Les moins <br />de ce matériel</td><td><textarea name="ptsfaibles" rows="4" cols="35"></textarea></td>
</tr><tr>
<td>  Referiez-vous<br />cet achat ?</td><td><select name="encore" id="encore">
<option value="Oui" selected="selected">Oui</option>
<option value="Non">Non</option></select></td>
</tr><tr>
<td>  Noter de 1 a 10 <br />ce matériel </td><td><input type="text" name="noteperso" size="2" maxlength="2" /></td>
</tr><tr>
<td>  Observation supplémentaire <br />& lien image ou vidéo </td><td><textarea name="observe" rows="4" cols="35"></textarea></td>
</tr></table><br /><br />
<p><input type="submit" value="Valider le message" name="post" /></p>
</form>

[Djlc.Discomobile]

Non il passe pas il affiche une partie du code en haut

[img][/img]

[Scoubifitz]

oups ! j'ai copié une partie qu'il ne fallait pas ...

re-code :

Code:

<style type="text/css">
form{
   background-color:#140843;
   width:700px;margin:auto;
   padding:20px;
   }
.notationform{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notationform td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notationform td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notationform td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
p{
   text-align:center;
   }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function VoteMessage(form)
{
var matos = "";
if(form.f[0].checked == true)
matos = "SON";
else if(form.f[1].checked == true)
matos = "Light";
else if(form.f[2].checked == true)
matos = "Informatique";
var txt_message =  "[table class='notation'][tr][td colspan='2']\n"
+ "[center]Tableau de notation " + matos + "[/center]\n[/td][/tr][tr][td]Pseudo \n"
+ "sur Djlc.Forum[/td][td]" + form.perso1.value + "[/td][/tr][tr]"
+ "[td]Marque \n du matériel[/td][td]" + form.marque.value + "[/td][/tr][tr]"
+ "[td]Référence \n du matériel[/td][td]" + form.reference.value + "[/td][/tr][tr]"
+ "[td]Date d\’achat \n & son prix[/td][td]" + form.dateprix.value + "[/td][/tr][tr]"
+ "[td]Les plus \n de ce matériel[/td][td]" + form.ptsforts.value + "[/td][/tr][tr]"
+ "[td]Les moins \n de ce matériel[/td][td]" + form.ptsfaibles.value + "[/td][/tr][tr]"
+ "[td]Referiez-vous \n cet achat ?[/td][td]" + form.encore.value + "[/td][/tr][tr]"
+ "[td]Noter de 1 a 10 \n ce matériel [/td][td]" + form.noteperso.value + "[/td][/tr][tr]"
+ "[td]Observation supplémentaire \n & lien image ou vidéo [/td][td]" + form.observe.value
+ "[/td][/tr][/table]";
form.message.value = txt_message;
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="VoteMessage(this)">
<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 name="subject" type="hidden" value="Notation de " class="USERNAME" />

<table class="notationform"><tr>
<td colspan="2">
 <center>Tableau de notation <br />
 <input type="radio" name="f" value="63" checked="checked"/> SON <input type="radio" name="f" value="64" /> Light <input type="radio" name="f" value="46" /> Informatique</center>
</td>
</tr><tr>
<td>  Pseudo<br />sur Djlc.Forum</td><td><input type="text" name="perso1" size="40" maxlength="70" class="USERNAME"/></td>
</tr><tr>
<td>  Marque<br />du matériel</td><td><input type="text" name="marque" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Référence<br />du matériel</td><td><input type="text" name="reference" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Date d’achat <br />& son prix</td><td><textarea name="dateprix" rows="2" cols="37"></textarea></td>
</tr><tr>
<td> Les plus <br />de ce matériel</td><td><textarea name="ptsforts" rows="4" cols="35"></textarea></td>
</tr><tr>
<td> Les moins <br />de ce matériel</td><td><textarea name="ptsfaibles" rows="4" cols="35"></textarea></td>
</tr><tr>
<td>  Referiez-vous<br />cet achat ?</td><td><select name="encore" id="encore">
<option value="Oui" selected="selected">Oui</option>
<option value="Non">Non</option></select></td>
</tr><tr>
<td>  Noter de 1 a 10 <br />ce matériel </td><td><input type="text" name="noteperso" size="2" maxlength="2" /></td>
</tr><tr>
<td>  Observation supplémentaire <br />& lien image ou vidéo </td><td><textarea name="observe" rows="4" cols="35"></textarea></td>
</tr></table><br /><br />
<p><input type="submit" value="Valider le message" name="post" /></p>
</form>

édit : code corrigé

[Djlc.Discomobile]

ha sa me ressort
Vous devez entrer un message avant de poster.

[Scoubifitz]

:lol!: j'ai oublié de corriger l'envoi ...

Code:

<style type="text/css">
form{
   background-color:#140843;
   width:700px;margin:auto;
   padding:20px;
   }
.notationform{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notationform td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notationform td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notationform td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
p{
   text-align:center;
   }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function VoteMessage(form)
{
var matos = "";
if(form.f[0].checked == true)
matos = "SON";
else if(form.f[1].checked == true)
matos = "Light";
else if(form.f[2].checked == true)
matos = "Informatique";
var txt_message =  "[table class='notation'][tr][td colspan='2']\n"
+ "[center]Tableau de notation " + matos + "[/center]\n[/td][/tr][tr][td]Pseudo \n"
+ "sur Djlc.Forum[/td][td]" + form.perso1.value + "[/td][/tr][tr]"
+ "[td]Marque \n du matériel[/td][td]" + form.marque.value + "[/td][/tr][tr]"
+ "[td]Référence \n du matériel[/td][td]" + form.reference.value + "[/td][/tr][tr]"
+ "[td]Date d\’achat \n & son prix[/td][td]" + form.dateprix.value + "[/td][/tr][tr]"
+ "[td]Les plus \n de ce matériel[/td][td]" + form.ptsforts.value + "[/td][/tr][tr]"
+ "[td]Les moins \n de ce matériel[/td][td]" + form.ptsfaibles.value + "[/td][/tr][tr]"
+ "[td]Referiez-vous \n cet achat ?[/td][td]" + form.encore.value + "[/td][/tr][tr]"
+ "[td]Noter de 1 a 10 \n ce matériel [/td][td]" + form.noteperso.value + "[/td][/tr][tr]"
+ "[td]Observation supplémentaire \n & lien image ou vidéo [/td][td]" + form.observe.value
+ "[/td][/tr][/table]";
form.message.value = txt_message;
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="VoteMessage(this)">
<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 name="subject" type="hidden" value="Notation de " class="USERNAME" />

<table class="notationform"><tr>
<td colspan="2">
 <center>Tableau de notation <br />
 <input type="radio" name="f" value="63" checked="checked"/> SON <input type="radio" name="f" value="64" /> Light <input type="radio" name="f" value="46" /> Informatique</center>
</td>
</tr><tr>
<td>  Pseudo<br />sur Djlc.Forum</td><td><input type="text" name="perso1" size="40" maxlength="70" class="USERNAME"/></td>
</tr><tr>
<td>  Marque<br />du matériel</td><td><input type="text" name="marque" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Référence<br />du matériel</td><td><input type="text" name="reference" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Date d’achat <br />& son prix</td><td><textarea name="dateprix" rows="2" cols="37"></textarea></td>
</tr><tr>
<td> Les plus <br />de ce matériel</td><td><textarea name="ptsforts" rows="4" cols="35"></textarea></td>
</tr><tr>
<td> Les moins <br />de ce matériel</td><td><textarea name="ptsfaibles" rows="4" cols="35"></textarea></td>
</tr><tr>
<td>  Referiez-vous<br />cet achat ?</td><td><select name="encore" id="encore">
<option value="Oui" selected="selected">Oui</option>
<option value="Non">Non</option></select></td>
</tr><tr>
<td>  Noter de 1 a 10 <br />ce matériel </td><td><input type="text" name="noteperso" size="2" maxlength="2" /></td>
</tr><tr>
<td>  Observation supplémentaire <br />& lien image ou vidéo </td><td><textarea name="observe" rows="4" cols="35"></textarea></td>
</tr></table><br /><br />
<p><input type="submit" value="Valider le message" name="post" /></p>
</form>

[Scoubifitz]

ensuite placer ce code dans le CSS :

Code:

/* debut tableau notation */
.notation{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notation td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notation td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notation td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
/* fin tableau notation */

ce code est fait pour donner une forme au tableau qui sera envoyé par le formulaire ...

[Djlc.Discomobile]

Ok tout fonctionne super vraiment c sympa de me filer un coup de main comme ça,si je peu abuser serait il possible de changer cette partie la quand le formulaire est posté
[img][/img]

[Scoubifitz]

voili , voilou !^^

n'oubliez pas de placer le code CSS que j'ai donné plus haut :

PA - affichage - Images et Couleurs : Couleurs - feuilles de style CSS


et là , le code avec la marque dans le titre ...

Code:

<style type="text/css">
form{
   background-color:#140843;
   width:700px;margin:auto;
   padding:20px;
   }
.notationform{
   border-collapse:collapse;
   width:560px;
   margin:auto;
   }
.notationform td[colspan]{
   background-color:blue;
   color:lime;
   text-align:center;
   }
.notationform td{
   border:1px solid blue;
   padding:8px;
   width:230px;
   color:#ccc;
   }
.notationform td+td{
   width:330px;
   color:#fff;
   text-align:center;
   }
p{
   text-align:center;
   }
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function VoteMessage(form)
{
var matos = "";
if(form.f[0].checked == true)
matos = "SON";
else if(form.f[1].checked == true)
matos = "Light";
else if(form.f[2].checked == true)
matos = "Informatique";
var txt_message =  "[table class='notation'][tr][td colspan='2']\n"
+ "[center]Tableau de notation " + matos + "[/center]\n[/td][/tr][tr][td]Pseudo \n"
+ "sur Djlc.Forum[/td][td]" + form.perso1.value + "[/td][/tr][tr]"
+ "[td]Marque \n du matériel[/td][td]" + form.marque.value + "[/td][/tr][tr]"
+ "[td]Référence \n du matériel[/td][td]" + form.reference.value + "[/td][/tr][tr]"
+ "[td]Date d\’achat \n & son prix[/td][td]" + form.dateprix.value + "[/td][/tr][tr]"
+ "[td]Les plus \n de ce matériel[/td][td]" + form.ptsforts.value + "[/td][/tr][tr]"
+ "[td]Les moins \n de ce matériel[/td][td]" + form.ptsfaibles.value + "[/td][/tr][tr]"
+ "[td]Referiez-vous \n cet achat ?[/td][td]" + form.encore.value + "[/td][/tr][tr]"
+ "[td]Noter de 1 a 10 \n ce matériel [/td][td]" + form.noteperso.value + "[/td][/tr][tr]"
+ "[td]Observation supplémentaire \n & lien image ou vidéo [/td][td]" + form.observe.value
+ "[/td][/tr][/table]";
form.message.value = txt_message;
form.subject.value = form.marque.value ;
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="VoteMessage(this)">
<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 name="subject" type="hidden" value="" />

<table class="notationform"><tr>
<td colspan="2">
 <center>Tableau de notation <br />
 <input type="radio" name="f" value="63" checked="checked"/> SON <input type="radio" name="f" value="64" /> Light <input type="radio" name="f" value="46" /> Informatique</center>
</td>
</tr><tr>
<td>  Pseudo<br />sur Djlc.Forum</td><td><input type="text" name="perso1" size="40" maxlength="70" class="USERNAME"/></td>
</tr><tr>
<td>  Marque<br />du matériel</td><td><input type="text" name="marque" size="40" maxlength="70" required /></td>
</tr><tr>
<td>  Référence<br />du matériel</td><td><input type="text" name="reference" size="40" maxlength="70" /></td>
</tr><tr>
<td>  Date d’achat <br />& son prix</td><td><textarea name="dateprix" rows="2" cols="37"></textarea></td>
</tr><tr>
<td> Les plus <br />de ce matériel</td><td><textarea name="ptsforts" rows="4" cols="35"></textarea></td>
</tr><tr>
<td> Les moins <br />de ce matériel</td><td><textarea name="ptsfaibles" rows="4" cols="35"></textarea></td>
</tr><tr>
<td>  Referiez-vous<br />cet achat ?</td><td><select name="encore" id="encore">
<option value="Oui" selected="selected">Oui</option>
<option value="Non">Non</option></select></td>
</tr><tr>
<td>  Noter de 1 a 10 <br />ce matériel </td><td><input type="text" name="noteperso" size="2" maxlength="2" /></td>
</tr><tr>
<td>  Observation supplémentaire <br />& lien image ou vidéo </td><td><textarea name="observe" rows="4" cols="35"></textarea></td>
</tr></table><br /><br />
<p><input type="submit" value="Valider le message" name="post" /></p>
</form>

[Djlc.Discomobile]

J'ai donc tout installer a la lettre et tout fonctionne a merveille,je ne sais comment dire merci, je suis même un peu gêner,vous avez fait avancer mon forum avec un pas de géant pour mes membres qui me demander depuis longtemps ce formulaire,que j'étais incapable de leurs donner,vous êtes bienvenue sur le forum pour toutes questions concernant le déroulement d'une soirée,ou tout ce qui touche a son déroulement,ou même si vous rechercher un jour un Dj pour votre soirée nous sommes la plus de 250 de toutes la France
Bien amicalement Jean-Luc

[size=18]

Encore Un très grand merci Scoubifitz

[Scoubifitz]

par contre , je ne vois toujours pas le CSS sur votre forum ...

[Djlc.Discomobile]

Ha je l'ai bien coller c'est bien celui la

Code:

[list=1]
[*]/* debut tableau notation */
[*].notation{
[*]  border-collapse:collapse;
[*]  width:560px;
[*]  margin:auto;
[*]  }
[*].notation td{
[*]  border:1px solid blue;
[*]  padding:8px;
[*]  width:230px;
[*]  color:#ccc;
[*]  }
[*].notation td[colspan]{
[*]  background-color:blue;
[*]  color:lime;
[*]  text-align:center;
[*]  }
[*].notation td+td{
[*]  width:330px;
[*]  color:#fff;
[*]  text-align:center;
[*]  }
[*]/* fin tableau notation */
[/list]

[Djlc.Discomobile]

je vous colle ici mon code dans sa totalité

Code:

body{
background-color: #2E3337;
background-position: top center;
background-repeat: no-repeat;
}

#wrap{
min-width: 1053px;
width: 1053px;
}

#page-header{
background-color: #;
background-image: url('http://www.archive-host.com/link/649dfb2579c56d760831e8c604f2081b2549864d.png');
background-repeat: no-repeat;
height:361px ;
width: 1053px;
padding:0px;
margin:0px;
}

.search-box { display: none; }
#search-box { display: none; }

.navbar{
padding-top: 25px;
}

.navbar{
 /position: relative;
}

ul.navlinks{
border: none;
}

#page-body{
background-color: #;
background-image: url('http://www.archive-host.com/link/f437f5a928747a843cde3d612c9da7ec148a030e.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}

#page-footer{
background-color: #;
background-image: url('http://www.archive-host.com/link/f86cfeef8e336eb8e101efd0a8df27f14fe03dc1.png');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 1053px;
margin:0px;
padding: 0px;
}


#page-footer ul.linklist{
display: block !important;
width: 830px;
padding-left: 110px;
}

#main{
padding-top: 70px;
}

#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}

.forabg{
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
clear : both;
margin-bottom: 4px;
padding: 0 4px;
}

.forumbg {
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0 4px;
margin-bottom: 4px;
clear: both;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf211.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf111.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


#page-footer span.corners-top { background-image: none; }

#page-footer span.corners-top span { background-image: none; }

#page-footer span.corners-bottom { background-image: none; }

#page-footer span.corners-bottom span { background-image: none; }

#headerbar span.corners-top { background-image: none; }

#headerbar span.corners-top span { background-image: none; }

#headerbar span.corners-bottom { background-image: none; }

#headerbar span.corners-bottom span { background-image: none; }



#page-header span.corners-top { background-image: none; }

#page-header span.corners-top span { background-image: none; }

#page-header span.corners-bottom { background-image: none; }

#page-header span.corners-bottom span { background-image: none; }

    .sharing-cl{
    overflow:hidden;
    margin:-20px 0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0 -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px 1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px 1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px 1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }
      .chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    font-size: 14px;
}
        #chatbox_header a.chat-title { color:transparent!important; }
                #chatbox_header a.chat-title:before
{ content: " Djlc.Tchat"; color: #DF0000;  }
        #right {
        position : relative;
        top : 700px;
        }
        .sharing-cl{
        overflow:hidden;
        margin:-20px 0 0 0;
        padding:0;
        list-style:none;
        width:530px;
        }
        .sharing-cl a{
        overflow:hidden;
        width:75px;
        height:20px;
        float:left;
        margin-right:5px;
        text-indent:-200px;
        background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
        }
        a.sh-su{background-position:-210px -40px;}
        a.sh-feed{background-position:-70px -40px;}
        a.sh-tweet{background-position:-140px -40px;}
        a.sh-mail{background-position:0 -40px;}
        a.sh-digg{background-position:-280px -40px;}
        a.sh-face{
        margin-right:0;
        background-position:-350px -40px;
        }
        a.sh-mail:hover{background-position:0 1px;}
        a.sh-feed:hover{background-position:-70px 1px;}
        a.sh-tweet:hover{background-position:-140px 1px;}
        a.sh-su:hover{background-position:-210px 1px;}
        .sh-digg:hover{background-position:-280px 1px;}
        a.sh-face:hover{
        background-position:-350px 1px;
        }
        #text{
        margin-top:5px;
        font-weight:bold;
        font-family:helvetica,arial,sans-serif;
        }
        #text a{
        text-indent:0;
        height:auto;
        text-align:center;
        font-size:11px;
        padding-top:35px;
        color:#999;
        text-decoration:none;
        }
                .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
        dl.codebox dt span {
        background-color:#3100F7;
        }
        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
        .#fa_ticker_block{
background-color: transparent;
background-image: url('adresse de l'image de fond');
border: none;
padding: 10px 50px 10px 50px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}#content-container div#content {
margin: auto;
position: relative;
top: 0;
}
#content-container div#container {
float: none;
margin: auto;
width: 100%;
}
#right {
position: fixed;
top: 200px;
right: 200px;
}     
        /* debut tableau notation */
        .notation{
          border-collapse:collapse;
          width:560px;
          margin:auto;
          }
        .notation td{
          border:1px solid blue;
          padding:8px;
          width:230px;
          color:#ccc;
          }
        .notation td[colspan]{
          background-color:blue;
          color:lime;
          text-align:center;
          }
        .notation td+td{
          width:330px;
          color:#fff;
          text-align:center;
          }
        /* fin tableau notation */

[Scoubifitz]

repérez ceci :

.#fa_ticker_block{
background-color: transparent;
background-image: url('adresse de l'image de fond');
border: none;
padding: 10px 50px 10px 50px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}#content-container div#content {
margin: auto;
position: relative;
top: 0;
}

et remplacez par ceci :

.#fa_ticker_block{
background-color: transparent;
background-image: url('adresse');
border: none;
padding: 10px 50px 10px 50px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}#content-container div#content {
margin: auto;
position: relative;
top: 0;
}

il y a une apostrophe de trop ...

puis retournez voir le tableau dans le message ...

[Djlc.Discomobile]

Ha oui ok j'ai même le tableau qui s'affiche dans le post génial

http://www.djlcforum.com/t1400-test#50681

[Scoubifitz]

reste plus qu'à clôturer ce sujet avec un

bonne suite à votre forum ,
Scoubifitz

[Djlc.Discomobile]

Ben encore un grand merci a vous et mes membres ce joignes a moi je passe en résolu et a présent vais décortiquer tout ces code pour les comprendre c surtout ça qu'il faut faire pour pouvoir être autonome,en tout cas ce topic servira surement a d'autres
encore un très grand merci