Resize automatique de la fenêtre

**nakata77** · 04/05/2010, 11h46

Bonjour,

Je voudrai que ma page html se redimensionne automatiquement. Il y a la fonction resizeto() mais il faut absolument lui fixer la taille.

Dans ma page html il y a juste du texte. Est ce que c'est possible d'adapter ma page selon la longueur du texte? si oui, avez vous une idée ?

Cdlt

**defacta** · 05/05/2010, 02h26

On peut mettre le texte dans une div et utiliser offsetWidth et offsetHeight pour connaitre la taille de cette div qui dépendra de la longueur du texte.

Code :

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

1
2
var XDiv = document.getElementById('TheDiv').offsetWidth
var YDiv = document.getElementById('TheDiv').offsetHeight

Ensuite, on peut appeler la fonction resizeto comme tu disais en utilisant les variables XDiv et YDiv...(le mieux serait d'ajouter 20 à XDiv et à YDiv pour que la fenetre ne soit pas exactement à la taille du texte).

**vermine** · 05/05/2010, 07h53

Bonjour,

Sans oublier de préciser l'unité de mesure comme par exemple:

Code :

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

1
2
 
XDiv += 20 + "px";

**nakata77** · 12/05/2010, 10h06

J'ai testé les fonctions, ça me retourne un faux résultat.

Par exemple :

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
<HTML>
	<HEAD>
		<SCRIPT LANGUAGE = "JavaScript">
		function knowsize() {  
			var xyz=document.getElementById("TheDiv");
			alert(xyz.innerHTML);
			var XDiv = document.getElementById("TheDiv").offsetWidth;	
			var YDiv = document.getElementById("TheDiv").offsetHeight;
			alert("XDIV="+XDiv);
			alert("YDIV="+YDiv);		
			//resizeTo(XDiv,YDiv);
		}
		</script>
	</HEAD>
  	<BODY>
		<div id="TheDiv" onClick="knowsize();" >ceci est un test</div>
	</BODY>
</HTML>

le XDIV me renvoi 1240 (la résolution de la fenêtre)
le YDIV me renvoi 19
sous IE6 et la dernière version de firefox

As tu une idée pourquoi le XDIV renvoi la résolution de la fenêtre ?

**vermine** · 12/05/2010, 10h30

Parce que par défaut, la div prend la largeur de la fenêtre et la hauteur d'une ligne.

**nakata77** · 12/05/2010, 11h45

OK, comment je peux faire pour que mon exemple marche ?

**vermine** · 12/05/2010, 11h51

En récupérant le innerHTML de la div, lui calculant sa taille, y ajouter quelques pixels pour faire plus joli et en redimensionnant la fenêtre avec ces nouvelles valeurs.

Resize automatique de la fenêtre

JavaScript

Discussions similaires

Partager

Partager