Redimensionnement compatibilité IE8 et Opéra
bonjour.
j'ai un scripte qui marche que avec Firefox. j'ai teste avec IE8 et Opera aussi mais rien ne ce passe. d'abort le script:
Code:
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
|
<html>
<head>
</head>
<body>
<table border='1px'>
<thead>
<tr>
<td>id</td> <td>code</td> <td>name</td> <td>city</td> <td>landmark</td>
</tr>
</thead>
<TBODY style="background-color:#DDDDDD;overflow-y: auto;overflow-x:hidden;">
<tr>
<td>1</td> <td>rien</td> <td>jean</td> <td>ici</td> <td>sais pas ou c'est</td>
</tr>
<tr>
<td>2</td> <td>u</td> <td>luc</td> <td>labas</td> <td>4'5''</td>
</tr>
<tr>
<td>3</td> <td>coe</td> <td>math</td> <td>vers</td> <td>145'55'</td>
</tr>
<tr>
<td>4</td> <td>dfde</td> <td>marc</td> <td>pas loin</td> <td>sur la lune</td>
</tr>
<tr>
<td>5</td> <td>we</td> <td>moi meme</td> <td>chez moi</td> <td>j'ai dit chez moi</td>
</tr>
</TBODY>
</table>
<script type="text/javascript">
var a = document.getElementsByTagName('table')[0];
var b = a.getElementsByTagName('tbody')[0];
var c = b.offsetHeight;
//b.setAttribute('height','80px');
b.style.height = '80px';
alert("avant = "+c+" apres ="+b.offsetHeight);
</script>
</body>
</html> |
je constate que le alert avec firefox me montre que la hauteur du tbody a bien ete remplace par 80 mais avec les deux autres navigateurs on a avant = apres.
j'ai teste aussi avec setAttribute mais le resultat est identique.
je reduis la taille du tbody pour faire apparaitre les barres de scroll.
est ce que avec les autres navigateurs on ne peut pas changer le height ou bien c'est moi qui ai ecrit une connerie quelque part?
