Connaître les dimensions du contenu d'un popup

**riete** · 11/08/2009, 17h44

Je suis étonné de ne pas avoir trouvé de réponse à cette question. Ais-je mal cherché où est ce que la solution me crève les yeux ?

La question est dans le titre.

Merci

**Oscar Hiboux** · 11/08/2009, 22h21

Voilà une manière bien simple d'obtenir ce que tu veux.

**Bovino** · 12/08/2009, 08h49

offsetHeight et offsetWidth le font très bien sans Prototype...

**Bovino** · 12/08/2009, 10h30

Envoyé par Bovino

offsetHeight et offsetWidth le font très bien sans Prototype...

**riete** · 12/08/2009, 10h46

Le problème ne semble pas si simple comme tu le dis

Voici un bout de code qui monte mon embarra: le but final étant d'utiliser onload pour redimensionner automatiquement la fenêtre sur le client quelque soit les évolutions du l'interface

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
<html>
<body>
<div id=main>
	<table width="300" bgcolor="#FF6600">
		<tr>
			<td height="100" bgcolor="#FF9900">
 
			</td>
		</tr>
	</table>
 
	<script type="text/javascript" charset="iso-8859-1">
		document.write("vertical=" + document.body.clientHeight + " - horizontal=" + document.body.clientWidth +"<br>");
 
		document.write("Largeur contenu: " + document.getElementById('main').offsetWidth + "<br>");
		document.write("Hauteur contenu: " + document.getElementById('main').offsetHeight + "<br>");
 
		window.resizeTo(document.getElementById('main').offsetWidth, document.getElementById('main').offsetHeight);
	</script>
</div>
</body>
</html>

**Bovino** · 12/08/2009, 10h50

Vu que tu insères ton code avant la fermeture de la div, comment veux-tu pouvoir connaitre ses dimensions...

Code html :

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
<div id=main>
	<table width="300" bgcolor="#FF6600">
		<tr>
			<td height="100" bgcolor="#FF9900">
 
			</td>
		</tr>
	</table>
 
</div>	
	<script type="text/javascript" charset="iso-8859-1">
                document.write("vertical=" + document.body.clientHeight + " - horizontal=" + document.body.clientWidth +"<br>");
                
                document.write("Largeur contenu: " + document.getElementById('main').offsetWidth + "<br>");
                document.write("Hauteur contenu: " + document.getElementById('main').offsetHeight + "<br>");
                
                window.resizeTo(document.getElementById('main').offsetWidth, document.getElementById('main').offsetHeight);
        </script>

**riete** · 12/08/2009, 09h20

Envoyé par Oscar Hiboux

Voilà une manière bien simple d'obtenir ce que tu veux.

Merci pour ta réponse, mais je ne comprends pas cette syntax

Code :

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

var dimensions = $('rectangle').getDimensions();

A y regarder d'un peu plus près ceci fait référence à la notion de prototype que je ne connais obsoluement pas (je vais peut être y regarder de plus près).
Est-il possible d'obtenir les dimensions "à l'ancienne" ?

Connaître les dimensions du contenu d'un popup

JavaScript

Vue hybride

Discussions similaires

Partager

Partager