Générateur de tableau

[pierre du 31]

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>

[_backdraft_]

Bonsoir pierre,

Oui c'est possible, il suffit de mettre le tableau sur votre page html puis mettre un iframe sur votre page d'accueil, par la suite quand vous modifierez la page html, le tableau qui est sur la page d'accueil se modifiera tout seul.

Si vous ne savez pas comment faire un iframe, donnez moi le lien de votre page html.

Cordialement
Backdraft

[pierre du 31]

Bonsoir, merci du conseil, mais est-ce qu'il serait possible comme sur Romi 36 (anciennement) de faire un système avec une page HTML où l'on as une interface avec tout les Véhicules et ensuite dès que l'on modifie l'état d'un véhicule le véhicule se met automatiquement de la couleur choisie.

[pierre du 31]

up

[_backdraft_]

Bonsoir,

Je n'ai personnellement pas réussi à faire une actualisation automatique.

Cordialement
Backdraft

[pierre du 31]

Avec du javascript / jquery cea doit bien existé

[_backdraft_]

Pas sur car ça doit modifier quelque chose qui est sur le panneau d'administration... dans tous les cas ça dépasse largement mes compétences.

Backdraft

[Self]

Bonsoir, merci du conseil, mais est-ce qu'il serait possible comme sur Romi 36 (anciennement) de faire un système avec une page HTML où l'on as une interface avec tout les Véhicules et ensuite dès que l'on modifie l'état d'un véhicule le véhicule se met automatiquement de la couleur choisie.

Bonjour .

Si c'est la modification de la couleur d'un élément, je pense qu'il va falloir passer par plusieurs images, auriez une image pour illustrer ce que vous rechercher ?

Cordialement .

[pierre du 31]

quand on change la couleur là :

et en appuyant sur le bouton

la couleur se modifie directement sur le tableau: http://parlons-peche.forumactif.com/ (forum de test)


j'aimerai pareil sauf que mon 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>

les différentes disponibilités:

Code:

<center><span style="font-size: 16px; line-height: normal"><table border="1"><tr><td align="left"><font color="#000000"><span style="background-color:#109F00"> <strong>Disponible</strong></span></font> </td><td align="left"> <font color="#FF0000"><span style="background-color:#000000"><strong>Indisponible</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#ECD400"><strong>Alerter</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#E9A06F"><strong>En transit</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#FF0000"><strong>Sur les lieux/En intervention</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#D509DC"><strong>Transport CH</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#09C0DC"><strong>RT Disponible</strong></span></font> </td><td align="left"> <font color="#000000"><span style="background-color:#440051"><strong>RT Indisponible</strong></span></font></td><td align="left"><font color="#000000"><span style="background-color:#ccccff"> <strong>Hors Service</strong></span></font> </td></tr></table></span>
<br/><br/><br/>


disponible ici : http://parlons-peche.forumactif.com/ si il possible se de faire des images à la place du texte ce serait génial

Merci d'avance

[Self]

Bonjour.

Vous y connaissez vous un peut en Javascript ?
Si oui vous pouvez vous lancez dans l'édition de celui-ci, juste à mettre vos ID et vos class:

Code:

<script type="text/javascript" language="javascript">
function $(objId)
{
return document.getElementById(objId)|| null;
}
// PSEUDO FONCTION RETOUR AJAX
function FillContent(objId, objResponse, objOrigine)
{
switch(objId)
{
case "EditionChamp":
// Colore le champ en vert si reussi(1), sinon rouge(0)
Tempor = 800;
couleur = $(objOrigine).style.color;
$(objOrigine).style.color = (objResponse == "1")? "green":"red";
a = setTimeout( "waitColor('"+ objOrigine +"', '"+ couleur +"')", Tempor);
break;
default: break;
}
}
// RESTITUE LA COULEUR DU TEXTE
function waitColor(objId, objColor)
{
$(objId).style.color = objColor;
}
// MODE EDITION
function editValue(obj)
{
obj.readOnly = false;
obj.className = "inputEdit";
}
// MODE READONLY
function saveEdit(obj)
{
obj.readOnly = true;
obj.className="inputEditReadOnly";
}
// MISE A JOUR CHAMP (POST nouvelle valeur)
function catchEvent(obj, e)
{
var ev = window.event? event : e;
var objSrc = ev.target? ev.target : ev.srcElement;
var unicode = ev.keyCode? ev.keyCode : ev.charCode;
// 13 : ENTREE
if(unicode == 13 && objSrc.readOnly == false)
{
objSrc.className = "inputEditReadOnly";
objSrc.readOnly = true;
saveChange(objSrc);
}
}
// SAUVEGARDE EDITION
function saveChange(obj)
{
if(obj != null)
{
var objarray = obj.id.split("-");
if(objarray.length > 0 )
{
// table-nom_champ-id_where-id_value
// Ex: commande-description-id_commande-15468
objArg = "&table=" + objarray[0]
+ "&nom_champ=" + objarray[1]
+ "&id_where=" + objarray[2]
+ "&id_value=" + objarray[3]
+ "&value=" + obj.value;
// ENREGISTREMENTS DAND SGBD VIA AJAX
// SIMLATION RETOUR AJAX
FillContent("EditionChamp", "1", obj.id)
}
}
}
</script>

