Ana Sayfa / Genel / Popup Kutuları

Popup Kutuları

JavaScript Popup Box

 


JavaScript içerisinde 3 adet ileti kutusu tanımlanmıştır: Alert, Confirm, ve Prompt kutuları ya da iletileri diyelim


Alarm Kutusu

 

Alert box genellikle bir bilginin onayını almak için kullanılır.

Kullanıcılar devam edebilmek için Tamam butonuna basmalıdırlar.

 

Sentaks

alert("gösterilecek metin");

 

Örnek

<html>
<head>
<script type="text/javascript">
function show_alert()
{
alert("Ben bir Alert kutusuyum!!");
}
</script>
</head>
<body>

<input type="button" onclick="show_alert()" value="Alert kutusunu göster" />

</body>
</html>

Confirm Box (onay kutusu)

 

Onay kutusu genellikle bir etkinin onaylanması ya da doğrulamasını yapmak için kullanıcılarla etkileşime girer. Bir onay kutusu gösterildiğinde kullanıcı; "Tamam"  ya da "İptal" seçimlerinden birini seçmek zorundadır. Kullanıcı "Tamam" derse dönen değer true; "İptal" derse false dur.

 

Sentaks

confirm("onay metni buraya gelir");

Örnek

 

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Bir seçim yapın");
if (r==true)
  {
 alert("Tamam dediniz");
  }
else
  {
  alert("İptal dediniz. Emin misiniz? :)");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Onay Kutusunu Göster" />

</body>
</html>

Prompt Box (veri girişi kutusu)

Giriş kutusu genelde; kullanıcıların sayfaya girişlerinde kullanılır. Tabii ki istediğiniz yerde kullanabilirsiniz bu en çok rastlanan halidir. Giriş kutusu görüntülendiğinde kullancı onaylayabilir, iptal edebilir ya da bir değer girerek bunları yapabilir. Kullanıcı onaylarsa yani "Tamam" derse (bu tarayıcınızın diline göre "ok" vs. olabilir) ileti kutumuz yazılan şeyleri dönderir, eğer "iptal" denilmişse null dönderir.

Sentaks

prompt("Burada genelde bir soru ifadesi yer alır","Varsayılan Değer");

Örnek

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Lütfen isminizi girin","Harun");
if (name!=null && name!="")
  {
 alert("Merhaba " + name + "! Nasılsınız?");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_prompt()" value="Giriş Kutusunu Göster" />

</body>
</html>

harun Hakkında

Matematikçi...Bilgisayar Yüksek Mühendisi... Bir zamanlar Adli Bilişim uzmanı...

İlginizi Çekebilir

Port Tarama

Bu makalede port taramanın ne olduğuna değinip, farklı port tarama yöntemleri ve güvenlik açıklarını nasıl …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir