“Bagaimana cara membuat jendela pop-up?” Ini adalah pertanyaan yang sering ditanyakan oleh pemula Dreamweaver. Temukan saja situs web yang menyediakan efek khusus, atau unduh alat efek khusus dan tempelkan kodenya! Ini belum mudah. Sebenarnya, cara yang lebih mudah adalah dengan menggunakan Dreamweaver yang paling umum kami gunakan. Jendela pop-up normal dapat diselesaikan hanya dengan beberapa klik. Tidak percaya? Datang dan lihat! Cukup ikuti langkah-langkah berikut dan Anda dapat dengan mudah membuat efek jendela pop-up.
1. Pertama, panggil panel perilaku dari Window->Behaviors di bilah menu atau langsung tekan tombol pintas Shift+F3.
2. Seperti yang ditunjukkan pada gambar, tekan tanda "+" di sudut kiri atas panel perilaku untuk menambahkan perilaku, dan pilih perilaku "Buka Jendela Browser" di menu pop-up.
3. Setelah memilih perilaku, kotak dialog Buka Jendela Browser akan muncul, seperti yang ditunjukkan pada gambar. Cukup isi informasi jendela yang sesuai di kotak dialog dan klik "OK" untuk menyelesaikan penyesuaian jendela pop-up. di dalam
"URL untuk Ditampilkan": Untuk alamat halaman web yang ingin Anda tampilkan di jendela baru, Anda dapat memasukkan alamatnya secara langsung atau menekan tombol "Jelajahi" untuk menentukannya.
"Lebar Jendela" dan "Tinggi Jendela": masing-masing adalah lebar dan tinggi jendela baru, dalam px.
"Atribut": Ini adalah karakteristik jendela.
"Bilah Alat Navigasi", "Bilah Menu", "Bilah Alat Lokasi", "Bilah Gulir Sesuai Kebutuhan", "Bilah Status", "Ubah Ukuran Pegangan"
Mewakili masing-masing bilah alat, bilah menu, bilah alat pemosisian, bilah gulir, dan pegangan ubah ukuran. Memilih tanda centang di depan lokasi yang sesuai berarti jendela baru memiliki fitur yang sesuai.
“Nama Jendela”: adalah nama jendela target. Anda dapat memilih salah satu, atau Anda dapat menentukan nama jendela di grup bingkai. Saat membuat jendela pop-up, beri nama acak saja.
Setelah menyelesaikan langkah di atas, panel perilaku akan menjadi seperti ini, menunjukkan bahwa jendela penelusuran baru akan terbuka saat memuat halaman (onLoad).
Faktanya, proses penambahan perilaku pada panel perilaku adalah proses Dreamweaver menghasilkan kode Javascript. Pada langkah di atas, kode berikut telah dibuat. Ditampilkan dalam huruf tebal di bawah, komentar antara "< !—" dan "-- >" adalah komentar untuk bagian kode ini:
<html>
<kepala>
<title>Dokumen Tanpa Judul</title>
< meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312" >
< bahasa skrip="JavaScript" >
< !--
function MM_openBrWindow(URL,winName,fitur) { //v2.0
window.open(URL,winName,fitur);
}
//-- >
</ /script >< !—Buka jendela berdasarkan nilai yang diteruskan -- >
</ / kepala >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, dapat diubah ukurannya=ya,lebar=300,tinggi=200')" >
< !—Tetapkan nilai setiap atribut jendela pop-up, teruskan nilai ke setiap parameter formal terkait, dan atur peristiwa pengaktifan ke onLoad-->
Efek jendela pop-up
< /tubuh >
< /html >
Anda dapat memahami kode di atas seperti ini: ketika peristiwa onLoad diaktifkan (yaitu, ketika gambar atau halaman selesai dimuat), metode MM_openBrWindow() dipanggil dan nilainya
"'halaman Anda.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, dapat diubah ukurannya=yes,width=300,height=200'"
(Di sini disebut parameter aktual) Masukkan parameter formal yang sesuai - "theURL, winName, fitur" untuk digunakan oleh window.open(). Perhatikan bahwa ketiga parameter harus diapit oleh tanda kutip tunggal. Di antara kode-kode tersebut, kalimat yang paling kritis adalah:
"window.open(URL,winName,fitur)"
Artinya di jendela bernama winName, buka halaman dengan alamat URL sesuai dengan karakteristik yang ditentukan oleh fitur.
Setelah memahami pengertian kodenya, kita bisa mengetahui bahwa kode tersebut bisa langsung ditulis seperti ini: tambahkan di <body>
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200' )"
Satu kalimat. Cara penulisan ini tidak berbeda dengan efek Dreamweaver yang menghasilkan kode secara otomatis.
Kita sudah mengetahui arti dari ketiga parameter pada window.open() - yang pertama adalah alamat halaman yang akan ditampilkan, yang kedua adalah nama jendela target, dan yang ketiga adalah deskripsi karakteristik tampilan dari jendela tersebut. jendela. Saya tidak akan membahas parameter pertama dan kedua secara detail. Untuk parameter ketiga, kita bisa menulis
"'bilah alat=tidak,lokasi=tidak,direktori=tidak,status=tidak,bilah menu=tidak,bilah gulir=tidak,dapat diubah ukurannya=tidak, lebar=300, tinggi=200,kiri=100, atas=100'"
Di sini, toolbar mewakili toolbar, lokasi mewakili bilah alamat, direktori mewakili bilah navigasi, status mewakili bilah status, menubar mewakili bilah menu, bilah gulir mewakili bilah gulir, resizable mewakili pegangan perubahan ukuran, dan lebar dan tinggi mewakili lebar dan tinggi jendela masing-masing. kiri dan atas mewakili posisi di mana jendela muncul.
Nilai toolbar, lokasi, direktori, status, menubar, scrollbar, dan resizable dapat diatur ke yes, no, 1, atau 0. yes (1) berarti jendela baru memiliki fitur ini, dan no (0) tidak. Nilai lebar, tinggi, kiri, dan atas harus diisi dengan angka, dan satuannya adalah px.
Setelah mengatakan begitu banyak, apakah kamu mengerti? Bukankah mudah untuk menambahkan perilaku dan membuat jendela pop-up di Dreamweaver? Bukankah menulis kode dengan tangan itu sulit? Asalkan Anda berlatih lebih banyak lagi, dalam waktu singkat Anda akan merasakan: Ternyata membuat jendela pop-up itu sederhana sekali!