Il faudra aussi mettre votre imput sous ce style:

Code:

<input type="text"
id="commande-description-id_commande-474408"
class="inputEditReadOnly"
onblur="this.className='inputEditReadOnly';"
onchange="saveEdit(this);"
onkeydown="catchEvent(this, event);"
ondblclick="editValue(this);"
value="Modifier ce texte et appuyer sur entrée" readonly />

Cordialement .

[pierre du 31]

Bonjours, je n'y connais presque rien en javascript, donc je ne peux pas faire grand chose.

Est-ce que il pourrait y avoir des bouton type "radio" (de chaque couleur des disponibilités)

et un bouton "envoyer" pour transmettre le tableau.

[Self]

Je suppose qu'avec un switch javascript cela devrais être possible :/ .
Mais je ne peut rien certifié.

Cordialement .

[pierre du 31]

Merci, ce serait super sympas de votre part, je ne sais vraiment pas comment faire vu que je n'y connais rien en Javascript.

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[Scoubifitz]

quand on change la couleur là :

et en appuyant sur le bouton

la couleur se modifie directement sur le tableau: http://parlons-peche.forumactif.com/ (forum de test)

j'aimerai pareil sauf que mon tableau :
les différentes disponibilités:
disponible ici : http://parlons-peche.forumactif.com/ si il possible se de faire des images à la place du texte ce serait génial

Merci d'avance

Bonsoir,

Sur l'image que vous montrez , on voit que ce site est en PHP , ce qui n'est pas le cas pour les forums ...
donc , pas de possibilités de mettre à jour sans éditer le tableau ...

voici un tableau assez facile à éditer . Placez ce code dans une page html sans le haut et bas du forum :

Pour modifier la disponibilité , il faut modifier le nom de la class du véhicule concerné .

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>tableau</title>
<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>

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>

<a href="http://sgs-virtuel.forumactif.org/h108-vl-ructus" class="jaune">VL Ructus</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
</div>
<p></p>
<div id="sgs">SGS
<br>
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>
SGS Pierre
</div>
</td>
<td valign="top">
<div id="sgs">SAMU
<p></p>
SAMU :<br>
<a href="http://sgs-virtuel.forumactif.org/h86-vsav-samul" class="gris">UMH</a>

<a href="http://sgs-virtuel.forumactif.org/h87-vl-samu" class="gris">VL Samu</a><p></p>
SGS Pierre
</div>
<p></p>
<table style="font-size: 14px;" cellspacing=5>
<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>
</tr><tr>
<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>
</html>

Une autre façon serait de mettre une class par véhicule et de modifier la couleur dans le CSS à chaque changement de disponibilité ...

que ce soit la page html ou le CSS , il faudra éditer ...

[Self]

Bonsoir,

Sur l'image que vous montrez , on voit que ce site est en PHP , ce qui n'est pas le cas pour les forums ...
donc , pas de possibilités de mettre à jour sans éditer le tableau ...

Bonsoir.

Nous pouvons pourtant en tant qu'administrateur modifié les champs de profil d'un membre de cette même façon, sur que ce n'est pas simplement du Javascript ?

Cordialement .

[Scoubifitz]

en modifiant les champs de profil d'un membre , vous validez à la fin pour transmettre des données à un tabloïd de la base de données , coté serveur ...

Personnellement je n'ai pas accès à cette base de données pour y insérer un tabloïd supplémentaire pour gérer des véhicules de pompiers ...  

[Self]

Et si on l'indiqué en tant que champ dans la feuille de personnage et ensuite redirigerais la fonction pour que sa ce vois dans une div sur la page d'accueil ?
Il est possible de générer un seule feuille de personnage, si celle-ci n'est pas utilisé, on pourrais donc s'orrienté par la ?

[Scoubifitz]

  comme je n'ai jamais travaillé avec des feuilles de personnages , je ne pourrais pas vous répondre ...

par contre , en début d'année j'avais fait un générateur de tableau pour ce genre de demande :

https://forum.forumactif.com/t343346-transmettre-un-tableau

dans une première page , on pouvait changer les couleurs du tableau , puis générer le code qu'on pouvait placer dans une autre page ...
cette 2e page était visible par une iframe sur la page d'accueil ...

[pierre du 31]

Merci, mais par rapport à mon tableau ça n'es pas pareil le systeme :/ vu que moi c'est avec 3 partit

[pierre du 31]

up

[Scoubifitz]

Merci, mais par rapport à mon tableau ça n'es pas pareil le systeme :/ vu que moi c'est avec 3 partit

à part le fait qu'il y a 39 véhicules au lieu de 12 , et 9 couleurs au lieu de 4 , est-ce que vous cherchez ce genre de système ?

[pierre du 31]

oui je cherche un peu ce style, mais comment faire pour les 39 véhicules?

[pierre du 31]

up

[pierre du 31]

up