Transmettre un tableau

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

Résolu Transmettre un tableau

Message par _backdraft_ le Mer 26 Déc 2012 - 11:46

Bonjour,

J'ai actuellement un tableau sur ma page d'accueil, nous devons le tenir à jour régulièrement. Voulant reproduire ce tableau à 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. J'ai pensé aux iframe mais apparemment ça ne marche uniquement pour les images, y aurait il un autre moyen ?

Merci
Backdraft


Dernière édition par _backdraft_ le Mer 2 Jan 2013 - 13:31, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Masterkamilo le Mer 26 Déc 2012 - 11:59

Essaye avec PHP Smile

Masterkamilo
**

Masculin
Messages : 77
Inscrit(e) le : 18/10/2011

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 26 Déc 2012 - 12:14

Bonjour,

Merci mais je ne maitrise pas du tout le php, peux tu me donner une piste de recherche s'il te plait ?

Merci
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Matriochka le Mer 26 Déc 2012 - 13:27

Bonjour Blackdraft,

J'ai pensé aux iframe mais apparemment ça ne marche uniquement pour les images, y aurait il un autre moyen ?
Comment ça, seulement pour les images ? Je ne comprends pas ce que tu veux dire par-là…

L’iframe me semble la solution la plus intéressante dans ton cas (soit en utilisant les pages HTML de ton forum, soit en utilisant quelque chose d’externe si tu en as le moyen), et techniquement, tout y fonctionne, même les textes, tableaux, etc.

As-tu essayé de créer une page HTML contenant ton tableau, pour le moment ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Masterkamilo le Mer 26 Déc 2012 - 13:46

Peut-tu me communiquer le code de ton tableau ?

Masterkamilo
**

Masculin
Messages : 77
Inscrit(e) le : 18/10/2011

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 26 Déc 2012 - 14:03

Bonjour,

Merci pour vos réponses, tout d'abord voici le code du tableau placé dans la page d'accueil :

Spoiler:
Code:
<table class="tableauvéhicules" style="border-color: black; width: 344px; height: 105px; font-weight: bold;" align="center" border="1px" cellspacing="0" width="343">
        <tbody>
<tr><td class="td5" style="text-align: center; color: black; font-size: 16px;" colspan="4"> VEHICULES OPERATIONNELS</td></tr>
        <tr>
        <td style="width: 86px; text-align: center; background-color: Lime; font-size: 14px; color: Blue;">CID</td>
        <td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">VSR</td>
        <td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">CCF</td>
        <td style="width: 86px; text-align: center; color: blue; font-size: 14px; background-color: Lime;">VLHR</td></tr>
        <tr>
        <td style="text-align: center; color: blue; font-size: 14px; background-color: Lime;">VSAV PL</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPTDA</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">EPA</td>
        <td style="text-align: center; font-size: 14px; color: Blue; background-color: Lime;">VSAV 02</td></tr>
        <tr>
        <td class="td3" style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPT 02</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VTP</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VLM</td>
        <td class="td4" style="text-align: center; background-color: Lime; font-size: 14px; color: blue;">VLCDG</td></tr></tbody></table>

D'après ce que j'ai compris et pour le peu que j'utilise les iframe c'est pour des images, ça actualise une image (avec un lien).

Pour le moment je n'ai pas mis le tableau sur la page html car j'aimerais mettre un code (javascript, iframe...) ou autre qui permet de reproduire le tableau.

Cordialement
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Dim 30 Déc 2012 - 21:43

UP Merci !

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mar 1 Jan 2013 - 13:09

UP santa

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Scoubifitz le Mar 1 Jan 2013 - 23:22

bonjour,

si j'ai bien tout compris , vous avez actuellement un tableau sur votre page d'accueil , que vous devez mettre à jour continuellement .

Vous aimeriez faire cette mise à jour dans une page HTML , à part , pour ne pas avoir à éditer tout le temps la page d'accueil .

Cette page HTML devrait apparaitre dans une fenêtre (iframe) placée dans la page HTML ?

Pour modifier facilement cette page HTML , un générateur de tableau serait utile ?

Ce générateur serait placé dans un message , dans un forum uniquement accessible aux modérateurs ?

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 2 Jan 2013 - 2:34

