DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

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.

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.


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


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":


Komentar

  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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas