Générateur de tableau

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

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

Résolu Générateur de tableau

Message par pierre du 31 le Mar 6 Aoû 2013 - 20:44

Rappel du premier message :

Bonjours, j'ai actuellement un tableau sur ma page d'accueil, nous devons le tenir à jour à chaque fois qu'il y a un "déclenchement d'intervention". Le tableau à était mis à l'identique sur une page html, j'aimerais transférer se tableau, en gros j'aimerais ne pas avoir à modifier les deux tableaux : quand on en modifie un, l'autre s'actualise.  
Y aurait il un autre moyen ?

Code du tableau:

Code:
<center><table><tr><td><div id="sgs"><center>SGS</center><br>Secours a personne :
<a href="http://sgs-virtuel.forumactif.org/h4-vsav"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VSAV-01</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VSAV-02</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h18-vsm"><div style="width:50px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VSM</center></font></div></a>



<br><br>Lutte contre les incendies :
<a href="http://sgs-virtuel.forumactif.org/h5-fpt"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FPT 01</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FPT 02</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h5-fpt"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FPT 03</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FTPGP</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h77-vpi"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VPI</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h7-ccgc"><div style="width:50px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>CCGC</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h8-cdhr"><div style="width:50px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>CDHR-01</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h9-ccfs"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>CCFS</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h10-ccf"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>CCF</center></font></div></a>


<br><br>Secours routiers :
<a href="http://sgs-virtuel.forumactif.org/h11-fsr"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FSR</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h6-fptsr"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>FPTSR</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h85-vsr"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VSR</center></font></div></a>



<br><br>Operations diverses :
<a href="http://sgs-virtuel.forumactif.org/h91-vbs"><div style="width:50px;
height:16px;
background-color:#109F00;
 border: 1px solid grey;
 border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VBS</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h69-vsd"><div style="width:50px; height:16px;
 background-color:#109F00;
 border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VSD</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h12-epa"><div style="width:50px; height:16px;
 background-color:#109F00;
 border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>EPA</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h78-bea"><div style="width:50px; height:16px;
 background-color:#109F00;
 border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>BEA</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu"><div style="width:50px;
 height:16px;
 background-color:#109F00;
 border: 1px solid grey;
 border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VTU-01</center></font></div></a>

 <a href="http://sgs-virtuel.forumactif.org/h13-vtu"><div style="width:50px;
height:16px;
background-color:#109F00;
 border: 1px solid grey;
 border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VTU-02</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h74-vtp"><div style="width:50px;
 height:16px;
 background-color:#109F00;
 border: 1px solid grey;
 border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VTP</center></font></div></a>


 <a href="http://sgs-virtuel.forumactif.org/h14-vlhr"><div style="width:50px;
 height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
 display: inline-block;
margin-top: 5px;">
<font color="white"><center>VLHR</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h15-vid"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VID</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h73-da"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>DA</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h75-motopompe"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>MPR</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h76-vplbls"><div style="width:50px;
height:16px;  
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VPL,BLS</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h79-vimf"><div style="width:50px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white"><center>VIMF</center></font></div></a>


<br><br>Commandement :
<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault"><div style="width:50px;
 height:16px;
background-color:#ECD400;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL CH</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre"><div style="width:50px;
 height:16px;
background-color:#ECD400;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL Pierre </center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch"><div style="width:50px;
 height:25px;
background-color:#ECD400;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL Jerôme </center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h108-vl-ructus"><div style="width:50px;
 height:25px;
background-color:#ECD400;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL Ructus</center></font></div></a>
</p>©SGS Pierre



<td><div id="sgs"><center>CODIS</center><br>CODIS:
<a href="http://sgs-virtuel.forumactif.org/h81-pc"><div style="width:50px;
height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>PC</center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h82-pcm"><div style="width:50px;
 height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>PCM </center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta"><div style="width:50px;
 height:16px;
background-color:#109F00;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VLHR </center></font></div></a>


<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta"><div style="width:50px;
 height:16px;
background-color:#ECD400;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL CTA</center></font></div></a>
</p>©SGS Pierre</b>


</td></div></center>


<br/><br/></p>
<td><div id="sgs"><center>SAMU</center><br>SAMU :
<a href="http://sgs-virtuel.forumactif.org/h86-vsav-samul"><div style="width:65px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>UMH</center></font></div></a>

<a href="http://sgs-virtuel.forumactif.org/h87-vl-samu"><div style="width:50px;
height:16px;
background-color:#ccccff;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
margin-top: 5px;">
<font color="white">
<center>VL Samu</center></font></div></a>
</p>©SGS Pierre


</table></center>


Dernière édition par pierre du 31 le Sam 24 Aoû 2013 - 13:56, édité 1 fois

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Ven 23 Aoû 2013 - 0:11

Y a-t-il des modifications à faire au tableau que je vous ai proposé ? (placement des éléments, taille du tableau ...)

c'est pour être sûr que la structure restera comme ça quand le tableau sera généré .

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: Générateur de tableau

Message par pierre du 31 le Ven 23 Aoû 2013 - 6:45

suppression du cadre samu, c'est tout.

le nouveau code que j 'ai refait par rapport au votre:
Code:
<!DOCTYPE html>
<html>
<meta charset=utf-8 />
<style type="text/css">
#sgs {
margin-left: 1px;
width: 250px;
height: auto;
padding: 5px;
border: 1px solid grey;
border-radius: 10px;
display: inline-block;
vertical-align: top;
}
#sgs a{
width:73px;
border: 1px solid grey;
border-radius: 5px;
padding:0 2px;
display: inline-block;
color:white;
text-align:center;
margin-bottom:3px;
text-decoration:none;
}
#sgs a.vert{background-color:#109f00;} /* disponible */
#sgs a.gris{background-color:#ccccff;} /* hors service */
#sgs a.jaune{background-color:#ECD400;} /* alerter */
#sgs a.taupe{background-color:#E9A06F;} /* en transit */
#sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */
#sgs a.rouge{background-color:#FF0000;} /* sur les lieux */
#sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */
#sgs a.rose{background-color:#D509DC;} /* transport CH */
#sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */
</style>
</head>
<body>
<table>
<tr>
<td><div id="sgs">SGS<br>
Secours a personne :<br>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-01</a>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-02</a>

<a href="http://sgs-virtuel.forumactif.org/h18-vsm" class="gris">VSM</a>

<p></p>
Lutte contre les incendies :<br>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 01</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 02</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 03</a>

<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp" class="vert">FTPGP</a>

<a href="http://sgs-virtuel.forumactif.org/h77-vpi" class="vert">VPI</a>

<a href="http://sgs-virtuel.forumactif.org/h7-ccgc" class="gris">CCGC</a>

<a href="http://sgs-virtuel.forumactif.org/h8-cdhr" class="gris">CDHR-01</a>

<a href="http://sgs-virtuel.forumactif.org/h9-ccfs" class="vert">CCFS</a>

<a href="http://sgs-virtuel.forumactif.org/h10-ccf" class="vert">CCF</a>

<p></p>

Secours routiers :<br>

<a href="http://sgs-virtuel.forumactif.org/h11-fsr" class="vert">FSR</a>

<a href="http://sgs-virtuel.forumactif.org/h6-fptsr" class="vert">FPTSR</a>

<a href="http://sgs-virtuel.forumactif.org/h85-vsr" class="vert">VSR</a>

<p></p>
Operations diverses :

<a href="http://sgs-virtuel.forumactif.org/h91-vbs" class="vert">VBS</a>

<a href="http://sgs-virtuel.forumactif.org/h69-vsd" class="vert">VSD</a>

<a href="http://sgs-virtuel.forumactif.org/h12-epa" class="taupe">EPA</a>

<a href="http://sgs-virtuel.forumactif.org/h78-bea" class="vert">BEA</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-01</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-02</a>

<a href="http://sgs-virtuel.forumactif.org/h74-vtp" class="noir">VTP</a>

<a href="http://sgs-virtuel.forumactif.org/h14-vlhr" class="vert">VLHR</a>

<a href="http://sgs-virtuel.forumactif.org/h15-vid" class="indigo">VID</a>

<a href="http://sgs-virtuel.forumactif.org/h73-da" class="vert">DA</a>

<a href="http://sgs-virtuel.forumactif.org/h75-motopompe" class="vert">MPR</a>

<a href="http://sgs-virtuel.forumactif.org/h76-vplbls" class="vert">VPL,BLS</a>

<a href="http://sgs-virtuel.forumactif.org/h79-vimf" style="background-color:#ccccff;">VIMF</a>

<p></p>

Commandement :

<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault" class="jaune">VL CH</a>

<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre" class="jaune">VL  Pierre</a>

<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch" class="jaune">VL Jerôme</a>

<p></p>
©SGS Pierre
</div>

</div>
</td>
<td valign="top"><div id="sgs">CODIS<br><br>
CODIS:
<a href="http://sgs-virtuel.forumactif.org/h81-pc" class="vert">PC</a><br>

<a href="http://sgs-virtuel.forumactif.org/h82-pcm" class="vert">PCM</a>

<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta" class="vert">VLHR</a>

<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta" class="jaune">VL CTA</a><p></p>
©SGS Pierre
</div></tr><tr>
<p></p>
<table style="font-size: 12px;" cellspacing=5>
</tr><tr>
<td colspan="3"><b>Tableau des disponibilités</b></td>
</tr><tr>
<td style="background-color:#109F00;color:#ffffff;"><b>Disponible</b><br><br></td>
<td style="background-color:#000000;color:#ff0000;"><b>Indisponible</b><br><br></td>
<td style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b><br><br></td>
</tr><tr>
<td style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b><br><br></td>
<td style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br>En intervention</b></td>
<td style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b><br><br></td>

<td style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b><br><br></td>
<td style="background-color:#440051;color:violet;"><b>RT Indisponible</b><br><br></td>
<td style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b><br><br></td>
</tr>
</table>
<p></p>
©SGS Pierre
</td>
</tr>
</table>
</body>

</div>
      </section></html>

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Ven 23 Aoû 2013 - 15:03

pouvez vous me faire une capture d'écran de la page d'accueil où se situe le tableau ?

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: Générateur de tableau

Message par pierre du 31 le Ven 23 Aoû 2013 - 16:30

Recodage de mon tableau:
Code:
<style type="text/css">
#sgs {
margin-left: 1px;
width: 250px;
height: auto;
padding: 5px;
border: 1px solid grey;
border-radius: 5px;
display: inline-block;
vertical-align: top;
}
#sgs a{
width:73px;
border: 1px solid grey;
border-radius: 10px;
padding:0 2px;
display: inline-block;
color:white;
text-align:center;
margin-bottom:3px;
text-decoration:none;
}
#sgs a.vert{background-color:#109f00;} /* disponible */
#sgs a.gris{background-color:#ccccff;} /* hors service */
#sgs a.jaune{background-color:#ECD400;} /* alerter */
#sgs a.taupe{background-color:#E9A06F;} /* en transit */
#sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */
#sgs a.rouge{background-color:#FF0000;} /* sur les lieux */
#sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */
#sgs a.rose{background-color:#D509DC;} /* transport CH */
#sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */


#iset {
border-radius: 3px;
padding: 7 0 7 0;
}</style>

<table>
<tr>
<td><div id="sgs">SGS<br>
Secours a personne :<br>
 
<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-01</a>
 
<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-02</a>
 
<a href="http://sgs-virtuel.forumactif.org/h18-vsm" class="gris">VSM</a>
 
<p></p>
Lutte contre les incendies :<br>
 
<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 01</a>
 
<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 02</a>
 
<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 03</a>
 
<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp" class="vert">FTPGP</a>
 
<a href="http://sgs-virtuel.forumactif.org/h77-vpi" class="vert">VPI</a>
 
<a href="http://sgs-virtuel.forumactif.org/h7-ccgc" class="gris">CCGC</a>
 
<a href="http://sgs-virtuel.forumactif.org/h8-cdhr" class="gris">CDHR-01</a>
 
<a href="http://sgs-virtuel.forumactif.org/h9-ccfs" class="vert">CCFS</a>
 
<a href="http://sgs-virtuel.forumactif.org/h10-ccf" class="vert">CCF</a>
 
<p></p>
 
Secours routiers :<br>
 
<a href="http://sgs-virtuel.forumactif.org/h11-fsr" class="vert">FSR</a>
 
<a href="http://sgs-virtuel.forumactif.org/h6-fptsr" class="vert">FPTSR</a>
 
<a href="http://sgs-virtuel.forumactif.org/h85-vsr" class="vert">VSR</a>
 
<p></p>
Operations diverses :
 
<a href="http://sgs-virtuel.forumactif.org/h91-vbs" class="vert">VBS</a>
 
<a href="http://sgs-virtuel.forumactif.org/h69-vsd" class="vert">VSD</a>
 
<a href="http://sgs-virtuel.forumactif.org/h12-epa" class="taupe">EPA</a>
 
<a href="http://sgs-virtuel.forumactif.org/h78-bea" class="vert">BEA</a>
 