Euh, ce n'est pas exactement ça je vais reprendre depuis le début pour essayer d'être plus claire :

J'ai actuellement un tableau sur ma page d'accueil ce tableau comporte des cellules dans lequel des noms de véhicules sont inscrit dedans. Chaque jour je change le fond de ces cellules pour indiquer si le véhicule est disponible ou non.

Maintenant pour une histoire de pratique j'aimerais avoir ce même tableau qui aura les mêmes fonds de cellule, également sur une page html que je mettrais dans un en tête.

Cependant je n'ai pas envie de devoir modifier les fonds des cellules des deux tableaux, c'est pourquoi je voulais savoir si il est possible d'avoir un code (surement du javascript) qui permet que lorsque je modifie le tableau de la page d’accueil, celui de la page html s'actualise tout seul.

Avez vous compris ?

Merci
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Scoubifitz le Mer 2 Jan 2013 - 5:52

bien .

imaginez votre tableau , et uniquement votre tableau , dans une page HTML ...

imaginez que cette page HTML s'ouvre dans une fenêtre de la dimension du tableau , à la place du tableau actuel ...

imaginez que cette même fenêtre peut être installée et s'ouvrir dans une autre page HTML , en en-tête par exemple ...

La seule page à modifier serait la première ... les fenêtres montreront ce que vous avez modifié .

Si le HTML est activé sur votre forum , copiez-collez ce code dans un message de votre forum :

Code:
<div align="center"><iframe src="http://foratest.forumpersos.com/h13-" frameborder="no" style="height:120px;width:344px;" scrolling="no"></iframe></div>
... une fenêtre de la taille du tableau apparait . Cette fenêtre pourrait tout aussi bien être placée dans la page d'accueil ou dans un en-tête ... comprenez vous le principe ?

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 2 Jan 2013 - 12:15

Bonjour et merci,

Je crois avoir compris, j'ai transféré mon tableau de ma page d'accueil à une page html, puis j'ai mis l'iframe dans une autre page html et le tableau est reproduit à l'identique.

J'ai juste une petite question qui je trouve ne nécesite pas un autre sujet car c'est rapide et c'est sur mon tableau.

Je viens de m’apercevoir que les bordures de mon tableau sont vraiment moches...

Spoiler:

Voici le code que j'utilise :

Spoiler:
Code:
<table class="tableauvehicules" style="border-color: black; width: 344px; height: 105px; font-weight: bold;" align="center" border="1px" cellspacing="0" width="343">
        <tbody>
<tr>
<td class="td5" style="text-align: center; color: black; font-size: 16px;" colspan="4"> VEHICULES OPERATIONNELS</td></tr>
        <tr>
        <td style="width: 86px; text-align: center; background-color: Lime; font-size: 14px; color: Blue;">CID</td>
        <td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">VSR</td>
        <td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">CCF</td>
        <td style="width: 86px; text-align: center; color: blue; font-size: 14px; background-color: Red;">VLHR</td></tr>
        <tr>
        <td style="text-align: center; color: blue; font-size: 14px; background-color: Red;">VSAV PL</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPTDA</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">EPA</td>
        <td style="text-align: center; font-size: 14px; color: Blue; background-color: LemonChiffon;">VSAV 02</td></tr>
        <tr>
        <td class="td3" style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPT 02</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VTP</td>
        <td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VLM</td>
        <td class="td4" style="text-align: center; background-color: Red; font-size: 14px; color: blue;">VLCDG</td></tr></tbody></table>

<style>
.tableauvehicules {
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;}
 .td3
{
  border-radius: 0 0 0 15px;
  -moz-border-radius: 0 0 0 15px;
  -webkit-border-radius: 0 0 0 15px;
}
.td4
{
  border-radius: 0 0 15px 0;
  -moz-border-radius: 0 0 15px 0;
  -webkit-border-radius: 0 0 15px 0;
}
.td5
{
  border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
}
</style>

Pour effacer ces "doubles bordures" j'ai eu l'idée d'ajouter :

Code:
.tableauvehicules {
border-collapse : collapse;}

Seulement après avoir mis ce code, les arrondies sur la table "tableauvehicules" ne marchent plus.

