Serkan Ayyıldız

Meraklı bir yazılım uzmanı...

ASP.Net Mesaj Kutusu Gösterimi

Merhaba Web Yazılımcılar :)

ASP.NET tanıtımının ardından her yeni yazılım dersinde klasikleşmiş olan mesaj kutusunun ASP.NET içerisinde nasıl gösterildiğini göstereceğim.

Aslında bakarsanız bu işlem için iki farklı konu daha öğreneceğiz,bunlardan birincisi ASP.NET'te Response.Write()
metodu diğeri ise javascriptin alert() metodudur.
Konuyu pratik bir şekilde öğrenmek adına öncelikle bir ASP.NET projesi oluşturuyoruz ve projeye mesajApp adını veriyoruz.

Ardından basit bir web form oluşturuyoruz,bunun için projeye aşağıdaki gibi sağ tıklayıp "Add - New Item" yolunu takip ediyoruz:

visual studio

ve gelen ekrandan soldaki webi seçtikten sonra sağ ekrandan web formunu seçip,"Default.aspx" adını verdikten sonra "Add" butonuna tıklıyoruz.

ASP.NET sayfamız projemize aşağıdaki gibi ekleniyor:

ASP.NET

Default.aspx dosyasına çift tıkladıktan sonra HTML kısmına geçiyoruz:

solution explorer

Şimdi ise örneğimizi uygulamak için sol ekrandaki ToolBoxtan bir buton tutup iki div arasına sürükleyip bıraktıktan sonra ID ve Text özelliğini değiştiriyoruz:

HTML

Butonumuzu tıkladıktan sonra tıklanma olayını gerçekleştirmek için "click" eventine geçmek gerekiyor,bunun için iki yol var: birinci yöntem

ASP.NET Button

Design sekmesine geçtikten sonra

visual studio design tab

ASP.NET Button

butonumuza çift tıklayarak

ya da

butonumuzun HTML koduna odaklandıktan sonra sağ ekrandaki "Properties" ekranından şimşek logosuna çift tıklayarak:

HTML Button

HTML Properties

ASP.NET Code Behind

Artık .Net kod kısmına geçtikten sonra makalenin başında belirttiğim teoriyi gerçekleştiriyoruz,öncelikle Response.Write() metodumuzu yazıyoruz:

Response.Write

Response.Write() metodu bizden farklı parametre tiplerinde değişkenler yazmamızı bekliyor,mesaj kutusu için yazacağımız kod metinsel javascript olduğu için aşağı yön tuşuna bastıktan sonra "string" ifadeyi buluyoruz ve içerisine javascript tanımlamasını yazıyoruz:

Javascript alert

Burada yazdığımız kod aslında bildiğimiz javascript kodu olduğu için biraz karışmış gelebilir ancak javascript biliyorsanız
zaten ilk bakışta anlayacaksınız,eğer javascript bilmiyorsanız javascript alt kategorisinde bu konuyla ilgili yazdığım makaleyi okumanızı öneririm.

Aslında javascriptte kod yazarken tek ve çift tırnak ayırımı yer almıyor ancak Response.Write() metodun javascript kodu yazabilmek için çift tırnaklı ifade kullanmak gerekiyor ve hem javascript hem de Response.Write() metodu içerisinde çift tırnak ya da tek tırnak yazmak mümkün olmadığı için sadece javascript kodu içerisinde tek tırnak kullanmış olduk.

Kodları yazdıktan sonra noktalı virgülle metodumuzu kapattık ve şimdi projeyi çalıştırarak test ediyoruz:

Dipnot:Projeyi çalıştırmak için klavyenizden F5'e basmanız yeterlidir.

ASP.NET Button

ASP.NET butonumuz artık normal HTML butonumuza dönüştürülmüş durumda ve butona tıklarsak:
hello world

tam beklediğimiz sonucu alımış durumdayız.

Bu gibi javascript uygulamalarınızı Response.Write() metotu içerisinde uygulamak pek tavsiye edilmiyor çünkü Response.Write() metodu aslında sayfanın sol üst köşesine içerisine yazdığınız parametreyi yazıyor ve bazı durumlarda tasarım hatalarına yol açıyor.Bu gibi durumlar için henüz kesin bir çözüm olmasa da JQuery gibi harici çözümler bulmak mümkün.

Bir ipucu olarak şunu söylemek istiyorum: Response.Write() gibi ASP.NET metodlarında javascript kodlarınızı yazmak isterseniz öncelikle bir HTML sayfası içerisinde javascript kodlarınızı yazın ve ardından ASP.NET içerisine kopyalayın,bu sayede yanlış ve karmaşık kodlarınızı yazarken hatalarla karşılaşmaktan kurtulabilirsiniz.

Bugünkü makalemizin sonuna geldik,bir başka makalede görüşmek dileğiyle hoşçakalın :)

Projeyi İndir

1 Yorum:

  1. Fahri Kayıran
    4/2/2014

    Çok iyi teşekkürler

Bir yorum bırak E-posta adresiniz yayınlanmayacaktır.

Menu