Açılır Pencereler(Pop up Boxes)

Eyl 08, 2013

JavaScript’te üç tip açılır pencere(pop up box) vardır. Bunlar kullanıcıyı uyarmak, kullanıcıdan onay almak veya kullanıcıdan bilgi almak için kullanılır.

Uyarı Penceresi(Alert Box)

Genellikle kullanıcıyı uyarmak için kullanılır.

<html>
<head>
<script type = "text/javascript">
function uyari()
{
alert("Uyarı!");
}
</script></head>
<body onload = "uyari()">
Sayfa içeriği
</body>
</html>

Bu örnekte sayfa yüklendiği zaman kullanıcıya “Uyarı!” metni çıkacaktır ve sadece Tamam düğmesi olacaktır.

Onay Penceresi (Confirm Box)

Kullanıcıya işleme devam edip etmeyeceğinin sorulması için kullanılır. İki seçenek mevcuttur Tamam ve Vazgeç. Kullanıcı Tamam seçeneği tıklanırsa işlem devam eder, Vazgeç seçeneği tıklanırsa işlem iptal edilir.

<html>
<head>
<script type = "text/javascript">
function onay()
{
     var r = confirm("İşleme devam etmek istiyor musunuz?");
     if(r==true)
    {
          alert("İşlem devam ediyor.");
     }
     else
     {
          alert("İşlem iptal edildi.");
     }
}
</script></head>
<body>
<input type="button" onclick="onay()" value="Onay Butonu">
</body>
</html>

Eğer Tamam seçilirse aşağıdaki uyarı ekrana gelir.

Eğer Vazgeç seçilirse aşağıdaki uyarı ekrana gelir.
Bilgi İstemi Penceresi (Prompt Box)

Kullanıcıdan klavye girdisi almak için kullanılır.

<html>
<head>
<script type = "text/javascript">
function bilgiIstemi()
{
var isim = prompt("Lütfen isminizi girin", "İsim");
document.getElementById("msg").innerHTML="Merhaba " + isim;
}
</script></head>
<body>
<input type="button" onclick = "bilgiIstemi()" value = "İsim girmek için tıklayın.">
<br><br>
<div id = "msg"> </div>
</body>
</html>

Tamam seçeneği tıklanarak girilen değer betiğe gönderilir. Eğer Vazgeç seçeneğine tıklanırsa NULL değer gönderilir.

Seyir Defteri

Açılır Pencereler(Pop up Boxes)

KATEGORİLER