Membuat Pop Up Menu Jendela baru.dimana jika klik akan menampilkan jendela baru
!DOCTYPE html
html lang="en"
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pop-up Window</title>
<script>
function openPopup() {
window.open("https://www.example.com", "popupWindow", "width=600,height=400,scrollbars=yes");
}
</script>
</head>
<body>
<h1>Click the button to open a pop-up window</h1>
<button onclick="openPopup()">Open Pop-up</button>
</body>
/html
Berikut adalah contoh skrip HTML dan JavaScript yang menampilkan pop-up jendela baru ketika sebuah elemen diklik:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pop-up Window</title>
<script>
function openPopup() {
window.open("https://www.example.com", "popupWindow", "width=600,height=400,scrollbars=yes");
}
</script>
</head>
<body>
<h1>Click the button to open a pop-up window</h1>
<button onclick="openPopup()">Open Pop-up</button>
</body>
</html>
```
Penjelasan:
- Ketika tombol diklik, fungsi `openPopup()` akan dijalankan.
- Fungsi tersebut akan membuka jendela baru dengan URL yang ditentukan (misal: `https://www.example.com`) menggunakan `window.open()`.
- Parameter `"popupWindow"` adalah nama jendela, sementara `width=600,height=400,scrollbars=yes` menentukan ukuran jendela dan memungkinkan scroll. Anda dapat menyesuaikan nilai tersebut sesuai kebutuhan.
Posting Komentar untuk "Membuat Pop Up Menu Jendela baru.dimana jika klik akan menampilkan jendela baru"