Salut,
voilà, tout d'abord, j'explique la situation...j'ai 20 colonnes à afficher, et vu que ces colonnes peuvent contenir des valeurs, puis voilà, je dois surement utiliser des scroll, j'ai trouvé que c'était pas très pratique, du coup j'ai pensé à diviser mon tableau afficher les éléments les plus important et cacher le reste en utilisant des iframes, je joue avec la propriété visibilty pour cacher/montrer, le iframe en question, c'est bon, tout marche très bien sous FF, mais sous IE, le iframe ne permet bizarrement pas d'afficher le tableau.
sous FF ça s'affiche sans probleme, et puis c'est une iframe avec le src qui permet d'afficher la page c'est bizarre
voilà le code qui n'est qu'un exemple simple, pour montrer en clair mon souci et pour ne pas dire, bon les frames c'est moche, oui mais là, ça résout mon probleme et en plus c'est pas du tout moche , mais ce IE est une vraie catastrophe
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!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=iso-8859-1" />
<title>Document sans titre</title>
</head>
<style type="text/css">
.cache { visibility:hidden; height:0px;}
#huh tr {cursor :pointer; }
 
#huh tr:hover{ cursor :pointer;background:#00FF66;} 
 
 
.style_line
{
 
background:#ccc;
}
 
.style_over
{
cursor :pointer;
background:#00FF66;
}
</style>
<body>
<script language="javascript" type="text/javascript">
function Afficher(objet)
{
   obj=document.getElementById(objet);
    if (obj.className=='cache')
    obj.className='huhu';
    else
    obj.className='cache';
}
function Show(un)
{
thing=document.getElementById(un);
if(thing.className=='style_line')
thing.className='style_over';
else
thing.className='style_line';
}
 
 
</script>
<div id="huh">
<table style="border:1px red solid; width:100%;">
<tr >
    <th style="border:1px red solid;" >Nom</th>
    <th style="border:1px red solid;">prenom</th>
    <th style="border:1px red solid;">Tel</th>
</tr> 
<tr id="huh1" onclick="Afficher('info_supp1');" class='style_line' onmouseover="Show('huh1');"  onmouseout="Show('huh1');">
    <td >Someone</td>
    <td >yeah</td>
    <td >0336559174</td>
</tr> 
 
<tr  height="0px">
 
 
<td colspan="3">
<iframe id="info_supp1" class="cache" src="width__.php" width="100%">
dsfsdfsdf
</iframe>
</td>
</tr>
<tr id="huh2" onclick="Afficher('info_supp2');" class='style_line' onmouseover="Show('huh2');"  onmouseout="Show('huh2');" >
    <td >Someone</td>
    <td >yeah</td>
    <td >0336559174</td>
</tr> 
 
 
 
<tr  height="0px">
 
 
<td colspan="3">
<iframe id="info_supp2" class="cache" src="round.html" width="100%">
Anyone  dadada....
</iframe>
</td>
</tr>
</table>
</div>
 
<iframe id="test" class="cache" src="" width="100%">
dsfsdfsdf
</iframe>
 
 
</body>
</html>
pour la page qui contient le tableau :
c'est une page php, mais bon, c'était pour le teste de voir comment c'est moche d'afficher un tableau avec plusieurs colonnes avec un scroll...etc (pas du tout pratique )
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<table border="1" cellspacing="0">
<?php 
for($j=0;$j<4;$j++)
{
echo '<tr id=\'itsover\' >';
for($i=1;$i<100 ;$i++)
 {
      echo '<td>('.$j.','.$i.')</td>';
          }
       echo'</tr>';
 
 }
 
 ?>
 </table>
</body>
</html>