Récupère le décalage horaire par défaut utilisé par toutes les fonctions date/heure dans un script
Pour déplacer ou redimensionner une fenêtre vous pouvez utiliser les méthodes de l’objet window movTo, movBy, resizeTo et resizeBy
.....
La méthode moveTo() déplace le bord gauche et le bord supérieure d'une fenêtre vers les coordonnées spécifiées.
moveTo (), comme le nom de la méthode l’indique, déplace une fenêtre sur les coordonnées indiquées par rapport à l'écran.
Méthodes connexes :
moveBy() - déplace une fenêtre par rapport à sa position actuelle
resizeBy() - se redimensionne la fenêtre en pixels spécifiés
resizeTo() - redimensionne la fenêtre à la largeur et la hauteur
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple la méthode movTO()</title> </head> <body> <p>Ouvrez « maFenetre » et déplace la nouvelle fenêtre vers le coordonnées données :</p> <button onclick="ouvreFenetre()">Ouvrir "maFenetre"</button> <button onclick="movFenetre()">Déplacer "maFenetre"</button> <script> var maFenetre; function ouvreFenetre() { maFenetre=window.open("","maFenetre","width=200,height=100"); maFenetre.document.write("<p>Je suis 'maFenetre'</p>"); } function movFenetre() { maFenetre.moveTo(0,400); maFenetre.focus(); } </script> </body> </html>
Appui de navigateur
La méthode moveTo() est prise en charge dans tous les principaux navigateurs.
Remarque : En spécifiant moveTo(0,0) à l'opéra, se traduit par déplacement de la fenêtre à l'angle supérieur gauche du navigateur, pas l'écran.
Syntaxe
window.moveTo(x,y)
Valeurs de paramètre
Parameter | Description |
---|---|
x | Required. A positive or negative number that specifies the horizontal coordinate to be moved to |
y | Required. A positive or negative number specifies the vertical coordinate to be moved to |
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple la méthodemovTo dépacer la fenêtre vers le centre de l'écran</title> </head> <body> <p>Ouvrez « maFenetre » et déplace la nouvelle fenêtre vers le coin supérieur gauche de l'écran :</p> <button onclick="ouvreFenetre()">Ouvrir "maFenetre"</button> <button onclick="movFenetre()">Déplacer "maFenetre" vers le centre</button> <script> var maFenetre; function ouvreFenetre() { maFenetre=window.open("","maFenetre","width=200,height=100"); maFenetre.focus(); maFenetre.document.write("<p>Je suis 'maFenetre'</p>"); } function movFenetre() { maFenetre.moveTo(screen.width/2-100, screen.height/2-50); maFenetre.focus(); } </script> </body> </html>
La méthode moveBy() déplace une fenêtre, un certain nombre de pixels par rapport à ses coordonnées actuelles.
Utilisez moveBy () pour déplacer une fenêtre horizontalement, verticalement ou les deux, selon la valeur spécifiée en pixels. A noter que la valeur du paramètre négative provoque la fenêtre pour être déplacé dans la direction opposée.
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple la méthodemovTo dépacer la fenêtre par rapport à sa position actuelle</title> </head> <body> <p>Ouvrez « maFenetre » et déplacer la nouvelle fenêtre de 50 px par rapportà sa position actuelle :</p> <button onclick="ouvreFenetre()">Ouvrir "maFenetre"</button> <button onclick="movFenetre()">Déplacer "maFenetre"</button> <script> var maFenetre; function ouvreFenetre() { maFenetre=window.open("","maFenetre","width=200,height=100"); maFenetre.document.write("<p>Je suis 'maFenetre'</p>"); maFenetre.focus(); } function movFenetre() { maFenetre.moveBy(50,50); maFenetre.focus(); } </script> </body> </html>
Appui de navigateur
La méthode moveBy() est prise en charge dans tous les principaux navigateurs.
Syntaxe
window.moveBy(x,y)
Valeurs de paramètre
Paramètre | Description |
---|---|
x | Obligatoire. Un nombre positif ou négatif qui spécifie le nombre de pixels pour déplacer la fenêtre horizontalement. |
y | Obligatoire. Un nombre positif ou négatif qui spécifie le nombre de pixels pour déplacer la fenêtre verticalement. |
La méthode resizeBy() redimensionne une fenêtre selon la valeur spécifiée, par rapport à sa taille actuelle.
La méthode resizeBy() lasse le coin supérieur gauche de la fenêtre du navigateur en place, il déplace les autres coins si nécessaire.
Remarque : Cette méthode déplace le coin inférieur droit de la fenêtre par le nombre de pixels défini spécifié. Le coin supérieur gauche n'est pas déplacé (il reste dans ses coordonnées originales).
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple la méthodemovTo dépacer la fenêtre par rapport à sa position actuelle</title> </head> <body> <p>Ouvrir une nouvelle fenêtre et redimensionner la largeur et la hauteur de 150px :</p> <p><b>Astuce :</b> Cliuez le bouton « redimensionner » plusieurs fois (la fenêtre augmentera 150px pour chaque click).</p> <button onclick="ouvreFenetre()"> Ouvrir </button> <button onclick="resizeFenetre()"> redimensionner </button> <script> var maFenetre; function ouvreFenetre() { maFenetre = window.open("","", "width=100,height=100"); } function resizeFenetre() { maFenetre.resizeBy(150,150); maFenetre.focus(); } </script> </body> </html>
Appui de navigateur
La méthode resizeBy() est pris en charge dans tous les principaux navigateurs.
Syntaxe
resizeBy(width,height)
Valeurs de paramètre
Paramètre | Description |
---|---|
width | Obligatoire. Positif ou un nombre négatif qui spécifie le nombre de pixels pour redimensionner la largeur de |
height | Obligatoire. Positif ou un nombre négatif qui spécifie le nombre de pixels pour redimensionner la hauteur par |
La méthode resizeTo() redimensionne la largeur et la hauteur de la fenêtre.
La méthode resizeTo laisse le coin supérieur gauche de la fenêtre du navigateur en place, il déplace les autres coins si nécessaires.
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple la méthodemovTo dépacer la fenêtre par rapport à sa position actuelle</title> </head> <body> <p>Ouvrir une nouvelle fenêtre et redimensionner la largeur et la hauteur de 150px :</p> <button onclick="ouvreFenetre()"> Ouvrir </button> <button onclick="resizeFenetre()"> redimensionner </button> <script> var maFenetre; function ouvreFenetre() { maFenetre = window.open("","", "width=200,height=200"); } function resizeFenetre() { maFenetre.resizeTo(350,350); maFenetre.focus(); } </script> </body> </html>
Appui de navigateur
La méthode resizeTo() est pris en charge dans tous les principaux navigateurs.
Syntaxe
window.resizeTo(width,height)
Valeurs de paramètre
Paramètre | Description |
---|---|
width | Obligatoire. Définit la largeur de la fenêtre, en pixels |
height | Obligatoire. Définit la hauteur de la fenêtre, en pixels |