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:
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:
Default.aspx dosyasına çift tıkladıktan sonra HTML kısmına geçiyoruz:
Ş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:
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
Design sekmesine geçtikten sonra
butonumuza çift tıklayarak
ya da
butonumuzun HTML koduna odaklandıktan sonra sağ ekrandaki "Properties" ekranından şimşek logosuna çift tıklayarak:
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() 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:
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 butonumuz artık normal HTML butonumuza dönüştürülmüş durumda ve butona tıklarsak:
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
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:
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:
Default.aspx dosyasına çift tıkladıktan sonra HTML kısmına geçiyoruz:
Ş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:
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
Design sekmesine geçtikten sonra
butonumuza çift tıklayarak
ya da
butonumuzun HTML koduna odaklandıktan sonra sağ ekrandaki "Properties" ekranından şimşek logosuna çift tıklayarak:
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() 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:
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 butonumuz artık normal HTML butonumuza dönüştürülmüş durumda ve butona tıklarsak:
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
Çok iyi teşekkürler