07

MULTIPLE POPUP IN SAME PAGE, JQUERY SCRIPT

Multiple popup in same page Adalah Sebuah perintah Bagaimana kita membuat popup window pada suatu halaman website, Banyak Jenis popup yang bisa kita gunakan, dengan membuat triger onClick atau dengan otomatis, atau bahkan bisa dengan multy halaman kita membuat dalam satu perintah popup.

Onclick Multiple popup in same page

Dengan perintah Onclick kita bisa menampilkan popup dengan cara Kemudian kita mrmbuat sebuah button untuk memanggil Multiple popup in same page < button class="button">open popup< /button>

Timeout Multiple popup in same page

Selain dengan Onclick kita juga bisa melakukan atau membuat popup dengan menggunakan delay atau Timeout maka Dengan perintah SetTimeout popup akan muncul dengan sendirinya setetlah loading halaman untuk mengatur delay kita bis merubah angka pada 3000/3detik atau bisa di ubah sesuai keinginan kita.

Interval Multiple popup in same page

Selain dengan Onclick dan Timeout kita juga bisa melakukan atau membuat popup dengan menggunakan repaet atau Interval yang arinya akan membuka popup di dalam setiap waktu yang kita tentukan.
maka Dengan perintah SetInterval popup akan muncul dengan sendirinya setiap 3000/3detik atau bisa di ubah sesuai keinginan kita.

Cara Membuat Multiple popup in same page

  • 1 Buatlah sebuah file dengan namafile.html
  • 2 copy script di atas kedalam namafile.html
  • 3 Buka namafile.html menggunakan browser anda
Untuk full script otomatis popup dengan menggunakan interval dan Timeout kita bisa menggunakan script di bawah ini. Kemudian save file namafile.html

Notes

Ganti url1 dan url2 denga url yang di tuju

Jika ada pertanyaan silahkan tinggalkan komentar di bawah ini

Terimakasih sudah membaca artikel Multiple popup in same page

Semoga artikel Multiple popup in same page memberi ilmu bermanfaat bagi visitor kami, penilaian dan komentar akan menambah semangat Aicendo untuk terus menulis dan membagkan artikel artikel yang bermanfaat lainnya.
Ditulis oleh: Admin

Tanggal: 29-07-2022 Pembaruan : 3 bulan lalu

 

Beri nilai


 
BAGIKAN :

Tinggalkan komentar

FLOATING ADS, HTML FLOATING ADS MODAL
AUTO TRANSLATE WEBSITE, AUTOMATICALLY TRANSLATE WEB PAGES
BOUNCE RATE, REDUCING BOUNCE RATE
FLOATING BOX, MEMBUAT FLOATING BOX PADA WEBSITE

Galeri