Comment peux ton alors arranger l'esthétique du tableau en gardant les arrondies ?

Merci beaucoup pour votre aide
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Transmettre un tableau

Message par Scoubifitz le Mer 2 Jan 2013 - 12:39

le principe étant compris , on va faire ça proprement ...

tout d'abord , pour vous faciliter la suite , créez une nouvelle page HTML , ( h16- ) en y mettant ce code :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>générateur de tableau </title>
<script type="text/javascript">
<!--

function verif(form){
var choix1 = "";
for(var a = 0; a < form.choix1.length; a++)
{if(form.choix1[a].checked == true) { choix1=form.choix1[a].value; }}
var choix2 = "";
for(var a = 0; a < form.choix2.length; a++)
{if(form.choix2[a].checked == true) { choix2=form.choix2[a].value; }}
var choix3 = "";
for(var a = 0; a < form.choix3.length; a++)
{if(form.choix3[a].checked == true) { choix3=form.choix3[a].value; }}
var choix4 = "";
for(var a = 0; a < form.choix4.length; a++)
{if(form.choix4[a].checked == true) { choix4=form.choix4[a].value; }}
var choix5 = "";
for(var a = 0; a < form.choix5.length; a++)
{if(form.choix5[a].checked == true) { choix5=form.choix5[a].value; }}
var choix6 = "";
for(var a = 0; a < form.choix6.length; a++)
{if(form.choix6[a].checked == true) { choix6=form.choix6[a].value; }}
var choix7 = "";
for(var a = 0; a < form.choix7.length; a++)
{if(form.choix7[a].checked == true) { choix7=form.choix7[a].value; }}
var choix8 = "";
for(var a = 0; a < form.choix8.length; a++)
{if(form.choix8[a].checked == true) { choix8=form.choix8[a].value; }}
var choix9 = "";
for(var a = 0; a < form.choix9.length; a++)
{if(form.choix9[a].checked == true) { choix9=form.choix9[a].value; }}
var choix10 = "";
for(var a = 0; a < form.choix10.length; a++)
{if(form.choix10[a].checked == true) { choix10=form.choix10[a].value; }}
var choix11 = "";
for(var a = 0; a < form.choix11.length; a++)
{if(form.choix11[a].checked == true) { choix11=form.choix11[a].value; }}
var choix12 = "";
for(var a = 0; a < form.choix12.length; a++)
{if(form.choix12[a].checked == true) { choix12=form.choix12[a].value; }}

var ok = true;

if (ok){
var contenu = "<table style='height: 120px; font-weight: bold; -moz-border-radius:17px; -webkit-border-radius:17px; -o-border-radius:17px; border-radius:17px; background-color:black; text-align:center; font-size:14px; color:blue; width:344px;' align='center' cellspacing='1' cellpadding='5'>\n<tr>\n<td style='color: black; font-size: 16px;background:white;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-o-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;' colspan='4'> VEHICULES OPERATIONNELS</td>\n</tr><tr>\n\<td style='background-color: "+choix1+";'>CID</td>\n<td style='background-color: "+choix2+";'>VSR</td>\n<td style='background-color: "+choix3+";'>CCF</td>\n<td style='background-color: "+choix4+";'>VLHR</td>\n</tr><tr>\n<td style='background-color: "+choix5+";'>VSAV PL</td>\n<td style='background-color: "+choix6+";'>FPTDA</td>\n<td style='background-color: "+choix7+";'>EPA</td>\n<td style='background-color: "+choix8+";'>VSAV 02</td>\n</tr><tr>\n<td style='background-color: "+choix9+";-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-o-border-radius:0 0 0 15px;border-radius:0 0 0 15px;'>FPT 02</td>\n<td style='background-color: "+choix10+";'>VTP</td>\n<td style='background-color: "+choix11+";'>VLM</td>\n<td style='background-color: "+choix12+";-moz-border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;-o-border-radius:0 0 15px 0;border-radius:0 0 15px 0;'>VLCDG</td>\n</tr>\n</table>";
document.getElementById("code_genere").value = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";
}
}
-->
</script>
</head>
  <body style="width:520px;height:750px;border:1px solid;padding-left:20px">
