FORUM Tom's Hardware » Programmation » HTML / Javascript » Afficher tableau dynamiquement Javascript
 

Afficher tableau dynamiquement Javascript

Il y a 408 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Afficher tableau dynamiquement Javascript
 
rgoezinn
Plus d'informations
n°16361
29-11-2005 à 23:21:05

Bonjour à tous,
 
J'ai un soucis avec le code d'une page Web. Plus précisément, le code qui me pose problème fonctionne sous Firefox mais pas sous IE.
 
Sur une page Web, j'ai plusieurs images superposées, et suivant la zone sur laquelle je passe l'image affichée n'est pas la même. Ceci fonctionne sans problème. Ceci correspond a "document.images[object].style.visibility = 'visible';" dans mon code Javascript.
 
J'aimerais afficher un petit tableau en même temps que je passe sur les zones définies ci-dessus. Cela me pose problème sous IE. Je cherche à afficher les tableaux définis dans les sections <DIV> en utilisant le code javascript "document.getElementById(object).style.visibility = 'visible';". Les ID des <DIV> figurent également dans mon fichier css.  
 
Voici un extrait de mon code CSS :  

Code :
  1. #Secteur1
  2. {
  3.    position: absolute;
  4.    top: 150px;
  5.    left: 700px;
  6.    z-index: 10;
  7.    visibility: hidden;
  8. }


 
 
Voici le code de ma page (épuré : j'ai enlevé entre autres les coordonnées COORDS des maps pour plus de lisibilité)
 

Code :
  1. <html>
  2.     <head>
  3.         <title>www.agri-indus.fr - Nous joindre</title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
  5.         <link rel="stylesheet" type="text/css" href="styleAI.css">
  6.         <script language="javascript">
  7.         <!--
  8.             function show(object)
  9.             {
  10.                 document.images['Secteur1'].style.visibility = 'hidden';
  11.                 document.images['Secteur2'].style.visibility = 'hidden';
  12.                 document.images['Secteur3'].style.visibility = 'hidden';
  13.                 document.getElementById('Secteur1').style.visibility = 'hidden';
  14.                 document.getElementById('Secteur2').style.visibility = 'hidden';
  15.                 document.getElementById('Secteur3').style.visibility = 'hidden';
  17.                 document.images[object].style.visibility = 'visible';
  18.                 document.getElementById(object).style.visibility = 'visible';
  19.             }
  21.             function hide(object)
  22.             {
  23.                 document.images[object].style.visibility = 'hidden';
  24.                 document.getElementById(object).style.visibility = 'hidden';
  25.             }
  26.         -->
  27.         </script>
  28.     </head>
  31.     <body>
  32.     <div id="corps">
  33.                 Contactez le repr&eacute;sentant rattach&eacute; &agrave; votre secteur.<br>
  35.                 <img id="imageAcces1" src="./imgAcces/Nord5.gif" usemap="#carte1" width="800">
  36.                 <map NAME="carte1">
  37.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur1')">
  38.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur2')">
  39.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur3')">
  40.                 </map>
  42.                 <img id="imageAcces2" src="./imgAcces/Nord5_1.gif" usemap="#carte2" width="800" name="Secteur1">
  43.                 <map NAME="carte2">
  44.                     <area shape="POLY" COORDS="" onmouseout="hide('Secteur1')">
  45.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur2')">
  46.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur3')">
  47.                 </map>
  49.                 <img id="imageAcces2" src="./imgAcces/Nord5_2.gif" usemap="#carte3" width="800" name="Secteur2">
  50.                 <map NAME="carte3">
  51.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur1')">
  52.                     <area shape="POLY" COORDS="" onmouseout="hide('Secteur2')">
  53.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur3')">
  54.                 </map>
  56.                 <img id="imageAcces2" src="./imgAcces/Nord5_3.gif" usemap="#carte4" width="800" name="Secteur3">
  57.                 <map NAME="carte4">
  58.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur1')">
  59.                     <area shape="POLY" COORDS="" onmouseover="show('Secteur2')">
  60.                     <area shape="POLY" COORDS="" onmouseout="hide('Secteur3')">
  61.                 </map>
  63.                 <div id="Secteur1">
  64.                     <table border="1" bordercolor="orange">
  65.                         <tr>
  66.                             <td>
  67.                                 <font size=3 color="#ff8800">
  68.                                     Contact 1<br>
  69.                                     T&eacute;l&eacute;phone : 12.34.56.78.90
  70.                                 </font>
  71.                             </td>
  72.                         </tr>
  73.                     </table>
  74.                 </div>
  76.                 <div id="Secteur2">
  77.                     <table border="1" bordercolor="orange">
  78.                         <tr>
  79.                             <td>
  80.                                 <font size=3 color="#ff8800">
  81.                                     Contact 2<br>
  82.                                     T&eacute;l&eacute;phone : 12.34.56.87.90
  83.                                 </font>
  84.                             </td>
  85.                         </tr>
  86.                     </table>
  87.                 </div>
  89.                 <div id="Secteur3">
  90.                     <table border="1" bordercolor="orange">
  91.                         <tr>
  92.                             <td>
  93.                                 <font size=3 color="#ff8800">
  94.                                     Contact 3<br>
  95.                                     T&eacute;l&eacute;phone : 12.34.56.78.09
  96.                                 </font>
  97.                             </td>
  98.                         </tr>
  99.                     </table>
  100.                 </div>
  101.             <br>
  102.         </div>
  103.     </body>
  104. </html>


 
Merci pour vos réponses
 
Rob


Message édité par rgoezinn le 30-11-2005 à 21:27:03

KangOl
Profil : Pointeur
Plus d'informations
n°16369
30-11-2005 à 19:17:13

1/ balise [code]
2/ c'est quoi l'erreur ?


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
rgoezinn
Plus d'informations
n°16376
30-11-2005 à 21:29:28

Salut,
 
1/ Désolé pour la balise. Ca y est je l ai rajoutée.
 
2/ Le problème est le suivant : les tableaux contenus dans mes <div></div> ne s'affichent pas sous IE alors qu il s affichent sous FireFox
 
Merci
 
Rob

rgoezinn
Plus d'informations
n°16462
05-12-2005 à 00:01:47

Pas d'idées ???


Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » Afficher tableau dynamiquement Javascript
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 1.214 secondes
Annonces Google
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout
Les téléchargements