<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-01</a>
 
<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-02</a>
 
<a href="http://sgs-virtuel.forumactif.org/h74-vtp" class="noir">VTP</a>
 
<a href="http://sgs-virtuel.forumactif.org/h14-vlhr" class="vert">VLHR</a>
 
<a href="http://sgs-virtuel.forumactif.org/h15-vid" class="indigo">VID</a>
 
<a href="http://sgs-virtuel.forumactif.org/h73-da" class="vert">DA</a>
 
<a href="http://sgs-virtuel.forumactif.org/h75-motopompe" class="vert">MPR</a>
 
<a href="http://sgs-virtuel.forumactif.org/h76-vplbls" class="vert">VPL,BLS</a>
 
<a href="http://sgs-virtuel.forumactif.org/h79-vimf" style="background-color:#ccccff;">VIMF</a>
 
<p></p>
 
Commandement :
 
<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault" class="jaune">VL CH</a>
 
<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre" class="jaune">VL  Pierre</a>
 
<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch" class="jaune">VL Jerôme</a>
 
<p></p>
©SGS Pierre
</div>
 
</td>
<td valign="top"><div id="sgs">CODIS<br><br>
CODIS:
<a href="http://sgs-virtuel.forumactif.org/h81-pc" class="vert">PC</a><br>
 
<a href="http://sgs-virtuel.forumactif.org/h82-pcm" class="vert">PCM</a>
 
<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta" class="vert">VLHR</a>
 
<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta" class="jaune">VL CTA</a><p></p>
©SGS Pierre
</tr><tr></div>
<p></p>

<table style="font-size: 12px;" cellspacing=5; >
</tr><tr>
<td colspan="3"><b>Tableau des disponibilités</b></td>
</tr><tr>
<td id=iset style="background-color:#109F00;color:#ffffff;"><b>Disponible</b><br><br></td>
<td id=iset style="background-color:#000000;color:#ff0000;"><b>Indisponible</b><br><br></td>
<td id=iset style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b><br><br></td>
<td id=iset style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b><br><br></td>
<td id=iset style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br>En intervention</b></td>
<td id=iset style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b><br><br></td>
 
<td id=iset style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b><br><br></td>
<td id=iset style="background-color:#440051;color:violet;"><b>RT Indisponible</b><br><br></td>
<td id=iset style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b><br><br></td>
</tr>
</table></div>
<p></p>
©SGS Pierre





      </center>

L'image:




pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Ven 23 Aoû 2013 - 23:38

dites moi si ça vous convient :

(à placer dans la page d'accueil)
Code:
<style type="text/css">
#sgs {
margin-left: 6px;
padding: 5px;
border: 1px solid grey;
border-radius: 8px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}
#sgs a{
width:73px;
border-radius: 8px;
padding:0 2px;
display: inline-block;
color:white;
text-align:center;
margin-bottom:3px;
text-decoration:none;
box-shadow:2px 2px 3px black;
}
#sgs a.vert{background-color:#109f00;} /* disponible */
#sgs a.gris{background-color:#ccccff;} /* hors service */
#sgs a.jaune{background-color:#ECD400;} /* alerter */
#sgs a.taupe{background-color:#E9A06F;} /* en transit */
#sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */
#sgs a.rouge{background-color:#FF0000;} /* sur les lieux */
#sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */
#sgs a.rose{background-color:#D509DC;} /* transport CH */
#sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */


.iset {
border-radius: 5px;
padding:  0 4px;
display: inline-block;
height:40px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}</style>

<table style="margin:auto" cellspacing="8">
<tr>
<td id="sgs">SGS<br>
<div style="float:left;width:250px;">Secours a personne :<br>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-01</a>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-02</a>

<a href="http://sgs-virtuel.forumactif.org/h18-vsm" class="gris">VSM</a>

<p></p>
Lutte contre les incendies :<br>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 01</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 02</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 03</a>

<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp" class="vert">FTPGP</a>

<a href="http://sgs-virtuel.forumactif.org/h77-vpi" class="vert">VPI</a>

<a href="http://sgs-virtuel.forumactif.org/h7-ccgc" class="gris">CCGC</a>

<a href="http://sgs-virtuel.forumactif.org/h8-cdhr" class="gris">CDHR-01</a>

<a href="http://sgs-virtuel.forumactif.org/h9-ccfs" class="vert">CCFS</a>

<a href="http://sgs-virtuel.forumactif.org/h10-ccf" class="vert">CCF</a>

<p></p>

Secours routiers :<br>

<a href="http://sgs-virtuel.forumactif.org/h11-fsr" class="vert">FSR</a>

<a href="http://sgs-virtuel.forumactif.org/h6-fptsr" class="vert">FPTSR</a>

<a href="http://sgs-virtuel.forumactif.org/h85-vsr" class="vert">VSR</a>

</div>
<div style="float:left;width:250px;border-left:1px solid gray;padding-left:10px;">

Operations diverses :

<a href="http://sgs-virtuel.forumactif.org/h91-vbs" class="vert">VBS</a>

<a href="http://sgs-virtuel.forumactif.org/h69-vsd" class="vert">VSD</a>

<a href="http://sgs-virtuel.forumactif.org/h12-epa" class="taupe">EPA</a>

<a href="http://sgs-virtuel.forumactif.org/h78-bea" class="vert">BEA</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-01</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-02</a>

<a href="http://sgs-virtuel.forumactif.org/h74-vtp" class="noir">VTP</a>

<a href="http://sgs-virtuel.forumactif.org/h14-vlhr" class="vert">VLHR</a>

<a href="http://sgs-virtuel.forumactif.org/h15-vid" class="indigo">VID</a>

<a href="http://sgs-virtuel.forumactif.org/h73-da" class="vert">DA</a>

<a href="http://sgs-virtuel.forumactif.org/h75-motopompe" class="vert">MPR</a>

<a href="http://sgs-virtuel.forumactif.org/h76-vplbls" class="vert">VPL,BLS</a>

<a href="http://sgs-virtuel.forumactif.org/h79-vimf" style="background-color:#ccccff;">VIMF</a>

<p></p>

Commandement :<br>

<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault" class="jaune">VL CH</a>

<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre" class="jaune">VL  Pierre</a>

<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch" class="jaune">VL Jerôme</a>

<p></p>

<div style="text-align:right">©SGS Pierre</div>

</div>
</td>
<td valign="top" id="sgs">CODIS<br><br>
CODIS:<br>
<a href="http://sgs-virtuel.forumactif.org/h81-pc" class="vert">PC</a><br>

<a href="http://sgs-virtuel.forumactif.org/h82-pcm" class="vert">PCM</a><br>

<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta" class="vert">VLHR</a><br>

<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta" class="jaune">VL CTA</a>

<p></p><br><br>
©SGS Pierre
</td>
</tr>
</table>

<table style="margin:auto">
<tr>
<td><b>Tableau des disponibilités</b><br>
<span class="iset" style="background-color:#109F00;color:#ffffff;"><b>Disponible</b></span>
<span class=iset style="background-color:#000000;color:#ff0000;"><b>Indisponible</b></span>
<span class=iset style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b></span>
<span class=iset style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b></span>
<span class=iset style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br> En intervention</b></span>
<span class=iset style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b></span>

<span class=iset style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b></span>
<span class=iset style="background-color:#440051;color:violet;"><b>RT Indisponible</b></span>
<span class=iset style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b></span>
<br>
©SGS Pierre</td>
</tr>
</table>

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 0:12

cela me conviens très bien, merci.

Par est-il possible de regarde ma page d'accueil complet car il y a un petit bug, mais je rouve pas ou :/




En gros, le bug:

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 0:36

normalement vous devriez voir ça :



je pense que ça vient d'un CSS déjà présent sur votre forum ...

on tente autrement :

Code:
<style type="text/css">
.sgs {
margin-left: 6px;
padding: 5px;
border: 1px solid grey;
border-radius: 8px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}
.sgs a{
width:73px;
border-radius: 8px;
padding:0 2px;
display: inline-block;
color:white;
text-align:center;
margin-bottom:3px;
text-decoration:none;
box-shadow:2px 2px 3px black;
}
.sgs a.vert{background-color:#109f00;} /* disponible */
.sgs a.gris{background-color:#ccccff;} /* hors service */
.sgs a.jaune{background-color:#ECD400;} /* alerter */
.sgs a.taupe{background-color:#E9A06F;} /* en transit */
.sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */
.sgs a.rouge{background-color:#FF0000;} /* sur les lieux */
.sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */
.sgs a.rose{background-color:#D509DC;} /* transport CH */
.sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */


.iset {
border-radius: 5px;
padding:  0 4px;
display: inline-block;
height:40px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}</style>

<table style="margin:auto" cellspacing="8">
<tr>
<td class="sgs">SGS<br>
<div style="float:left;width:250px;">Secours a personne :<br>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-01</a>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-02</a>

<a href="http://sgs-virtuel.forumactif.org/h18-vsm" class="gris">VSM</a>

<p></p>
Lutte contre les incendies :<br>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 01</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 02</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 03</a>

<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp" class="vert">FTPGP</a>

<a href="http://sgs-virtuel.forumactif.org/h77-vpi" class="vert">VPI</a>

<a href="http://sgs-virtuel.forumactif.org/h7-ccgc" class="gris">CCGC</a>

<a href="http://sgs-virtuel.forumactif.org/h8-cdhr" class="gris">CDHR-01</a>

<a href="http://sgs-virtuel.forumactif.org/h9-ccfs" class="vert">CCFS</a>

<a href="http://sgs-virtuel.forumactif.org/h10-ccf" class="vert">CCF</a>

<p></p>

Secours routiers :<br>

<a href="http://sgs-virtuel.forumactif.org/h11-fsr" class="vert">FSR</a>

<a href="http://sgs-virtuel.forumactif.org/h6-fptsr" class="vert">FPTSR</a>

<a href="http://sgs-virtuel.forumactif.org/h85-vsr" class="vert">VSR</a>

</div><div style="float:left;width:250px;border-left:1px solid gray;padding-left:10px;">
Operations diverses :

<a href="http://sgs-virtuel.forumactif.org/h91-vbs" class="vert">VBS</a>

<a href="http://sgs-virtuel.forumactif.org/h69-vsd" class="vert">VSD</a>

<a href="http://sgs-virtuel.forumactif.org/h12-epa" class="taupe">EPA</a>

<a href="http://sgs-virtuel.forumactif.org/h78-bea" class="vert">BEA</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-01</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-02</a>

<a href="http://sgs-virtuel.forumactif.org/h74-vtp" class="noir">VTP</a>

<a href="http://sgs-virtuel.forumactif.org/h14-vlhr" class="vert">VLHR</a>

<a href="http://sgs-virtuel.forumactif.org/h15-vid" class="indigo">VID</a>

<a href="http://sgs-virtuel.forumactif.org/h73-da" class="vert">DA</a>

<a href="http://sgs-virtuel.forumactif.org/h75-motopompe" class="vert">MPR</a>

<a href="http://sgs-virtuel.forumactif.org/h76-vplbls" class="vert">VPL,BLS</a>

<a href="http://sgs-virtuel.forumactif.org/h79-vimf" style="background-color:#ccccff;">VIMF</a>

<p></p>

Commandement :<br>

<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault" class="jaune">VL CH</a>

<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre" class="jaune">VL  Pierre</a>

<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch" class="jaune">VL Jerôme</a>

<p></p>
<div style="text-align:right">©SGS Pierre</div>
</div>
</td>
<td valign="top" class="sgs">CODIS<br><br>
CODIS:<br>
<a href="http://sgs-virtuel.forumactif.org/h81-pc" class="vert">PC</a><br>

<a href="http://sgs-virtuel.forumactif.org/h82-pcm" class="vert">PCM</a><br>

<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta" class="vert">VLHR</a><br>

<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta" class="jaune">VL CTA</a>

<p></p><br><br>
©SGS Pierre
</td>
</tr>
</table>

<table style="margin:auto">
<tr>
<td><b>Tableau des disponibilités</b><br>
<span class="iset" style="background-color:#109F00;color:#ffffff;"><b>Disponible</b></span>
<span class="iset" style="background-color:#000000;color:#ff0000;"><b>Indisponible</b></span>
<span class="iset" style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b></span>
<span class="iset" style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b></span>
<span class="iset" style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br> En intervention</b></span>
<span class="iset" style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b></span>
<span class="iset" style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b></span>
<span class="iset" style="background-color:#440051;color:violet;"><b>RT Indisponible</b></span>
<span class="iset" style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b></span>
<br>
©SGS Pierre</td>
</tr>
</table>

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 0:40

Maintenant cela fonctionne Smile

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 1:08

Comme le tableau est à la suite d'autres tableaux , le mieux est le mettre dans une IFRAME ...

Il faut donc créer une page html et mettre ce code (SANS le haut et bas du forum) :

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Disponibilité</title>
<style type="text/css">
.sgs {
margin-left: 6px;
padding: 5px;
border: 1px solid grey;
border-radius: 8px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}
.sgs a{
width:73px;
border-radius: 8px;
padding:0 2px;
display: inline-block;
color:white;
text-align:center;
margin-bottom:3px;
text-decoration:none;
box-shadow:2px 2px 3px black;
}
.sgs a.vert{background-color:#109f00;} /* disponible */
.sgs a.gris{background-color:#ccccff;} /* hors service */
.sgs a.jaune{background-color:#ECD400;} /* alerter */
.sgs a.taupe{background-color:#E9A06F;} /* en transit */
.sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */
.sgs a.rouge{background-color:#FF0000;} /* sur les lieux */
.sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */
.sgs a.rose{background-color:#D509DC;} /* transport CH */
.sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */


.iset {
border-radius: 5px;
padding:  0 4px;
display: inline-block;
height:40px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}</style>
</head>
<body>
<table style="margin:auto" cellspacing="8">
<tr>
<td class="sgs">SGS<br>
<div style="float:left;width:250px;">Secours a personne :<br>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-01</a>

<a href="http://sgs-virtuel.forumactif.org/h4-vsav" class="vert">VSAV-02</a>

<a href="http://sgs-virtuel.forumactif.org/h18-vsm" class="gris">VSM</a>

<p></p>
Lutte contre les incendies :<br>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 01</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 02</a>

<a href="http://sgs-virtuel.forumactif.org/h5-fpt" class="vert">FPT 03</a>

<a href="http://sgs-virtuel.forumactif.org/h63-ftpgp" class="vert">FTPGP</a>

<a href="http://sgs-virtuel.forumactif.org/h77-vpi" class="vert">VPI</a>

<a href="http://sgs-virtuel.forumactif.org/h7-ccgc" class="gris">CCGC</a>

<a href="http://sgs-virtuel.forumactif.org/h8-cdhr" class="gris">CDHR-01</a>

<a href="http://sgs-virtuel.forumactif.org/h9-ccfs" class="vert">CCFS</a>

<a href="http://sgs-virtuel.forumactif.org/h10-ccf" class="vert">CCF</a>

<p></p>

Secours routiers :<br>

<a href="http://sgs-virtuel.forumactif.org/h11-fsr" class="vert">FSR</a>

<a href="http://sgs-virtuel.forumactif.org/h6-fptsr" class="vert">FPTSR</a>

<a href="http://sgs-virtuel.forumactif.org/h85-vsr" class="vert">VSR</a>

</div><div style="float:left;width:250px;border-left:1px solid gray;padding-left:10px;">
Operations diverses :

<a href="http://sgs-virtuel.forumactif.org/h91-vbs" class="vert">VBS</a>

<a href="http://sgs-virtuel.forumactif.org/h69-vsd" class="vert">VSD</a>

<a href="http://sgs-virtuel.forumactif.org/h12-epa" class="taupe">EPA</a>

<a href="http://sgs-virtuel.forumactif.org/h78-bea" class="vert">BEA</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-01</a>

<a href="http://sgs-virtuel.forumactif.org/h13-vtu" class="vert">VTU-02</a>

<a href="http://sgs-virtuel.forumactif.org/h74-vtp" class="noir">VTP</a>

<a href="http://sgs-virtuel.forumactif.org/h14-vlhr" class="vert">VLHR</a>

<a href="http://sgs-virtuel.forumactif.org/h15-vid" class="indigo">VID</a>

<a href="http://sgs-virtuel.forumactif.org/h73-da" class="vert">DA</a>

<a href="http://sgs-virtuel.forumactif.org/h75-motopompe" class="vert">MPR</a>

<a href="http://sgs-virtuel.forumactif.org/h76-vplbls" class="vert">VPL,BLS</a>

<a href="http://sgs-virtuel.forumactif.org/h79-vimf" style="background-color:#ccccff;">VIMF</a>

<p></p>

Commandement :<br>

<a href="http://sgs-virtuel.forumactif.org/h17-vl-thibault" class="jaune">VL CH</a>

<a href="http://sgs-virtuel.forumactif.org/h80-vl-pierre" class="jaune">VL  Pierre</a>

<a href="http://sgs-virtuel.forumactif.org/h16-vl-ch" class="jaune">VL Jerôme</a>

<p></p>
<div style="text-align:right">©SGS Pierre</div>
</div>
</td>
<td valign="top" class="sgs">CODIS<br><br>
CODIS:<br>
<a href="http://sgs-virtuel.forumactif.org/h81-pc" class="vert">PC</a><br>

<a href="http://sgs-virtuel.forumactif.org/h82-pcm" class="vert">PCM</a><br>

<a href="http://sgs-virtuel.forumactif.org/h84-vlhr-cta" class="vert">VLHR</a><br>

<a href="http://sgs-virtuel.forumactif.org/h83-vl-cta" class="jaune">VL CTA</a>

<p></p><br><br>
©SGS Pierre
</td>
</tr>
</table>

<table style="margin:auto">
<tr>
<td><b>Tableau des disponibilités</b><br>
<span class="iset" style="background-color:#109F00;color:#ffffff;"><b>Disponible</b></span>
<span class="iset" style="background-color:#000000;color:#ff0000;"><b>Indisponible</b></span>
<span class="iset" style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b></span>
<span class="iset" style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b></span>
<span class="iset" style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br> En intervention</b></span>
<span class="iset" style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b></span>
<span class="iset" style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b></span>
<span class="iset" style="background-color:#440051;color:violet;"><b>RT Indisponible</b></span>
<span class="iset" style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b></span>
<br>
©SGS Pierre</td>
</tr>
</table>
</body>
</html>
et ensuite mettre l'adresse de la page dans l'iframe .

exemple :

Code:
<iframe name="dispo" SRC="http://sgs-virtuel.forumactif.org/h4-" scrolling="no" height="350" width="900" FRAMEBORDER="no"></iframe>
remplacez h4- par le numéro de votre page html

en enfin mettre le code de l'iframe dans la page d'accueil , à la place du code du tableau .

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 1:11

C'est mis en place

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 1:17

le rendu est le même sur la page d'accueil avec l'iframe ? (pas de coupure , ou de vide trop important autour du tableau ?)

si oui , je m'attaque au générateur ...

si possible , il me faudrait le numéro de la page html pour intégrer l'iframe au dessus du générateur ...

ça permettra de comparer les couleurs du tableau en ligne avec celle du générateur ...

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

Résolu Re: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 1:23

Rien de négatif, tout passe correctement Smile

Numéro de la page:

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 1:28

thumright  la suite , demain ... geek 

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 1:31

Merci, bonne soirée

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 4:32

Générateur à mettre dans une nouvelle page html :

Code:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Disponibilité</title>
  <style type="text/css">
.sgs {
margin-left: 6px;
padding: 5px;
border: 1px solid grey;
border-radius: 8px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}
.sgs a,.sgs span{
width:73px;
border-radius: 8px;
padding:0 2px;
display: inline-block;
color:white;
margin-bottom:3px;
text-decoration:none;
box-shadow:2px 2px 3px black;
}
.sgs a,.sgs span,h2{
text-align:center;
}
.sgs a.vert,.sgs span.vert{background-color:#109f00;} /* disponible */
.sgs a.gris,.sgs span.gris{background-color:#ccccff;} /* hors service */
.sgs a.jaune,.sgs span.jaune{background-color:#ECD400;} /* alerter */
.sgs a.taupe,.sgs span.taupe{background-color:#E9A06F;} /* en transit */
.sgs a.noir,.sgs span.noir{background-color:#000000;color:#ff0000;} /* indisponible */
.sgs a.rouge,.sgs span.rouge{background-color:#FF0000;} /* sur les lieux */
.sgs a.indigo,.sgs span.indigo{background-color:#440051;color:violet;} /* RT indisponible */
.sgs a.rose,.sgs span.rose{background-color:#D509DC;} /* transport CH */
.sgs a.bleu,.sgs span.bleu{background-color:#09C0DC;} /* Tr disponible */

.sgs span{width:95px;}

.iset {
border-radius: 5px;
padding:  0 4px;
display: inline-block;
height:40px;
vertical-align: top;
box-shadow:2px 2px 3px black;
}</style>
  <script type="text/javascript">
function verif(form){
var ok = true;
if (ok){
var contenu = '<table style="margin:auto" cellspacing="8">\n<tr>\n<td class="sgs">SGS<br>\n'
+'<div style="float:left;width:250px;">Secours a personne :<br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h4-" class="'+form.choix1.value+'">VSAV-01</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h4-" class="'+form.choix2.value+'">VSAV-02</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h18-" class="'+form.choix3.value+'">VSM</a>\n'
+'<p></p>\nLutte contre les incendies :<br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h5-" class="'+form.choix4.value+'">FPT 01</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h5-" class="'+form.choix5.value+'">FPT 02</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h5-" class="'+form.choix6.value+'">FPT 03</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h63-" class="'+form.choix7.value+'">FTPGP</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h77-" class="'+form.choix8.value+'">VPI</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h7-" class="'+form.choix9.value+'">CCGC</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h8-" class="'+form.choix10.value+'">CDHR-01</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h9-" class="'+form.choix11.value+'">CCFS</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h10-" class="'+form.choix12.value+'">CCF</a>\n'
+'<p></p>\nSecours routiers :<br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h11-" class="'+form.choix13.value+'">FSR</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h6-" class="'+form.choix14.value+'">FPTSR</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h85-" class="'+form.choix15.value+'">VSR</a>\n'
+'</div>\n<div style="float:left;width:250px;border-left:1px solid gray;padding-left:10px;">\nOperations diverses :'
+'<a href="http://sgs-virtuel.forumactif.org/h91-" class="'+form.choix16.value+'">VBS</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h69-" class="'+form.choix17.value+'">VSD</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h12-" class="'+form.choix18.value+'">EPA</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h78-" class="'+form.choix19.value+'">BEA</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h13-" class="'+form.choix20.value+'">VTU-01</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h13-" class="'+form.choix21.value+'">VTU-02</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h74-" class="'+form.choix22.value+'">VTP</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h14-" class="'+form.choix23.value+'">VLHR</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h15-" class="'+form.choix24.value+'">VID</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h73-" class="'+form.choix25.value+'">DA</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h75-" class="'+form.choix26.value+'">MPR</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h76-" class="'+form.choix27.value+'">VPL,BLS</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h79-" class="'+form.choix28.value+'">VIMF</a>\n'
+'<p></p>\nCommandement :<br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h17-" class="'+form.choix29.value+'">VL CH</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h80-" class="'+form.choix30.value+'">VL  Pierre</a>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h16-" class="'+form.choix31.value+'">VL Jerôme</a>\n'
+'<p></p>\n<div style="text-align:right">©SGS Pierre</div>\n</div>\n</td>'
+'<td valign="top" class="sgs">CODIS\n<br><br>\nCODIS:<br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h81-" class="'+form.choix32.value+'">PC</a><br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h82-" class="'+form.choix33.value+'">PCM</a><br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h84-" class="'+form.choix34.value+'">VLHR</a><br>\n'
+'<a href="http://sgs-virtuel.forumactif.org/h83-" class="'+form.choix35.value+'">VL CTA</a>\n'
+'<p></p>\n<br><br>\n©SGS Pierre\n</td>\n</tr>\n</table>';
var contenu2 = '<!DOCTYPE html>\n<html>\n<head>\n<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />\n<title>Disponibilité</title>\n<style type="text/css">\n.sgs {margin-left: 6px;padding: 5px;border: 1px solid grey;\nborder-radius: 8px;vertical-align: top;box-shadow:2px 2px 3px black;}\n.sgs a{width:73px;border-radius: 8px;padding:0 2px;\ndisplay: inline-block;color:white;text-align:center;\nmargin-bottom:3px;text-decoration:none;box-shadow:2px 2px 3px black;}\n.sgs a.vert{background-color:#109f00;} /* disponible */\n.sgs a.gris{background-color:#ccccff;} /* hors service */\n.sgs a.jaune{background-color:#ECD400;} /* alerter */\n.sgs a.taupe{background-color:#E9A06F;} /* en transit */\n.sgs a.noir{background-color:#000000;color:#ff0000;} /* indisponible */\n.sgs a.rouge{background-color:#FF0000;} /* sur les lieux */\n.sgs a.indigo{background-color:#440051;color:violet;} /* RT indisponible */\n.sgs a.rose{background-color:#D509DC;} /* transport CH */\n.sgs a.bleu{background-color:#09C0DC;} /* Tr disponible */\n.iset {border-radius: 5px;padding:0 4px;display: inline-block;\nheight:40px;vertical-align: top;box-shadow:2px 2px 3px black;}</style>\n</head>\n<body>\n'+contenu+'<table style="margin:auto">\n<tr>\n<td><b>Tableau des disponibilités</b><br>\n<span class="iset" style="background-color:#109F00;color:#ffffff;"><b>Disponible</b></span>\n<span class="iset" style="background-color:#000000;color:#ff0000;"><b>Indisponible</b></span>\n<span class="iset" style="background-color:#ccccff;color:#ffffff;"><b>Hors Service</b></span>\n<span class="iset" style="background-color:#E9A06F;color:#ffffff;"><b>En transit</b></span>\n<span class="iset" style="background-color:#FF0000;color:#ffffff;"><b>Sur les lieux /<br> En intervention</b></span>\n<span class="iset" style="background-color:#D509DC;color:#ffffff;"><b>Transport CH</b></span>\n<span class="iset" style="background-color:#ECD400;color:#ffffff;"><b>Alerter</b></span>\n<span class="iset" style="background-color:#440051;color:violet;"><b>RT Indisponible</b></span>\n<span class="iset" style="background-color:#09C0DC;color:#ffffff;"><b>RT Disponible</b></span>\n<br>©SGS Pierre</td>\n</tr>\n</table>\n</body>\n</html>';
document.getElementById("code_genere").value = contenu2;
document.getElementById("apercu").innerHTML = contenu;
}
}
-->
</script>
</head>
<body>
  <form action="#" method="post" name="post">
<center><iframe name="dispo" SRC="http://sgs-virtuel.forumactif.org/h187-" scrolling="auto" height="260" width="900" FRAMEBORDER="1"></iframe></center>
<table style="margin:auto" cellspacing="8">
<tr>
<td class="sgs">SGS<br>
<div style="float:left;width:310px;">Secours a personne :<br>


<span class="vert" id="zone1">VSAV-01<br />
<select name="choix1">
<option value="vert" selected="selected" onClick="javascript:zone1.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone1.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone1.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone1.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone1.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone1.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone1.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone1.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone1.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>
<span class="vert" id="zone2">VSAV-02<br />
<select name="choix2">
<option value="vert" selected="selected" onClick="zone2.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone2.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone2.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone2.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone2.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone2.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone2.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone2.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone2.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone3">VSM<br />
<select name="choix3">
<option value="vert" selected="selected" onClick="zone3.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone3.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone3.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone3.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone3.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone3.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone3.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone3.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone3.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<p></p>
Lutte contre les incendies :<br>

<span class="vert" id="zone4">FPT 01<br />
<select name="choix4">
<option value="vert" selected="selected" onClick="zone4.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone4.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone4.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone4.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone4.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone4.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone4.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone4.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone4.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone5">FPT 02<br />
<select name="choix5">
<option value="vert" selected="selected" onClick="zone5.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone5.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone5.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone5.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone5.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone5.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone5.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone5.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone5.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone6">FPT 03<br />
<select name="choix6">
<option value="vert" selected="selected" onClick="zone6.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone6.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone6.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone6.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone6.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone6.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone6.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone6.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone6.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone7">FTPGP<br />
<select name="choix7">
<option value="vert" selected="selected" onClick="zone7.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone7.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone7.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone7.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone7.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone7.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone7.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone7.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone7.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone8">VPI<br />
<select name="choix8">
<option value="vert" selected="selected" onClick="zone8.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone8.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone8.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone8.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone8.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone8.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone8.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone8.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone8.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone9">CCGC<br />
<select name="choix9">
<option value="vert" selected="selected" onClick="zone9.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone9.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone9.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone9.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone9.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone9.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone9.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone9.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone9.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone10">CDHR-01<br />
<select name="choix10">
<option value="vert" selected="selected" onClick="zone10.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone10.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone10.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone10.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone10.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone10.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone10.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone10.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone10.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone11">CCFS<br />
<select name="choix11">
<option value="vert" selected="selected" onClick="zone11.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone11.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone11.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone11.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone11.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone11.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone11.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone11.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone11.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone12">CCF<br />
<select name="choix12">
<option value="vert" selected="selected" onClick="zone12.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone12.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone12.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone12.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone12.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone12.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone12.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone12.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone12.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<p></p>

Secours routiers :<br>

<span class="vert" id="zone13">FSR<br />
<select name="choix13">
<option value="vert" selected="selected" onClick="zone13.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone13.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone13.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone13.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone13.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone13.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone13.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone13.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone13.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone14">FPTSR<br />
<select name="choix14">
<option value="vert" selected="selected" onClick="zone14.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone14.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone14.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone14.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone14.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone14.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone14.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone14.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone14.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone15">VSR<br />
<select name="choix15">
<option value="vert" selected="selected" onClick="zone15.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone15.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone15.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone15.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone15.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone15.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone15.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone15.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone15.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

</div><div style="float:left;width:310px;border-left:1px solid gray;padding-left:10px;">
Operations diverses :

<span class="vert" id="zone16">VBS<br />
<select name="choix16">
<option value="vert" selected="selected" onClick="zone16.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone16.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone16.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone16.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone16.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone16.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone16.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone16.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone16.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone17">VSD<br />
<select name="choix17">
<option value="vert" selected="selected" onClick="zone17.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone17.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone17.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone17.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone17.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone17.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone17.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone17.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone17.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone18">EPA<br />
<select name="choix18">
<option value="vert" selected="selected" onClick="zone18.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone18.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone18.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone18.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone18.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone18.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone18.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone18.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone18.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone19">BEA<br />
<select name="choix19">
<option value="vert" selected="selected" onClick="zone19.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone19.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone19.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone19.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone19.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone19.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone19.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone19.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone19.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone20">VTU-01<br />
<select name="choix20">
<option value="vert" selected="selected" onClick="zone20.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone20.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone20.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone20.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone20.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone20.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone20.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone20.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone20.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone21">VTU-02<br />
<select name="choix21">
<option value="vert" selected="selected" onClick="zone21.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone21.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone21.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone21.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone21.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone21.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone21.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone21.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone21.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone22">VTP<br />
<select name="choix22">
<option value="vert" selected="selected" onClick="zone22.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone22.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone22.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone22.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone22.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone22.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone22.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone22.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone22.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone23">VLHR<br />
<select name="choix23">
<option value="vert" selected="selected" onClick="zone23.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone23.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone23.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone23.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone23.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone23.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone23.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone23.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone23.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone24">VID<br />
<select name="choix24">
<option value="vert" selected="selected" onClick="zone24.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone24.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone24.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone24.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone24.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone24.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone24.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone24.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone24.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone25">DA<br />
<select name="choix25">
<option value="vert" selected="selected" onClick="zone25.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone25.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone25.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone25.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone25.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone25.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone25.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone25.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone25.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone26">MPR<br />
<select name="choix26">
<option value="vert" selected="selected" onClick="zone26.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone26.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone26.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone26.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone26.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone26.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone26.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone26.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone26.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone27">VPL,BLS<br />
<select name="choix27">
<option value="vert" selected="selected" onClick="zone27.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone27.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone27.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone27.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone27.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone27.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone27.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone27.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone27.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone28">VIMF<br />
<select name="choix28">
<option value="vert" selected="selected" onClick="zone28.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone28.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone28.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone28.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone28.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone28.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone28.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone28.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone28.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<p></p>

Commandement :<br>

<span class="vert" id="zone29">VL CH<br />
<select name="choix29">
<option value="vert" selected="selected" onClick="zone29.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone29.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone29.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone29.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone29.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone29.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone29.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone29.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone29.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone30">VL  Pierre<br />
<select name="choix30">
<option value="vert" selected="selected" onClick="zone30.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone30.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone30.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone30.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone30.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone30.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone30.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone30.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone30.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<span class="vert" id="zone31">VL Jerôme<br />
<select name="choix31">
<option value="vert" selected="selected" onClick="zone31.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone31.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone31.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone31.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone31.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone31.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone31.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone31.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone31.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<p></p>
<div style="text-align:right">©SGS Pierre</div>
</div>
</td>
<td valign="top" class="sgs">CODIS<br><br>
CODIS:<br>
<span class="vert" id="zone32">PC<br />
<select name="choix32">
<option value="vert" selected="selected" onClick="zone32.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone32.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone32.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone32.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone32.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone32.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone32.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone32.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone32.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span><br>

<span class="vert" id="zone33">PCM<br />
<select name="choix33">
<option value="vert" selected="selected" onClick="zone33.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone33.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone33.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone33.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone33.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone33.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone33.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone33.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone33.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span><br>

<span class="vert" id="zone34">VLHR<br />
<select name="choix34">
<option value="vert" selected="selected" onClick="zone34.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone34.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone34.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone34.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone34.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone34.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone34.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone34.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone34.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span><br>

<span class="vert" id="zone35">VL CTA<br />
<select name="choix35">
<option value="vert" selected="selected" onClick="zone35.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone35.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone35.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone35.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone35.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone35.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone35.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone35.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone35.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>

<p></p><br><br>
©SGS Pierre
</td>
</tr>
</table><br />

<center><input type="button" onClick="verif(this.form)" value="Generer le code" /></center>
</form>

<h2>Apercu du rendu :</h2>
  <div id="apercu" style="height:260px"> </div>
<form id="copie">
<center><p>Voici le code a copier/coller en éditant la page h187- dans le P Admin <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();"></p>
<textarea cols="100" rows="10" id="code_genere" readonly></textarea></center>
<p></p><br><br>
</form>
</body>
</html>

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 12:42

Merci beaucoup, c'est Magnifique Smile cheers

Juste une question, si on veut ajouter 1 ou plusieurs vehicules, comment dois-je m'y prendre?
 

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Générateur de tableau

Message par Scoubifitz le Sam 24 Aoû 2013 - 13:24

hmmmm.... pour rajouter un véhicule scratch (en espérant que ça ne déforme pas trop le tableau)

on rajoute un bouton sélecteur en modifiant les valeurs (pour un 36e véhicule , mettre 36)

<span class="vert" id="zone36">New vehicle<br />
<select name="choix36">
<option value="vert" selected="selected" onClick="zone36.style.backgroundColor='#109f00'">Dispo</option>
<option value="noir" onClick="zone36.style.backgroundColor='#000000'">Indispo</option>
<option value="gris" onClick="zone36.style.backgroundColor='#ccccff'">H S</option>
<option value="taupe" onClick="zone36.style.backgroundColor='#E9A06F'">Transit</option>
<option value="rouge" onClick="zone36.style.backgroundColor='#FF0000'">Lieux</option>
<option value="rose" onClick="zone36.style.backgroundColor='#D509DC'">Trans CH</option>
<option value="jaune" onClick="zone36.style.backgroundColor='#ECD400'">Alert</option>
<option value="bleu" onClick="zone36.style.backgroundColor='#09C0DC'">RT dispo</option>
<option value="indigo" onClick="zone36.style.backgroundColor='#440051'">TR indispo</option>
</select>
</span>
et dans le script , on rajoute une ligne à la variable "contenu" (à la même place que le nouveau bouton)

+'<a href="http://sgs-virtuel.forumactif.org/h83-" class="'+form.choix36.value+'">New vehicle</a>\n'
Warning  ne modifiez rien à la variable "contenu2" !

pour avoir une autre couleur par défaut dans le sélecteur , il faut modifier la class et déplacer la sélection dans le bouton .

exemple :
<span class="vert" id="zone30">VL  Pierre<br />
   <select name="choix30">
   <option value="vert" selected="selected" onClick="zone30.style.backgroundColor='#109f00'">Dispo</option>
   <option value="noir" onClick="zone30.style.backgroundColor='#000000'">Indispo</option>
   <option value="gris" onClick="zone30.style.backgroundColor='#ccccff'">H S</option>
   <option value="taupe" onClick="zone30.style.backgroundColor='#E9A06F'">Transit</option>
   <option value="rouge" onClick="zone30.style.backgroundColor='#FF0000'">Lieux</option>
   <option value="rose" onClick="zone30.style.backgroundColor='#D509DC'">Trans CH</option>
   <option value="jaune" onClick="zone30.style.backgroundColor='#ECD400'">Alert</option>
   <option value="bleu" onClick="zone30.style.backgroundColor='#09C0DC'">RT dispo</option>
   <option value="indigo" onClick="zone30.style.backgroundColor='#440051'">TR indispo</option>
   </select>
   </span>
devient :
<span class="jaune" id="zone30">VL  Pierre<br />
   <select name="choix30">
   <option value="vert" onClick="zone30.style.backgroundColor='#109f00'">Dispo</option>
   <option value="noir" onClick="zone30.style.backgroundColor='#000000'">Indispo</option>
   <option value="gris" onClick="zone30.style.backgroundColor='#ccccff'">H S</option>
   <option value="taupe" onClick="zone30.style.backgroundColor='#E9A06F'">Transit</option>
   <option value="rouge" onClick="zone30.style.backgroundColor='#FF0000'">Lieux</option>
   <option value="rose" onClick="zone30.style.backgroundColor='#D509DC'">Trans CH</option>
   <option value="jaune" selected="selected" onClick="zone30.style.backgroundColor='#ECD400'">Alert</option>
   <option value="bleu" onClick="zone30.style.backgroundColor='#09C0DC'">RT dispo</option>
   <option value="indigo" onClick="zone30.style.backgroundColor='#440051'">TR indispo</option>
   </select>
   </span>

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: Générateur de tableau

Message par pierre du 31 le Sam 24 Aoû 2013 - 13:56

Merci beaucoup

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

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

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


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