Lompat ke konten Lompat ke sidebar Lompat ke footer

Menggerakkan Layar HTML Menggunakan moveBy Window DOM

Properti window moveBy() DOM pada HTML merupakan properti yang digunakan untuk menggerakkan sebuah window dengan angka spesifik dari satuan ukur relatif terhadap nilai koordinat saat ini. Properti window moveBy() menerima dua parameter x dan y yang ditentukan dalam satuan piksel untuk menggerakkan window secara horizontal dan secara vertikal.

2 Parameter Properti moveBy() Window DOM pada HTML
Properti moveBy()Window DOM

Sebelum memahami lebih dalam materi tentang Menggerakkan Layar HTML Menggunakan moveBy Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Gaya Komputasi HTML Menggunakan getComputedStyle DOM [klik], Membuat Tombol Oke dan Cancel HTML Menggunakan Confirm Window DOM [klik], dan Mengatur Waktu HTML clearTimeout dan clearInterval Window DOM [klik].

Sintak:
window.moveBy(x, y)

Penggunaan Parameter:
  • x: merupakan parameter wajib yang digunakan untuk menentukan jumlah dalam satuan piksel untuk menggerakkan window secara horizontal.
  • y: merupakan parameter wajib yang digunakan untuk menentukan jumlah dalam satuan piksel untuk menggerakkan window secara vertikal.


Berikut adalah ilustrasi program dengan menggunakan properti Window moveBy().

Contoh: menggerakkan window baru terhadap nilai posisi saat ini.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window moveBy() DOM 

pada HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window moveBy() DOM 

pada HTML

</h2>

 

<p>

Untuk membukan window Test, 

lakukan double klik pada 

tombol "Open Window":

</p>

 

<button 

ondblclick="Opwind()">

Open Window

</button>

 

<br>

 

<p>

Untuk menggerakkan window 

Test, lakukan double klik 

pada tombol "Move Window":

</p>

 

<button 

ondblclick="Movewind()">

Move Window

</button>

 

<script>

function Opwind() 

{

TestWindow = window.open("", "TestWindow",

"width=400, height=400");

 

TestWindow.document.write("This is a Test Window.");

}

 

function Movewind() 

{

TestWindow.moveBy(200, 200);

TestWindow.focus();

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Window moveBy() DOM pada HTML

Untuk membukan window Test, lakukan double klik pada tombol "Open Window":


Untuk menggerakkan window Test, lakukan double klik pada tombol "Move Window":


Artikel ini didedikasikan kepada: Muyasyaroh, Nadia Ayu Nuraini, Nandya Febrilia Hilmasari, Nanik Sri Puji Rahmawati, dan Nathanael Yapanani.

5 komentar untuk "Menggerakkan Layar HTML Menggunakan moveBy Window DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti moveBy() Window DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini beberapa jenis browser yang biasa digunakan oleh user untuk mengaktifkan properti moveBy() Window DOM pada HTML:
      ii. Google Chrome
      jj. Internet Explorer
      kk. Firefox
      ll. Opera
      mm. Safari

      Hapus
  2. Apa yang dimaksud dengan method moveBy() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method moveBy() merupakan antarmuka window yang digunakan untuk memindahkan window saat ini dengan nilai jumlah yang telah ditentukan sebelumnya.

      Hapus
    2. Method moveBy() merupakan method yang digunakan untuk memindahkan window relatif terhadap nilai lokasinyas aat ini. Sebaliknya, method window.moveTo() merupakan method yang digunakan untuk memindahkan window ke lokasi absolut.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -