Comment obtenir la taille de la fenêtre du navigateur en utilisant Prototype.js version 1.6.0.3?Comment obtenir la taille de la fenêtre du navigateur en utilisant Prototype.js?
12
A
Répondre
4
C'est ma solution qui donne les mêmes valeurs que la barre d'outils Web Developer dans Firefox.
var WindowSize = Class.create({
width: function()
{
var myWidth = 0;
if (typeof(window.innerWidth) == 'number')
{
//Non-IE
myWidth = window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
}
else if (document.body && document.body.clientWidth)
{
//IE 4 compatible
myWidth = document.body.clientWidth;
}
return myWidth;
},
height: function()
{
var myHeight = 0;
if (typeof(window.innerHeight) == 'number')
{
//Non-IE
myHeight = window.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
}
else if (document.body && document.body.clientHeight)
{
//IE 4 compatible
myHeight = document.body.clientHeight;
}
return myHeight;
}
});
21
Selon l'API Prototype documentation:
var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
var width = viewport.width; // Usable window width
var height = viewport.height; // Usable window height
8
Et la même idée, mais plus compact:
var WindowSize = Class.create({
width: window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth),
height: window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight)
});
2
cela fonctionne sur tous les navigateurs modernes et IE6 +:
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
Un Doctype correct est nécessaire
Questions connexes
- 1. Déterminer la position de la fenêtre du navigateur en JavaScript?
- 2. Info-bulle utilisant Prototype.js
- 3. Obtenir la taille de la fenêtre OpenGL dans Android
- 4. Ouvrir la fenêtre Navigateur du programme Java
- 5. Comment créer un DIV basé sur la taille du navigateur?
- 6. WPF/XAML - Mise à l'échelle de la taille du texte à la taille de la fenêtre
- 7. Prototype.js Exception dans le navigateur IE (Version 6) lors du chargement de la page Web
- 8. la taille de la fenêtre maximisée
- 9. comment afficher le message d'actualisation dans la fenêtre du navigateur
- 10. Silverlight 3 hors navigateur: définir la taille de la fenêtre de l'hôte?
- 11. Comment ancrer Firebug dans la fenêtre du navigateur?
- 12. Obtenir la taille du contrôle automatique?
- 13. Comment écrire du contenu dans une autre fenêtre du navigateur en utilisant Javascript?
- 14. ASP.Net: authentification via la fenêtre de connexion du navigateur
- 15. Comment faire en sorte que la fenêtre du navigateur suive en douceur un élément animé?
- 16. Obtenir la poignée de fenêtre en C#
- 17. Comment puis-je obtenir la hauteur de l'écran du navigateur?
- 18. JFrame disparaît derrière la fenêtre du navigateur de l'applet
- 19. Get hauteur de la fenêtre de navigateur entrer dans IE8
- 20. Réduire la fenêtre du navigateur à l'aide de javascript
- 21. Comment étirer un tableau HTML à 100% de la hauteur de la fenêtre du navigateur?
- 22. Ajax utilisant Prototype.js dans OFBiz
- 23. Obtenir la fenêtre contenant d'un contrôle connu en utilisant la poignée de la commande
- 24. Comment obtenir la taille d'un contexte Iphone
- 25. Comment obtenir la taille de fichier non compressé d'un fichier MP3 en utilisant CoreAudio API
- 26. Comment obtenir le titre de la fenêtre active en cours en utilisant C#?
- 27. obtenir l'URL du navigateur Web
- 28. déplacer une image d'une cellule de tableau en haut à gauche de la fenêtre du navigateur en utilisant css seul
- 29. Redimensionner par programme la fenêtre du navigateur dans GWT
- 30. Comment ouvrir une nouvelle fenêtre du navigateur
La largeur est différente à ce que je reçois en utilisant Javascript et aussi la valeur de la barre d'outils Web Developer dans Firefox. Il est assez proche dans mon ceci mais – DaveC
la hauteur est toujours 0 pour moi – grosser