<form action="#" method="post" name="post">
<table style="height: 120px; font-weight: bold; -moz-border-radius:17px; -webkit-border-radius:17px; -o-border-radius:17px; border-radius:17px; background-color:black; text-align:center; font-size:14px; color:blue;" align="center" cellspacing="1" cellpadding="5">
<tr>
<td class="td5" style="color: black; font-size: 16px;background:white;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-o-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;" colspan="4"> VEHICULES OPERATIONNELS</td>
</tr>
<tr>
<td style="background-color: Lime;" id="zone1">
CID<br />
<span style="background:lime">
<input name="choix1" value="lime" type="radio" checked="checked" onFocus="javascript:zone1.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix1" value="red" type="radio" onFocus="javascript:zone1.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix1" value="white" type="radio" onFocus="javascript:zone1.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix1" value="black" type="radio" onFocus="javascript:zone1.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone2">
VSR<br />
<span style="background:lime">
<input name="choix2" value="lime" type="radio" checked="checked" onFocus="javascript:zone2.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix2" value="red" type="radio" onFocus="javascript:zone2.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix2" value="white" type="radio" onFocus="javascript:zone2.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix2" value="black" type="radio" onFocus="javascript:zone2.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone3">
CCF<br />
<span style="background:lime">
<input name="choix3" value="lime" type="radio" checked="checked" onFocus="javascript:zone3.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix3" value="red" type="radio" onFocus="javascript:zone3.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix3" value="white" type="radio" onFocus="javascript:zone3.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix3" value="black" type="radio" onFocus="javascript:zone3.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone4">
VLHR<br />
<span style="background:lime">
<input name="choix4" value="lime" type="radio" checked="checked" onFocus="javascript:zone4.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix4" value="red" type="radio" onFocus="javascript:zone4.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix4" value="white" type="radio" onFocus="javascript:zone4.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix4" value="black" type="radio" onFocus="javascript:zone4.style.backgroundColor='black'" /></span></td>
</tr>
<tr>
<td style="background-color: Lime;" id="zone5">
VSAV PL<br />
<span style="background:lime">
<input name="choix5" value="lime" type="radio" checked="checked" onFocus="javascript:zone5.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix5" value="red" type="radio" onFocus="javascript:zone5.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix5" value="white" type="radio" onFocus="javascript:zone5.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix5" value="black" type="radio" onFocus="javascript:zone5.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone6">
FPTDA<br />
<span style="background:lime">
<input name="choix6" value="lime" type="radio" checked="checked" onFocus="javascript:zone6.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix6" value="red" type="radio" onFocus="javascript:zone6.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix6" value="white" type="radio" onFocus="javascript:zone6.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix6" value="black" type="radio" onFocus="javascript:zone6.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone7">
EPA<br />
<span style="background:lime">
<input name="choix7" value="lime" type="radio" checked="checked" onFocus="javascript:zone7.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix7" value="red" type="radio" onFocus="javascript:zone7.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix7" value="white" type="radio" onFocus="javascript:zone7.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix7" value="black" type="radio" onFocus="javascript:zone7.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone8">
VSAV 02<br />
<span style="background:lime">
<input name="choix8" value="lime" type="radio" checked="checked" onFocus="javascript:zone8.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix8" value="red" type="radio" onFocus="javascript:zone8.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix8" value="white" type="radio" onFocus="javascript:zone8.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix8" value="black" type="radio" onFocus="javascript:zone8.style.backgroundColor='black'" /></span></td>
</tr>
<tr>
<td style="background-color: Lime;-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-o-border-radius:0 0 0 15px;border-radius:0 0 0 15px;" id="zone9">
FPT 02<br />
<span style="background:lime">
<input name="choix9" value="lime" type="radio" checked="checked" onFocus="javascript:zone9.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix9" value="red" type="radio" onFocus="javascript:zone9.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix9" value="white" type="radio" onFocus="javascript:zone9.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix9" value="black" type="radio" onFocus="javascript:zone9.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone10">
VTP<br />
<span style="background:lime">
<input name="choix10" value="lime" type="radio" checked="checked" onFocus="javascript:zone10.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix10" value="red" type="radio" onFocus="javascript:zone10.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix10" value="white" type="radio" onFocus="javascript:zone10.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix10" value="black" type="radio" onFocus="javascript:zone10.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;" id="zone11">
VLM<br />
<span style="background:lime">
<input name="choix11" value="lime" type="radio" checked="checked" onFocus="javascript:zone11.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix11" value="red" type="radio" onFocus="javascript:zone11.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix11" value="white" type="radio" onFocus="javascript:zone11.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix11" value="black" type="radio" onFocus="javascript:zone11.style.backgroundColor='black'" /></span></td>
<td style="background-color: Lime;-moz-border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;-o-border-radius:0 0 15px 0;border-radius:0 0 15px 0;" id="zone12">
VLCDG<br />
<span style="background:lime">
<input name="choix12" value="lime" type="radio" checked="checked" onFocus="javascript:zone12.style.backgroundColor='lime'" /></span>
<span style="background:red">
<input name="choix12" value="red" type="radio" onFocus="javascript:zone12.style.backgroundColor='red'" /></span>
<span style="background:white">
<input name="choix12" value="white" type="radio" onFocus="javascript:zone12.style.backgroundColor='white'" /></span>
<span style="background:black">
<input name="choix12" value="black" type="radio" onFocus="javascript:zone12.style.backgroundColor='black'" /></span></td>
</tr>
</table>
<p style="font: italic bold 20px times new roman;color:#a0522d">LEGENDE :</p>
<div style="font:14px Comic Sans MS">
<img src="http://i22.servimg.com/u/f22/11/69/17/78/mode_d10.gif">
DISPONIBLE
<img src="http://i22.servimg.com/u/f22/11/69/17/78/mode_i10.gif">
AU DÉPART
<img src="http://img294.imageshack.us/img294/2512/moded12.gif">
SUR LES LIEUX
<img src="http://img508.imageshack.us/img508/227/moded11.gif">
INDISPONIBLE</div><br />
<input type="button" onClick="verif(this.form)" value="Generer le code" />

</form>

<h2>Apercu du rendu :</h2>
  <div id="apercu" style="height:120px"> </div>
<form id="copie">
<p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();"></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
</form>
</body>
</html>

C'est un générateur de tableau ...

placez ensuite le code suivant dans un message de la partie modération de votre forum :

Code:
<div align="center"><iframe src="http://www.caserne35.com/h16-" frameborder="no" style="height:760px;width:550px;" scrolling="no"></iframe></div>

ça vous permettra d'atteindre facilement le générateur .

2- Remplacez entièrement le code de la page HTML contenant le tableau ( h15- ) par celui ci :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>tableau</title>
</head>
  <body>
<div style="position:absolute;top:0px;left:0px;">
<table style="height: 120px; font-weight: bold; -moz-border-radius:17px; -webkit-border-radius:17px; -o-border-radius:17px; border-radius:17px; background-color:black; text-align:center; font-size:14px; color:blue; width:344px;" cellspacing="1" cellpadding="5">
<tr>
<td style='color: black; font-size: 16px;background:white;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-o-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;' colspan='4'> VEHICULES OPERATIONNELS</td>
</tr><tr>
<td style='background-color: lime;'>CID</td>
<td style='background-color: lime;'>VSR</td>
<td style='background-color: lime;'>CCF</td>
<td style='background-color: lime;'>VLHR</td>
</tr><tr>
<td style='background-color: lime;'>VSAV PL</td>
<td style='background-color: lime;'>FPTDA</td>
<td style='background-color: lime;'>EPA</td>
<td style='background-color: lime;'>VSAV 02</td>
</tr><tr>
<td style='background-color: lime;-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-o-border-radius:0 0 0 15px;border-radius:0 0 0 15px;'>FPT 02</td>
<td style='background-color: lime;'>VTP</td>
<td style='background-color: lime;'>VLM</td>
<td style='background-color: lime;-moz-border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;-o-border-radius:0 0 15px 0;border-radius:0 0 15px 0;'>VLCDG</td>
</tr>
</table>
</div>
</body>
</html>

vous pourrez actualiser votre tableau en remplaçant la partie entre les balises "body" par le code fourni par le générateur ...

dernière étape : remplacez la partie de votre page d'accueil :

