2010-11-01 7 views
2

J'ai essayé d'obtenir la largeur de la fenêtre. quand j'utilise document.documentElement.clientHeight (ou) window.innerWidth je peux obtenir exactement ce dont j'ai besoin. Si je me suis connecté en mode minimal, alors si je maximise la fenêtre, la largeur de la fenêtre ne sera pas redimensionnée. J'ai obtenu la largeur de la fenêtre quand elle est réduite. comment puis-je le slove? J'ai également essayé d'utiliser document.body.clientHeight. Mais ici aussi j'ai un problème.La taille de la fenêtre d'affichage est plus grande que ma fenêtre, à cause de la barre d'état.Puis je soustrais la taille de la barre d'état, puis j'ai obtenu la taille de la fenêtre.Si je J'ai encore une autre barre dans ma fenêtre j'ai eu le même problème. Exactement ce que j'ai besoin est de savoir comment obtenir la taille de la fenêtre de l'utilisateur final? S'il vous plaît aidez-moi?Comment puis-je obtenir la taille de la fenêtre d'affichage?

Merci à l'avance

+3

N'oubliez pas que vous pouvez également 'accepter' les réponses - avoir 0% d'acceptation peut dissuader certains contributeurs de répondre – SW4

Répondre

4

des docs jQuery:

http://api.jquery.com/height/
http://api.jquery.com/width/

$(window).width(); // returns width of browser viewport 
$(window).height(); // returns height of browser viewport 
+0

oui j'ai essayé cela aussi mais j'ai eu le même problème Si je me suis connecté en mode minimiser, puis si je maximise la fenêtre, la largeur de la fenêtre ne sera pas redimensionnée. – Ver

+0

avez-vous essayé quelque chose comme $ (fenêtre) .resize (function() {console.log ($ (window) .width();}) 'sur Firebug? –

+0

cela se trouve dans le resize() doc de jQuery: $ (fenêtre) .resize (function() { $ ('body'). prepend ('

' + $(window).width() + '
'); }); –

1

Essayez:

$myviewport.getHeight(); 
$myviewport.getWidth(); 

Où est myviewport la fenêtre OBJET. Vous pouvez également utiliser:

Ext.getCmp('myviewport').getHeight(); 
Ext.getCmp('myviewport').getWidth(); 

Où 'myviewport' est l'ID de l'objet viewport.

Utilisez

.getHeight(true); 
.getWidth(true); 

Pour obtenir la hauteur/largeur rembourrage moins, les marges, les frontières, etc.

+0

Ce qui précède est destiné à une implémentation ExtJS selon votre tagging de la question – SW4

0

En conséquence de la prolifération des différentes idées de navigateurs à ce sujet, il est une chose étonnamment difficile à aller droit. David Mark (auteur de My Library) est particulièrement fort dans ce domaine et a écrit un article sur le sujet: http://www.cinsoft.net/viewport.asp

Questions connexes