Générateur de tableau

[pierre du 31]

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>

[Scoubifitz]

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

[pierre du 31]

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>

[Scoubifitz]

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

[pierre du 31]

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:

[Scoubifitz]

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>


[pierre du 31]

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:

[Scoubifitz]

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>

[pierre du 31]

Maintenant cela fonctionne

[Scoubifitz]

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 .

[pierre du 31]

C'est mis en place

[Scoubifitz]

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

[pierre du 31]

Rien de négatif, tout passe correctement

Numéro de la page:

[Scoubifitz]

  la suite , demain ...  

[pierre du 31]

Merci, bonne soirée

[Scoubifitz]

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>

[pierre du 31]

Merci beaucoup, c'est Magnifique

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

[Scoubifitz]

hmmmm.... pour rajouter un véhicule  (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'

  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>

[pierre du 31]

Merci beaucoup