Cara membuat jendela modal (pop-up) di WordPress. Opsi dan Objek Popup WinRT

Parameter dan objek popup

Jika Anda menyeret jari Anda ke dekat tepi kanan layar jendela 8 (atau tekan Windows+C), tidak hanya muncul di layar tanggal saat ini dan waktu, tetapi juga kolom lima ikon yang disebut pesona.

Tombol tengah mengarah ke layar beranda, tetapi tombol lain menyediakan fitur yang berguna untuk aplikasi Anda. Masing-masing dikaitkan dengan panel yang dapat dibuka dengan menyentuh pesonanya. Saat aplikasi Anda muncul di layar (kecuali dalam keadaan Terjepret), aplikasi dapat mendukung fungsionalitas yang terkait dengan keempat pesona ini, yang akan kami bahas di artikel ini dan artikel selanjutnya.

Jika Anda mengklik pesona "Opsi" untuk program apa pun yang terdaftar sebelumnya, sebuah panel akan terbuka dengan hanya satu tombol "Izin". Tombol ini disediakan sistem jendela, menampilkan daftar izin yang diminta oleh aplikasi Anda di bawah Kemampuan file Package.appxmanifest. Saat runtime, aplikasi dapat menambahkan tombol baru ke panel Opsi; Pada saat yang sama, tombol "Izin" bergerak ke bawah. Biasanya ini tombol tambahan memberikan informasi tentang program Anda: informasi umum, terima kasih, ketentuan penggunaan, dll. Tombol lain dapat menerima data dari pengguna: pengaturan, umpan balik, dll.

Biasanya, fungsi tombol-tombol ini diimplementasikan dengan cara yang familiar: objek Popup dengan turunan UserControl. Secara tradisional, jendela seperti itu ditempatkan di tepi kanan aplikasi dan meluas ke seluruh ketinggian layar.

Untuk mendemonstrasikan teknik ini, saya akan menambahkan jendela Tentang tradisional ke proyek FingerPaint. Karena saya akan mengirimkan program ini ke Toko Windows, panel Tentang akan ditampilkan informasi kontak. Mari kita mulai dengan menyertakan objek UserControl baru di proyek FingerPaint, yang disebut About Box. File XAMLnya terlihat seperti ini:

Program ini dibuat untuk mendemonstrasikan kemampuan Windows Runtime.

Saya memberi kontrol ini lebar tertentu, tetapi bukan tingginya, karena kontrol ini akan meregang sesuai ketinggian jendela tempat ia ditampilkan. Margin kecil dibiarkan di bagian atas dan bawah, dan efek transisi diatur agar panel tampak “memasuki” layar dari kanan. Panel berisi tombol Kembali dengan pengendali Klik dan HyperlinkButton dengan URL situs kami.

Konten HyperlinkButton menyertakan elemen Gambar dengan tautan ke gambar raster, ditambahkan ke folder Aset. Penangan Klik tombol Kembali mengetahui bahwa induk kontrol adalah objek Popup, sehingga mengatur properti IsOpen objek Popup tersebut menjadi false:

Private void OnBackButtonClick(pengirim objek, RoutedEventArgs e) ( // Menutup Popup munculan munculan= ini.Induk sebagai Popup;

jika (popup != null) popup.IsOpen = false; )

Ini adalah salah satu cara untuk menutup jendela waktu.

Perubahan pada FingerPaint dari penerapan jendela Tentang sangat kecil. Konstruktor MainPage menerima objek SettingsPane dan menetapkan event handler CommandsRequested:

Public MainPage() ( // ... // Menetapkan pengendali untuk panel SettingsPane SettingsPane settingsPane = SettingsPane.GetForCurrentView(); settingsPane.CommandsRequested += OnSettingsPaneCommandsRequested; // ... ) Kelas SettingsPane dan kelas serta enumerasi yang menyertainya berada di namespace Windows.UI.ApplicationSettings. Secara konseptual, objek SettingsPane mewakili panel yang ditampilkan Windows ketika pengguna mengklik pesona Pengaturan. Inilah alasan mengapa kita mendapatkan objek SettingsPane alih-alih membuatnya. Saat ditampilkan, panel meminta aplikasi untuk menambahkan fungsi tambahan

(ini terjadi di pengendali CommandsRequested). Menghubungkan ke pesona lain terjadi dengan cara yang sama. SettingsPane juga mendukung Tampilkan() metode yang menampilkan bilah opsi aktif tingkat program

, namun untuk sebagian besar tujuan praktis, menugaskan seorang pengendali pada event CommandsRequested sudah cukup. Tidak perlu menyimpan objek SettingsPane, sehingga dua perintah di konstruktor MainPage dapat digabungkan:

settingsPane.CommandsRequested += OnSettingsPaneCommandsRequested; Acara CommandsRequested terjadi ketika program Anda aktif dan pengguna mengklik pesona Opsi. Ini memungkinkan Anda untuk menambahkan ke panel Opsi. Karena ini terjadi setiap kali Anda mengklik pesona Opsi, perintah tambahan ini dapat disesuaikan keadaan saat ini aplikasi. FingerPaint menangani kejadian CommandsRequested dengan menambahkan satu objek SettingsCommand ke dalam daftar.

Kami menawarkan kepada Anda pilihan 5 layanan Internet paling menarik, menurut kami, untuk membuat pop-up interaktif, yang telah digunakan dalam pemasaran Internet selama lebih dari 20 tahun dan tetap populer hingga saat ini. Alasan mengapa pop-up begitu populer adalah karena pop-up berfokus pada kebutuhan pengguna tertentu - Anda hanya memberikan pengunjung situs Anda apa yang benar-benar dia butuhkan, tepat pada saat dia membutuhkannya. Namun, dalam persiapan jendela pop-up Penting untuk mengambil pendekatan komprehensif terhadap prosesnya - mulai dari memilih layanan online hingga menentukan masa pakai jendela pop-up.

Layanan optimal
Optimonk menawarkan pengaturan terdalam dan profesional. Jika Anda memahaminya dengan baik, Anda bisa mendapatkan hasil yang luar biasa. Dia punya beberapa rencana tarif, yang dimulai dari $29/bulan tetapi menawarkan 14 hari tes gratis periode baru.
Scriptnya mudah dipasang. Anda harus mendaftar di optimonk.com. Pilih templat jendela pop-up yang sesuai di sana dan edit sesuai keinginan. Editor sederhana disediakan untuk mengedit jendela pop-up. Hal ini juga bisa dilakukan dengan mengubah kode CSS atau javascript. Untuk mengubah frasa, Anda perlu memilihnya dengan mouse dan mengeditnya.
Yang sudah jadi ditawarkan solusi warna, namun Anda dapat mengatur nada Anda sendiri. Anda juga dapat memilih animasi yang sesuai. Akan berguna untuk menambahkan jendela pop-up terima kasih yang akan muncul secara otomatis setelah pengguna mengisi dan mengirimkan formulir. Setelah menyimpan pengaturan, Anda perlu mengatur jadwal dan memilih pemicu yang diperlukan, yaitu peristiwa yang akan memicu munculnya pop-up.
DI DALAM layanan ini Penargetan disiapkan dan integrasi dengan sistem CRM paling populer dan layanan email (asing) dilakukan. Setelah menyimpan semua pengaturan, yang tersisa hanyalah menyalin dan menempelkan kode yang dihasilkan ke templat situs di bagian paling akhir halaman, sebelum tag. Tahap terakhir instalasi adalah mengklik OK, yang akan mengaktifkan kampanye. Kemudian Anda akan dapat mengelola Pop-up di akun pribadi Anda.

Keunggulan Optimon:

  • 11 templat yang disiapkan, termasuk dengan pengatur waktu, formulir email dan nama, kupon diskon, Pop-up ganda, dll.
  • Integrasi penuh dengan layanan dan mesin email paling terkenal.
  • Tautan ke Google Analytics.
  • Pemrogram dapat mengatur penargetan terdalam.
  • Analisis yang hebat.
  • Dengan mengubah javascript Anda dapat mengubah teks secara dinamis.

Kekurangan Optimonk:

  • Hanya masa percobaan dua minggu.
  • Harga yang layak.
  • Batas 5.000 pengunjung unik/bulan.
  • Hanya satu domain yang diterima.



layanan Picreel
Tidak buruk layanan berbayar dengan peluang yang diperluas untuk pekerjaan profesional pemasaran Internet. Saat membayar selama 12 bulan. — Diskon 25%.

Setelah mendaftar di picreel.com, Anda harus memilih template yang sesuai:

  • Berlangganan.
  • Pengalihan.
  • Survei.
  • Diskon.
  • Munculan sederhana.
  • Pop-up Besar.
  • Pop-up dari 2 jendela...

Templat apa pun dapat diedit dengan editor sederhana atau dengan mengubah HTML/CSS. Desainnya berubah semudah bidang baru ditambahkan. Anda dapat menyisipkan animasi, penghitung waktu mundur, dan elemen interaktif lainnya. Seperti biasa, pemicu dikonfigurasi, setelah itu pengaturan disimpan dan kode yang dihasilkan dimasukkan ke dalam templat situs web di akhir halaman.

Keunggulan Picreel:

  • Uji coba gratis 30 hari tanpa batasan fungsionalitas.
  • Banyak template.
  • Kompatibilitas penuh dengan CRM dan layanan email (asing).
  • Penargetan yang luas.
  • Analisis yang hebat.
  • Kemungkinan pengujian α & ß.
  • Adaptasi desain untuk perangkat seluler.
  • Program afiliasi.
  • Untuk setiap pengguna yang dirujuk: $25.
  • Sejumlah $100 sudah bisa ditarik, ke Paypal misalnya.

Kekurangan Picreel:

  • Nilainya lumayan, mulai dari $19 per bulan.
  • Batas lalu lintas adalah 3000 unik per bulan atau 30.000 tayangan.
  • Tidak ada paket gratis.

Keuntungan Witget:

  • Harga biasa.
  • bahasa Rusia.
  • Basis data templat yang besar.
  • Selain Pop-up, ada banyak template untuk banner, tombol, form, timer, dan lain sebagainya.
  • Tata letak adaptif untuk perangkat seluler.
  • Jejaring sosial berbahasa Rusia.
  • Ekspor data.
  • Integrasi dengan Layanan berbahasa Rusia buletin email.
  • Akuntansi statistik normal.

Kekurangan Witget:

  • Sangat sulit untuk berkomunikasi dengan Google Analytics.
  • Hanya tes gratis 7 hari dengan harga agak mahal yaitu 990 rubel/bulan.
  • Benar, ada diskon untuk pembayaran di muka.

Keuntungan Addthis:

  • Ketersediaan tarif gratis.
  • Antarmuka yang sederhana.
  • Konten teks dan desain pop-up dapat diubah.
  • Penargetan sangat dapat disesuaikan.
  • Analisis yang luar biasa.
  • Kemungkinan untuk mengunduh alamat email yang dikumpulkan.
  • Desainnya responsif seluler.

Kekurangan Addthis:

Layanan Sumome
Biaya tarif berfitur lengkap mulai dari $40/bulan, meskipun ada juga yang gratis, sudah termasuk fungsi dasar. Hal yang baik tentang layanan ini adalah, selain jendela pop-up, Anda dapat membeli berbagai macam widget di sana, yang akan sangat berguna bagi pemasar Internet. Setelah mendaftar di sumome.com, Anda perlu menentukan URL sumber daya Anda. Kode yang muncul harus disalin ke template di website Anda segera setelah tag. Maka Anda perlu pergi ke sumber daya Anda dan mengklik gambar mahkota, yang akan muncul di bagian atas layar di sebelah kanan.
Selanjutnya, klik ikon “Sumo Store” dan pilih widget yang Anda suka; beberapa widget gratis dan bertanda Gratis. Dengan mengklik tombol widget, Anda harus menunggu hingga widget dipasang dan mengonfigurasi tampilannya. DI DALAM versi lengkap Anda dapat menambahkan bidang dalam bentuk apa pun. DI DALAM versi gratis Anda hanya dapat menggunakan 1 bidang - untuk memasukkan email. Pada paket gratis kamu tidak akan bisa menggunakannya template yang sudah jadi, hanya ada satu yang tersedia, dan di dalamnya Anda hanya dapat mengubah warna latar belakang.
Selanjutnya, Anda perlu mengonfigurasi perilaku pop-up dan memilih halaman di mana pop-up akan muncul. Kemudian pilih CRM dan Layanan Email untuk melakukan sinkronisasi dengan daftar langganan Anda. Anda dapat membuat formulir Anda sendiri dalam versi lengkap di editor HTML. Setelah mengatur semua parameter, yang perlu Anda lakukan hanyalah mengklik SIMPAN dan Anda dapat mulai memantau statistiknya.

Kelebihan Sumome:

  • Tarif gratis.
  • Banyak widget.
  • Kemampuan untuk mengubah teks dan desain pop-up.
  • Email yang dikumpulkan dapat diunduh.

Kekurangan Sumome:

  • Hanya 1 template yang tersedia dalam paket gratis.
  • Tidak semua orang harga terjangkau— $40 per bulan.
  • Widget dijual satu set, bukan satuan.
  • Penargetan memiliki setelan yang jarang.
  • Pencitraan merek tidak dinonaktifkan.

Mari kita rangkum.

Kami menyarankan untuk mulai menggunakan jendela pop-up dengan layanan gratis, lihat reaksi pengguna, konversi dan respons, lalu beli langganan berbayar. Dengan cara ini Anda dapat mengevaluasi efektivitas pop-up dan punya waktu untuk memilih strategi yang tepat promosi. Cobalah beberapa situs, gunakan seluruh alat untuk membuat pop-up, dengan cara ini Anda bisa mendapatkan hasil maksimal dari peluang yang disediakan pop-up.

Kami berharap pilihan ini akan berguna bagi Anda dalam membuat situs web yang berfungsi penuh!

Halo teman teman! Saya sarankan kita berbicara tentang membuat di WordPress jendela modal. Jendela pop-up (modal) secara signifikan memperluas kemampuan situs. Apakah Anda memiliki pesan atau iklan yang harus dilihat oleh setiap pengunjung situs web? Apakah Anda perlu membuat kampanye Anda terlihat? Apakah Anda ingin membuat formulir pendaftaran pop-up di situs web Anda atau formulir berbagi konten? jejaring sosial? Buat jendela modal!

Modal pop-up dirancang untuk menarik perhatian. Muncul di halaman, mereka memblokir konten utama dan memaksa pengguna untuk membiasakan diri dengan konten mereka (teks, video, ajakan bertindak, dll.).

Perhatian! Jangan terintimidasi oleh panjangnya pelajaran ini - tidak ada kesulitan dalam membuat modal windows (baca dan lihat sendiri), saya hanya menjelaskan setiap langkah secara detail.

Algoritma untuk membuat jendela modal di WordPress

WordPress tidak memiliki alat bawaan untuk bekerja dengan pop-up. Kami akan merancang dan menyesuaikannya menggunakan plugin Popup Maker. Misalnya, buat jendela modal dengan video yang muncul saat Anda mengklik tombol (nantinya Anda dapat mengonfigurasinya agar muncul secara otomatis).

  • Instal plugin Pembuat Popup. Aktifkan itu. Izinkan saya mengingatkan Anda: kita telah mempelajari cara memasang plugin.
  • Temukan bagian Pembuat Popup di menu samping di sebelah kiri panel admin dan buka subbagian Tambahkan Popup.
  • Editor jendela modal terbuka. Masukkan nama jendela di kolom di bagian atas halaman (nama hanya akan ditampilkan di panel admin - pengguna tidak akan melihatnya).
  • Tentukan judul untuk jendela tersebut (akan terlihat oleh pengguna) dan masukkan di kolom di atas tombol Tambahkan file media.
  • Di blok Kondisi, pilih dari menu drop-down halaman (kategori) di mana jendela akan muncul. Jika plugin dapat berfungsi di semua halaman situs, pilih Format:Semua.
  • Di bidang besar di bawah toolbar, tambahkan teks, gambar, video atau audio - konten apa pun yang akan ditampilkan di jendela pop-up. Dalam contoh yang sedang dipertimbangkan, saya menambahkan kode untuk video dari YouTube (kami mempelajari menambahkan video ke situs WordPress).
  • Blok Pemicu berisi pengaturan untuk manual atau pembukaan otomatis(aktivasi mandiri) jendela pop-up. Dalam contoh kita, saya memilih nilai Klik Buka.
  • Masukkan ukuran jendela popup di bawah (dalam piksel atau persentase). Jika Anda memilih opsi Otomatis, plugin akan mengubah ukuran jendela modal secara otomatis.
  • Centang kotak di baris Nonaktifkan latar belakang agar halaman situs terlihat di balik jendela pop-up (saya sarankan).
  • Sesuaikan jenis dan kecepatan animasi (opsional: nilai optimal sudah ditetapkan secara default).
  • Sesuaikan posisi jendela di layar. Awalnya plugin memposisikannya di tengah atas.
  • Nilai properti z-index default biasanya tidak perlu diubah.
  • Pilih opsi untuk menutup jendela pop-up. Centang kotak pada baris Click Overlay to Close (jendela akan tertutup ketika Anda mengklik latar belakang di sekitarnya), Tekan F4 untuk Menutup (jendela akan ditutup dengan tombol F4), Tekan ESC untuk Menutup (jendela akan ditutup dengan kunci ESC). Agar tidak mengganggu pengunjung situs dengan teka-teki menutup jendela modal, saya sarankan untuk mencentang semua kotak.
  • Klik Publikasikan.
  • Selamat, jendela modal Anda telah dibuat!

    Tentang menyesuaikan desain jendela popup

    Untuk mengubah desain jendela modal yang dibuat, buka subbagian Tema di bagian Pembuat Popup pada menu samping panel admin (di sebelah kiri).

    Di editor yang terbuka, konfigurasikan latar belakang jendela yang diinginkan, warna dan ukuran font, indentasi, bayangan, dan nama tombol tutup. Rasa dan warnanya… lho, jadi saya tidak akan menjelaskan secara detail tentang kustomisasi desain jendela pop-up. Jika Anda memiliki pertanyaan, tanyakan di komentar.

    Cara mengatur jendela pop-up

    Ingat, kami tidak mengaktifkan fungsi membuka jendela modal secara otomatis di pengaturan plugin? Oleh karena itu, kita perlu mencari tahu bagaimana jendela kita akan terbuka. Mari siapkan jendela yang muncul ketika Anda mengeklik tautan, gambar, atau tombol.

    Plugin Popup Make menetapkan dua kelas CSS unik untuk setiap jendela. Jika Anda menambahkan salah satu kelas ini ke elemen halaman web, maka ketika Anda mengklik elemen ini, jendela modal akan terbuka. Di mana dan bagaimana cara curang Komentar Instagram

    - semua metode. Portal pricemm.com menemukan apa yang lebih murah dan lebih baik: meningkatkan komentar di Instagram sendiri, dengan program, menerima sebagai imbalan, atau memesan layanan di layanan SMM. Pro dan kontra dari setiap metode.

    < a href = "#" class = >Contoh menambahkan kode CSS jendela modal ke link, gambar, dan tombol:< / a >

    Buka jendela modal

    < img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna" / >

    Jendela modal akan muncul ketika Anda mengklik gambar

    < button class = "popmake-obrazets-modalnogo-okna" >Contoh menambahkan kode CSS jendela modal ke link, gambar, dan tombol:< / button >

    Jendela modal diaktifkan setelah klik tombol

    Klik pada elemen HTML setelah menambahkan kelas CSS popmake-obrazets-modalnogo-okna ke dalamnya. Jendela modal yang serupa dengan ini akan muncul:

    Apakah sudah muncul? Besar! Sekarang Anda dapat mengonfigurasi jendela pop-up. Jika jendela tidak terbuka, jelaskan masalahnya di komentar - kami akan meluncurkannya bersama! Untuk kita semua yang berkeliaran melintasi hamparan Saya menemukan situs yang, ketika dimuat segera atau dengan penundaan beberapa detik, muncul dengan konten yang berbeda, baik itu hanya iklan, iklan produk, formulir berlangganan, atau formulir masukan.
    Anda mungkin memiliki sikap berbeda terhadap metode penyajian informasi tersebut. Misalnya, semua jendela pop-up yang muncul saat mengunjungi suatu situs, secara halus, mengganggu, tapi apa pun, itu hanya membuat saya marah, saya ingin segera keluar, meninggalkan situs ini, itulah yang paling sering saya lakukan. kasus. Itu saja browser modern curiga terhadap berbagai jenis pop-up pada tahap awal memuat situs, mereka hanya memblokirnya. Namun, seperti yang bisa kita lihat, banyak sekali webmaster yang menerapkan cara menyajikan informasi yang mengganggu.

    Saya lebih tertarik pada sisi teknis dari masalah ini dan metode penyelesaiannya. Saya tidak perlu memikirkan sesuatu yang istimewa, semuanya sudah ditemukan sejak lama dan berfungsi dengan baik. Hari ini, bersama Anda, kami akan menganalisis secara rinci cara termudah untuk menerapkan pop-up saat memuat situs, menggunakan keajaiban properti baru dan sedikit untuk menidurkan kewaspadaan browser dan memiliki kendali atas waktu munculnya blok informasi. .

    Untuk memulainya, tanpa meninggalkan kasir, pada halaman demo yang disiapkan khusus, Anda dapat melihat hasil akhir dari semua yang akan kami lakukan dengan Anda. Dalam contoh, di jendela pop-up saya menggunakan teks dan beberapa gambar untuk kejelasan. Nantinya Anda bisa memasukkan apapun yang Anda inginkan ke dalam jendela modal, yang utama jangan berlebihan)))).

    markup HTML

    Tata letak jendela popup kami sangat sederhana. Kami hanya membutuhkan dua elemen blok div dengan pengidentifikasi id, untuk mengikat javascript dan membentuk tampilan menggunakan gaya CSS. Elemen ini bertanggung jawab atas posisi, warna latar belakang, transparansi, dan tingkat penggelapannya saat jendela pop-up diluncurkan. Isi jendela modal akan ditempatkan di dalam wadah. Kita juga perlu memberikan link untuk menutup jendela. Untuk contoh yang jelas Mari kita tempatkan judul sederhana dan beberapa paragraf isi teks. Hasilnya, kita akan mendapatkan tata letak lengkap jendela kita yang terlihat seperti ini:

    Jendela Modal!

    Jendela Modal!

    Lebar jendela modal ditetapkan sebagai persentase, bergantung pada lebar wadah induk, dalam dalam contoh ini Ini adalah peredupan latar belakang.

    Dimungkinkan untuk menggunakan thumbnail bawaan yang terletak di kiri atau kanan dalam wadah div terpisah dengan masing-masing kelas .pl-left dan .pl-right khusus.

    Ukuran blok thumbnail juga ditentukan dalam persentase (25%), sehingga memberikan kemungkinan perubahan proporsional bila dilihat di layar berbagai perangkat pengguna.

    Animasi tampilan paling sederhana dengan mengubah properti transparansi (opacity) dari 0 menjadi 1

    Agar jendela tersebut tidak langsung muncul saat situs dimuat, melainkan dengan jeda beberapa detik, kita menggunakan javascript kecil dan dengan bantuannya kita dapat mengatur waktu munculnya jendela pop-up. Semua browser akan bereaksi dengan tenang terhadap situasi ini dan tidak akan memblokir pekerjaan skrip, dan karenanya tampilan jendela pop-up. Yang terbaik adalah memasukkan javascript ini di akhir isi halaman html sebelum tag penutup. Nah, scriptnya sendiri hanya terdiri dari beberapa baris saja:

    < script type= "text/javascript" >var penundaan_popup = 5000;

    setTimeout("document.getElementById("overlay").style.display="block"" , delay_popup) ;

    var penundaan_popup = 5000;

    setTimeout("document.getElementById("overlay").style.display="block"", delay_popup); Dalam contoh, waktu kemunculan jendela diatur ke 5000, yang setara dengan sekitar 5 detik; Anda dapat memasukkan nilai lainnya. Untuk menutup jendela kita cukup menggunakan

    < button class = "close" title= "tombol standar" onclick= "document.getElementById("overlay").style.display="none";" >

    , tag dengan acara onclick dan class = "close" yang ditentukan, untuk kemampuan menata tampilan menggunakan gaya CSS.

    Menutup

    Jadi, kita sampai pada momen paling menarik (menurut saya), pembentukan gaya jendela pop-up.< script type= "text/javascript" src= "js/jquery.cookie.js" >

    Gaya CSS Pertama, mari kita buat pengidentifikasi #overlay yang akan kita gunakan untuk menghubungkan jendela kita dengan javascript dan membuat wadah dasar jQuery terhubung dari jurang maut penyimpanan Google, atau Anda dapat mengunduh dari situsnya
    plugin jQuery dan letakkan di situs web Anda di folder “js” (misalnya). Selanjutnya, sambungkan

    < script type= "text/javascript" >berkas JavaScript

    $(function() ( // Periksa entri cookie tentang kunjungan tersebut // Jika ada entri, tidak terjadi apa-apa jika (!$.cookie("hideModal")) ( // jika cookie tidak disetel, sebuah jendela akan muncul muncul // dengan penundaan 5 detik var delay_popup = 5000; setTimeout("document.getElementById("parent_popup").style.display="block"", delay_popup ) $.cookie("hideModal", true, ( // Waktu penyimpanan cookie dalam hari berakhir: 7, jalur: "/" ));

    Js yang dapat dieksekusi paling baik ditempatkan sebelum tag penutup. Dalam contoh ini saya menunjukkan opsinya menyimpan cookie setelah menutup jendela pop-up selama tujuh hari, ini berarti jendela tersebut akan ditampilkan kepada pengguna pada kunjungan pertamanya, satu kali. Selama tujuh hari berikutnya, atau hingga pengguna menghapus cookie browsernya, jendela tersebut tidak akan muncul.
    Seperti yang Anda pahami, Anda dapat mengikat event handler penulisan cookie ke elemen lainnya. Atur waktu penyimpanan cookie menjadi expired: 7 (dalam contoh adalah 7 hari). Anda menyesuaikan penundaan tampilan jendela di fungsi setTimeout; secara default diatur ke 5000, yaitu jendela akan muncul 5 detik setelah halaman dimuat.

    Pembaruan dari 27 Oktober 2017:

    Sosem berubah sedikit penampilan jendela modal, kacau animasi sederhana tampilan, dengan mengubah properti transparansi (opacity) dari 0 menjadi 1. Pada demo, saya juga menambahkan opsi untuk jendela pop-up dengan entri cookie; saat melihat, jangan lupa bahwa jendela dalam opsi ini muncul setiap kali 7 hari, jadi bersihkan cookie) )).

    Mengenai desain:
    Contoh pembuatan jendela modal, ditaburkan untuk akhir-akhir ini aktif, jadi lihatlah, pilih gaya yang Anda suka dan buat, buat...

    Sekarang saya berharap pasti - Itu dia!

    Hormat kami, Andrey

    Menu konteks (PopupMenu), dipanggil aplikasi Windows klik kanan adalah fitur standar dan nyaman di banyak program. Komponen Delphi PopupMenu dirancang untuk membuat menu konteks tersebut. Karena tampilannya, menu konteks disebut juga menu pop-up.

    Komponen Delphi PopupMenu hampir sama dengan komponen MainMenu dan juga bersifat non-visual. Namun berbeda dengan Menu Utama yang hanya ada satu pada Form, setiap objek yang ditempatkan pada Form dapat memiliki menu pop-up. Oleh karena itu, Anda perlu menempatkan pada Formulir dan program komponen PopupMenu sebanyak menu konteks yang seharusnya digunakan dalam program. Selain itu, menu konteks tidak memiliki beberapa item tingkat atas, karena semua titiknya terletak pada satu kolom vertikal.

    Setelah komponen PopupMenu diletakkan pada Form, maka terbentuklah struktur menu yang sama persis dengan pembuatan Menu Utama (komponen MainMenu). Selanjutnya, agar menu konteks objek tertentu (misalnya, komponen StringGrid) dipanggil dalam program, Anda perlu menetapkan properti PopupMenu objek ini dengan nama komponen Delphi PopupMenu yang sesuai:

    Pada saat kemunculannya menu konteks Peristiwa onPopup dari komponen PopupMenu terjadi. Pada titik ini, berdasarkan analisis situasi, Anda dapat membuat keputusan perubahan yang diperlukan dalam parameternya.

    Dengan mengklik kanan pada suatu objek, kita mendapatkan menu konteksnya, yang disediakan oleh komponen PopupMenu1, yang muncul pada titik klik. Tapi kita bisa mendapatkan kemunculannya di tempat mana pun dengan Bentuk yang kita butuhkan. Hal ini dicapai dengan menggunakan metode Popup dari komponen PopupMenu, sedangkan properti Popup dari komponen terkait (in dalam hal ini StringGrid) perlu dibersihkan.

    Untuk menggunakan metode ini Anda harus menggunakan event klik tombol kanan arahkan mouse ke objek tersebut. Dan lebih tepat menggunakan pelepasan tombol yaitu event onMouseUp objek yang diinginkan. Metode Popup memiliki parameter X dan Y yang masing-masing sesuai dengan jarak horizontal dan vertikal titik klik dari sudut kiri atas layar. Artinya, Anda bisa mendapatkan tampilan menu sepenuhnya di luar Formulir. Di sini, coba gunakan kode ini:

    prosedur
    mulai
    jika Tombol = mbKanan maka PopupMenu1.Popup(0, 0); //menu muncul pada titik (0, 0)
    akhir ;

    Namun event handler onMouseUp juga memiliki parameter X dan Y. Parameter tersebut sesuai dengan jarak horizontal dan vertikal titik klik dari sudut kiri atas Formulir. Namun, jika Anda mencoba menggunakannya dalam metode Popup, menu tidak akan muncul seperti yang Anda harapkan. Untuk mencapai efek yang diinginkan, perlu juga mempertimbangkan posisi Formulir itu sendiri, serta objek di mana menu akan muncul. Tapi bukan itu saja. Penting untuk menambahkan tinggi judul Formulir, yang tidak diketahui, ke nilai X. Semua istilah ini memperumit kodenya.

    Fungsi GetClientOrigin akan membantu Anda menghilangkan sebagian besar istilah. Ini dipanggil tanpa parameter dan mengembalikan offset area klien Formulir relatif terhadap sudut kiri atas layar dalam format TPoint (sebuah titik, yaitu catatan dengan bidang X dan Y). Jadi, yang tersisa hanyalah memperhitungkan posisi objek yang diinginkan. Kode berikut memastikan bahwa menu muncul tepat di lokasi di mana mouse diklik pada komponen StringGrid1:

    procedure TForm1.StringGrid1MouseUp(Pengirim: TObject; Tombol: TMouseButton;
    Pergeseran: TShiftState; X, Y: Bilangan Bulat);
    var P: Titik T;
    mulai
    P:=DapatkanClientOrigin;
    jika Tombol = mbSaat itu juga
    PopupMenu1.Popup(X+P.X+StringGrid1.Kiri, Y+P.Y+StringGrid1.Top);
    akhir ;

    Pelajaran Delphi untuk pemula

    Pertanyaan dan komentar (11) Memecahkan masalah di Delphi

    Andrey, ditambahkan 13/08/10, 18:54:03
    Tapi Anda bisa menulisnya seperti ini, dan Anda tidak memerlukan istilah apa pun sama sekali.

    procedure TForm1.SGMouseUp(Pengirim: TObject; Tombol: TMouseButton;
    titik var: TPoint;
    mulai
    getCursorpos(titik);
    jika Tombol = mbKanan maka PopupMenu1.Popup(titik.X, titik.Y);
    akhir; Penulis, ditambahkan 13/08/10, 19:58:51
    Andre, terima kasih! Ya, fungsi GetCursorPos adalah jawabannya.
    Pepatah, ditambahkan 06/09/10, 19:52:30
    Tolong beritahu saya bagaimana cara mengetahui kapan PopupMenu menghilang? Ada event OnPopup (penampilan), saya hanya membutuhkannya agar ketika menu muncul, teks di jendela berubah menjadi hijau, dan ketika hilang, menjadi hitam lagi. Author, tambah 06/09/10, 20:45: 18
    Saya sedang berlibur sekarang, bukan di depan komputer. Saya dapat menyarankan opsi ini: mendeteksi kapan menu menghilang. Ini pasti terjadi ketika Anda menekan tombol Escape dan ketika Anda memilih item menu (apa pun). Perkenalkan perubahan warna ke dalam peristiwa ini.
    Konstantin, ditambahkan pada 08/05/11, 11:22:55
    bisakah kamu membantu dengan Shape
    singkatnya, saya memiliki bentuk dan tombol dalam satu bentuk, keduanya terletak di kotak grup
    Saya bertanya ini:
    mulai
    procedure TForm15.Shape1MouseDown(Pengirim: TObject; Tombol: TMouseButton;
    Pergeseran: TShiftState; X, Y: Bilangan Bulat);
    jika ColorDialog1.Execute kemudian
    mulai
    Bentuk1.kuas.Warna:= WarnaDialog1.Warna;
    Bentuk1.pena.Warna:= ColorDialog1.Color;
    akhir;
    akhir;
    mulai
    lalu saya berikan tombolnya ini:

    Bentuk1.pena.Warna:= ColorDialog1.Color;
    prosedur TForm15.Button1Click(Pengirim: TObject);
    form15.Warna:=Bentuk1.kuas.Warna;
    Beginilah cara kerjanya, yaitu untuk formulir di mana komponen-komponen tertulis di atas berada
    Program ini berfungsi, tetapi bagaimana cara membuatnya berfungsi untuk formulir lain?

    Penulis, ditambahkan 05/08/11, 12:04:43

    Konstantin, sulit untuk memahami pertanyaan Anda. Apa yang dimaksud dengan menjalankan program dalam bentuk lain? Mungkin Anda perlu memberi warna tidak hanya pada bentuk ke-15, tetapi juga pada bentuk lainnya? Maksudnya form lain juga punya tombol yang kalau diklik akan berubah warna formnya? Dalam hal ini, Anda hanya perlu merujuk pada Bentuk formulir yang ada:
    BentukN.Warna:=Bentuk15.Bentuk1.Kuas.Warna;
    Atau klarifikasi pertanyaan Anda.
    Apakah itu mungkin?
    Konstantin, ditambahkan pada 05/08/11, 12:17:02
    Itu saja, terima kasih atas bantuannya, saya menemukan jawabannya sendiri.
    Penulis, ditambahkan 05/08/11, 12:20:40 Tolong Kostya, ditambahkan 28/10/11 17:09:00 kamu bisa bertahan dengan itu
    kasus terakhir
    dan tanpa TPoint. Ini akan memperpendek kode secara signifikan.

    • Sergei Savenkov

      PopupMenu1.Popup(Mouse.CursorPos.X, Mouse.CursorPos.y) Penulis, ditambahkan 28.10.11, 17:28:13