<table class="vehiculesBIPintervention" align="center" border="firebrick 3px solid" width="90%">
<tbody><tr><td><table class="tableauvéhicules" style="border-color: black; width: 344px; height: 105px; font-weight: bold;" align="center" border="1px" cellspacing="0" width="343">
<tbody>
<tr>
<td class="td5" style="text-align: center; color: black; font-size: 16px;" colspan="4"> VEHICULES OPERATIONNELS</td></tr>
<tr>
<td style="width: 86px; text-align: center; background-color: Lime; font-size: 14px; color: Blue;">CID</td>
<td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">VSR</td>
<td style="width: 86px; text-align: center; background-color: Lime; color: blue; font-size: 14px;">CCF</td>
<td style="width: 86px; text-align: center; color: blue; font-size: 14px; background-color: Red;">VLHR</td></tr>
<tr>
<td style="text-align: center; color: blue; font-size: 14px; background-color: Red;">VSAV PL</td>
<td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPTDA</td>
<td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">EPA</td>
<td style="text-align: center; font-size: 14px; color: Blue; background-color: LemonChiffon;">VSAV 02</td></tr>
<tr>
<td class="td3" style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">FPT 02</td>
<td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VTP</td>
<td style="text-align: center; background-color: Lime; color: blue; font-size: 14px;">VLM</td>
<td class="td4" style="text-align: center; background-color: Red; font-size: 14px; color: blue;">VLCDG</td></tr></tbody></table>

<br>
<p style="text-align: left;"><span style="font-style: italic; font-weight: bold;"><font color="#a0522d" size="4">LEGENDE :</font></span></p>

par :

Code:
<div align="center"><iframe src="http://www.caserne35.com/h15-" frameborder="no" style="height:120px;width:344px;" scrolling="no"></iframe></div>

ce code peut être repris pour d'autres pages HTML !^^

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 2 Jan 2013 - 13:14

Omg ! Vous en avez fait bien plus que je n'en demandais Smile

Merci beaucoup.

Il y a quelques petits problèmes :

Le code l'iframe pour le générateur ne marche pas pourtant j'ai bien mis h16- pour le générateur et h15- le tableau. Voilà ce que donne :

Code:
<div align="center"><iframe src="http://www.caserne35.com/h16-" frameborder="no" style="height:760px;width:550px;" scrolling="no"></iframe></div>



http://www.caserne35.com/h17-h16

http://www.caserne35.com/h19-h15

De plus l'autre iframe marche mais il donne l'ancien tableau c'est à dire avec des couleurs de fond, alors que h15- est totalement vert, ne devrait il pas être vert dans ce cas ? (vous pouvez le voir sur ma page d'accueil.

Merci encore
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Transmettre un tableau

Message par Scoubifitz le Mer 2 Jan 2013 - 13:22

vu.

le code iframe du générateur est en h17- , donc :

Code:
<div align="center"><iframe src="http://www.caserne35.com/h17-" frameborder="no" style="height:760px;width:550px;" scrolling="no"></iframe></div>
<div align="center"><iframe src="http://www.caserne35.com/h17-" frameborder="no" style="height:760px;width:550px;" scrolling="no"></iframe></div>

pour le message .

le code iframe de la page HTML est en h19- , donc :

Code:
<div align="center"><iframe src="http://www.caserne35.com/h19-" frameborder="no" style="height:120px;width:344px;" scrolling="no"></iframe></div>
<div align="center"><iframe src="http://www.caserne35.com/h19-" frameborder="no" style="height:120px;width:344px;" scrolling="no"></iframe></div>


Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 2 Jan 2013 - 13:29

Ah d'accord je viens de comprendre les "h", je n'avais pas compris.

Merci beaucoup vous de m'avoir consacré pas mal de temps et surtout d'avoir fait bien mieux que ce que je demandais !

edit : j'ai oublié de préciser que ça marche nickel ! ^^

Merci encore
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transmettre un tableau

Message par Scoubifitz le Mer 2 Jan 2013 - 13:30

problème résolu ? résolu

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Transmettre un tableau

Message par _backdraft_ le Mer 2 Jan 2013 - 13:31

For sure !

Very Happy

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

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


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