simplifier l'envoie d'un tableau

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Mar 20 Mar 2012 - 18:32

@Djlc.Discomobile a écrit: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
+ Hyperactif +

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

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

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Mer 21 Mar 2012 - 20:08

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 ?


Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Mer 21 Mar 2012 - 20:17

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
+ Hyperactif +

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

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

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 0:42

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

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 14:54

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

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 15:22

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>

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 15:31

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é


Dernière édition par Scoubifitz le Dim 25 Mar 2012 - 15:37, édité 1 fois

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 15:38

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
+ Hyperactif +

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

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

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 15:41

@Scoubifitz a écrit: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 ...

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 16:08

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>

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 16:28

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

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 16:54

Shocked 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 ... Clin d\'oeil

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: simplifier l'envoie d'un tableau

Message par Scoubifitz le Dim 25 Mar 2012 - 17:07

Yes reste plus qu'à clôturer ce sujet avec un résolu

bonne suite à votre forum ,
Scoubifitz

Scoubifitz
+ Hyperactif +

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

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum