Transmettre un tableau
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Transmettre un tableau
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
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
Re: Transmettre un tableau
Essaye avec PHP
Re: Transmettre un tableau
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
Merci mais je ne maitrise pas du tout le php, peux tu me donner une piste de recherche s'il te plait ?
Merci
Backdraft
Re: Transmettre un tableau
Bonjour Blackdraft,
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 ?
Comment ça, seulement pour les images ? Je ne comprends pas ce que tu veux dire par-là…J'ai pensé aux iframe mais apparemment ça ne marche uniquement pour les images, y aurait il un autre moyen ?
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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Transmettre un tableau
Peut-tu me communiquer le code de ton tableau ?
Re: Transmettre un tableau
Bonjour,
Merci pour vos réponses, tout d'abord voici le code du tableau placé dans la page d'accueil :
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
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
Re: Transmettre un tableau
UP Merci !
Re: Transmettre un tableau
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 ?
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 ?
Re: Transmettre un tableau
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
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
Re: Transmettre un tableau
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 :
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>
Re: Transmettre un tableau
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...
Voici le code que j'utilise :
Pour effacer ces "doubles bordures" j'ai eu l'idée d'ajouter :
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
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
Re: Transmettre un tableau
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 :
C'est un générateur de tableau ...
placez ensuite le code suivant dans un message de la partie modération de votre forum :
ç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 :
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 :
par :
ce code peut être repris pour d'autres pages HTML !^^
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 !^^
Re: Transmettre un tableau
Omg ! Vous en avez fait bien plus que je n'en demandais
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 :
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
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
Re: Transmettre un tableau
vu.
le code iframe du générateur est en h17- , donc :
pour le message .
le code iframe de la page HTML est en h19- , donc :
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>
Re: Transmettre un tableau
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
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
Re: Transmettre un tableau
problème résolu ?
Re: Transmettre un tableau
For sure !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum