Discussion :

[Alexdezark]

Bonjour à tous,

Je cherche à créer un tableau qui s'adapte automatiquement à la taille de la fenètre ouverte par l'utilisateur.

J'ai essayé ceci :

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
 
 
<table id="principal" border="1">
  <tr>
    <td>Test de dimensions</td>
  </tr>
</table>
 
<script language="javascript">
var largeur=(window.innerWidth)-30;
var hauteur=(window.innerHeight)-20;
 
document.getElementById("principal").width=largeur;
document.getElementById("principal").height=hauteur;
</script>

ça fonctionne en ce qui concerne la largeur de mon tableau mais absolument pas pour la hauteur...

Quelqu'un peut-il me dire pourquoi ?

Ou s'il y à un meilleur moyen d'arriver à mes fins ?

Bonne journée à tous

[Alexdezark]

petit rectificatif...

ça fonctionne pour la largeur dans Firefox... pas du tout dans IE...

[Bovino]

availHeight et availWidth ?

[Alexdezark]

Bonjour Bovino

Merci de ta réponse... mais le script ci-dessous ne fonctionne pas non plus...

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
 
 
<table id="principal" border="1">
  <tr>
    <td>Test de dimensions</td>
  </tr>
</table>
 
<script language="javascript">
 
 
var largeur=window.availWidth;
var hauteur=window.availHeight;
 
document.getElementById("principal").width=largeur;
document.getElementById("principal").height=hauteur;
</script>

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById("principal").style.width=largeur;
document.getElementById("principal").style.height=hauteur;

[Alexdezark]

non, non...

J'avais déjà essayé ça mais j'ai aussitot une erreur dans la console d'erreur :

Avertissement : Erreur d'analyse de la valeur pour la propriété « height ». Déclaration abandonnée.

Avertissement : Erreur d'analyse de la valeur pour la propriété « width ». Déclaration abandonnée.