Div de la taille de la fenetre : pb

**thomasalbert1993** · 03/01/2008, 19h46

Bonjour

Code :

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

1
2
3
4
5
6
 
<div id="cache" style="position: absolute; filter:alpha(opacity=75); background-color: #000000; left: 0px; top: 0px; z-index: 1;"></div>
<script type="text/javascript">
      document.getElementById('cache').style.width=document.documentElement.scrollWidth+'px';
      document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px';
</script>

Lors de l'execution de ce code, mon div a bien la même hauteur que ma page, mais pas la même largeur : la largeur du div est d'environ 75% de la valeur de ma page.

Alors que avant, j'avais mis ... .width = document.body.clientWidth, et idem pour height. Là j'avais une hauteur de 0, mais une bonne largeur. Jutilise un doctype :

Code :

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

1
2
<!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">

Si je met pour l'un document.documentElement.scrollHeight, et pour l'autre document.body.clientWidth, ça ne fonctionne pas.

Pourriez vous m'aider SVP ?

Merci beaucoup

Thomas ;-)

et y'aurai-til une autre solution pour qu'un div fasse la taille de la page ?

**jln13** · 03/01/2008, 20h56

salut,

c'est innerWidth et innerHeight :

Code :

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

1
2
3
 
document.getElementById('cache').style.width=window.innerWidth+'px';
document.getElementById('cache').style.height=window.innerHeight+'px';

**thomasalbert1993** · 04/01/2008, 11h24

quand je mets ce que tu m'as dis, ça me met une erreur sur une ligne de tableau html qui n'a rien a voir, avec comme erreur: argument non valide

et quand je met ça :

Code :

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

alert('innerWidth = '+window.innerWidth+'\ninnerHeight = '+window.innerHeight);

il me met :

innerWidth : undefined
innerHeight : undefined

Où est l'erreur ?

ps : je travaille sur IE6

**jln13** · 04/01/2008, 11h41

ET oui ... c'est la tout le probleme.. :p

Sous IE aparemment c'est plutot clientWidth et clientHeight. Tu avais dit avoir utilisé ces attributs et que ca marchait pas pour la hauteur il t'affiche quoi pour ce code :

Code :

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

1
2
 
alert('clientWidth = '+document.body.clientWidth +'\nclientHeight = '+ document.body.clientHeight);

Parce que sous mon IE7 ca marche clientHeight...

**thomasalbert1993** · 04/01/2008, 12h00

width: 1003 et height : 0 :S

voila le probleme

et je reprécise (au cas où...) que je souhaite la taille de la PAGE et non de la FENETRE.

**E.Bzz** · 04/01/2008, 12h10

Bonjour,

Envoyé par thomasalbert1993

Code :

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

1
2
3
4
5
6
 
<div id="cache" style="position: absolute; filter:alpha(opacity=75); background-color: #000000; left: 0px; top: 0px; z-index: 1;"></div>
<script type="text/javascript">
      document.getElementById('cache').style.width=document.documentElement.scrollWidth+'px';
      document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px';
</script>

Lors de l'execution de ce code, mon div a bien la même hauteur que ma page, mais pas la même largeur : la largeur du div est d'environ 75% de la valeur de ma page.

Alors que avant, j'avais mis ... .width = document.body.clientWidth, et idem pour height. Là j'avais une hauteur de 0, mais une bonne largeur.

Et bien dans chaque méthode, conserve celle qui fonctionne

Code :

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

1
2
document.getElementById('cache').style.height=document.documentElement.scrollHeight+'px';
document.getElementById('cache').style.width=document.body.clientWidth+'px';

Non ?

A+

**thomasalbert1993** · 04/01/2008, 12h36

je précise aussi que j'utilise le doctype transistional XHTML 1.0

oui c'est bon ça fonctionne !!!

mais je trouve ça bizarre car j'avais deja testé ça avant, et ça ne fonctionnait pas...

**E.Bzz** · 04/01/2008, 13h50

Envoyé par thomasalbert1993

oui c'erst bon ça fonctionne !!!

mais je truve ça bizarre car j'avais deja testé ça avant, et ça ne fonctionnait pas...

Tu ne devais pas avoir le 'px' pour le width, c'est moi qui l'ai ajouté ...

A+

Div de la taille de la fenetre : pb

JavaScript

Discussions similaires

Partager

Partager