JavaScript Açılır Pencereleri

• Mayıs Ayı 16, 2024

JavaScript, web sayfalarına etkileşim eklemek için tasarlanmıştır, bu nedenle pop-up kutuları kullanarak bilgi toplamayı ve bir kullanıcıya göstermeyi kolaylaştıran çeşitli işlevlere sahip olması şaşırtıcı değildir. Bu kutulara bakmadan önce, bunların genellikle bilgi toplamanın ve görüntülemenin en basit yolu olmasına rağmen, mutlaka en çekici veya kullanıcı dostu olmadığını unutmayın. Diğer şeylerin yanı sıra, pop-up'lar kullanıcının her mesaj veya girişten sonra pencereyi kapatmak için bir düğmeye basmasını gerektirir - bu hızlı bir şekilde eski olabilir. Ayrıca, bir web tasarımı bakış açısından, pop-up kutularındaki bilgilerin sunumu üzerinde gerçekten çok az kontrole sahipsiniz. Bununla birlikte, doğru yerde ve ılımlılıkta kullanılan pop-up kutuları hem basit hem de etkili olabilir.

Üç tür açılır kutu vardır - uyarı, onayla ve sor. En basit ve en sık kullanılan pop-up uyarıdır. Alert bir argüman alır - kullanıcıya bir mesaj. Bir uyarı kutusu açıldığında, kullanıcı "Tamam" düğmesine basana kadar devam edemez. Bir uyarı kutusunun kodu basittir:

alert ("Bu bir uyarıdır")



Onay kutusu yalnızca biraz daha karmaşıktır. Uyarı gibi onaylamak da bir argüman alır - mesaj. Bir onay kutusu açıldığında, kullanıcıya "Tamam" veya "İptal" düğmelerini kullanarak yanıtlama seçeneği sunulur. Uyarının aksine onaylamada bir dönüş değeri vardır - 0, kullanıcının "İptal" e basması ve 1 "Tamam" anlamına gelir. Bir onay kutusunun kodu, dönüş değerini bir şekilde toplamak istemeniz dışında bir uyarı kutusuyla aynıdır:

save_me = confirm ("Bu bir onaylama pop-up'ıdır")



Pop-up'ların en karmaşık olmasına rağmen, istem hala oldukça basittir. Bilgi istemi iki bağımsız değişken alır - kullanıcıya bir mesaj ve varsayılan bir değer (veya varsayılan değer istemiyorsanız "".) Bilgi istemi kutusu açıldığında, kullanıcı istenen bilgileri girebilir ve "Tamam" düğmesine basabilir. Ayrıca bir "İptal" düğmesi vardır. Dönüş değeri kullanıcının cevabıdır. Kullanıcı iptal ederse dönüş değeri boş. Bilgi istemi kutusunu boş bırakırlarsa, dönüş değeri boş dize ("") olur. Muhtemelen bu değerleri kontrol etmek ve kullanmak yerine özel bir şey yapmak istiyorsunuz boş veya yanıt olarak boş dize. Bir bilgi istemi kutusunun kodu:

response = istemi ("Bu bir istemdir", "Buraya yanıt verin")



Bu pop-up kutuların bir tanıtımını burada görebilirsiniz

---

Video Talimatları: Javascript ile Popup (Açılır) Pencereler Oluşturma (Mayıs Ayı 2024).