Sayfa Yüklenirken Modal PopUp Göstermek

Sayfa Yüklenirken Modal PopUp Göstermek

Ocak 15, 2015 | Faruk

Çalışmalarımızda bazen sayfa açılışnda pop up kullanarak kullanıcıya bazı mesajlar vememiz gerekir. Genelde "İşlem Başarılı" gibi mesajlar olur bunlar.

Tabii ne göstereceğiniz tamamen içeriğinize kalmıştır. Bazen sadece mesaj. Bazen "Site kullanım şartlarını kabul ediyorum" şeklinde bir onay butonu olabilir. Ya da sitenin ilgili sayfasına girişte kişinin e-posta adresini almak, ya da kullanıcı kayıt formu göstermek gibi. 

İşte bu durumlarda çok fazla JQuery vb kodlamalara girmeden konuyu çözmek için Twitter Bootstrap'ın Modal Pop Up ı çok kullanışlı olabiliyor.

Yapmamız gereken sadece normalde butonla tetiklenen Modal Div i javascriptle tetiklemek. Kod çok basit. modal-body divi içerisine göstermek istediğiniz mesaj ya da login-form gibi nesneleri koymanız yeterli.

Kodumuz: