Web Programlama | Enver Yurtsever | Webmaster Bloğu

Repeater Sayfalama – Repeater Paging

8 Mayıs 2018 8 yorum

Projelerde en çok kullanılan Asp.net kontrollerinden biri kuşkusuz repeater. Repater kullandıktan sonra sıralama işlemini (Repeater Paging) yapmak için ya jquery paginateTable kullanacağız ya da arka planda PagedDataSource sınıfını kullanacağız.
Bu makalemizde PagedDataSource nasıl kullanıldığına dair ufak bir örnek yapacağız.
Sayfamızda sayfa adedini ve kaçıncı sayfada olduğunu gösteren bir adet label1, ileri linki için ID si linkNext ve ID si linkPrev olan 2 adet HyperLink, ve veritabanına bağlanıp kayıtların aktarıldığı dt – datatable.
Veritabanına bağlanıp DataTable a verileri aktarma yine temel bilgi olduğu için değinmiyorum. Sizin bu kısma kadar geldiğinizi farz ediyorum.

Genel Konular, Web Programlama

Yazılımcılar için yardımcı kaynaklar

7 Mayıs 2018 Yorum yapılmamış

1-) Code Beautifier – CSS kodlarımı formatlamak, optimize etmek için.
http://www.codebeautifier.com/
2-) CSS Sprite Generator – Birden fazla imajları tek imaj haline getirip, yükleme performansı kazandırmak için kullanıyorum. Nam-ı diğer İmage Sprite
http://spritegen.website-performance.org/
3-) Image to Base64 – Bazı imajları CSS dosyasına gömerek yine yükleme performansı oluşturmak için kullanıyorum. Not: Eski tarayıcı uyumluluklarında sorun olabilir.
http://yellowgreen.de/image-to-base64-string-encoder
4-) JS Beautifier – Javascript kodlarını düzenlemek, sıkıştırmak için
http://jsbeautifier.org/
5-) Dean Edwards – Packer – Javascript kodlarımı bir ölçüde sıkıştırmak ve şifrelemek için
http://dean.edwards.name/packer/
6-) Unpacker – Packer ile şifrelediğim yada şifrelenmiş JS kodlarını geri açmak için
http://www.strictly-software.com/unpacker
7-) Colorzilla – İmaj yerine CSS ile gradyan arkaplan oluşturmak için kullanıyorum.
http://www.colorzilla.com/gradient-editor/

Css, Web Programlama

File Upload Şeklini Değiştirmek

27 Nisan 2018 1 Yorum

File upload görünümünü değiştirmek için aşağıdaki css kodlarını kullanabilirsiniz.

.upload {
            width: 106px;
            height: 32px;
            background: url(/eyurtsever/Images/btnfile.png); /* istediğiniz görseli koyun*/
            overflow: hidden;
            margin-bottom: 8px;
            cursor: pointer;
        }
.upload input {
                display: block !important;
                width: 106px !important;
                height: 32px !important;
                opacity: 0 !important;
                overflow: hidden !important;
                cursor: pointer !important;
            }
input.file {
            width: 150px;
            height: 20px;
            border: 1px solid #BBB;
            border-right: 0;
            color: #888;
            padding: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            outline: none;
        }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

.upload {

width: 106px;

height: 32px;

background: url(/eyurtsever/Images/btnfile.png); /* istediğiniz görseli koyun*/

overflow: hidden;

margin-bottom: 8px;

cursor: pointer;

}

.upload input {

display: block !important;

width: 106px !important;

height: 32px !important;

opacity: 0 !important;

overflow: hidden !important;

cursor: pointer !important;

}

input.file {

width: 150px;

height: 20px;

border: 1px solid #BBB;

border-right: 0;

color: #888;

padding: 5px;

-webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

outline: none;

}

Kullanımı :

<input type="file" class="upload">

1	<input type="file" class="upload">

Asp Programlama, Web Programlama

Asp ile Formdan Gelenleri Veritabanına Ekleme

23 Nisan 2018 1 Yorum

Asp ile formdan gelen verileri veritabanına nasıl kaydederiz? Aslında çok basit. Basit bir sorguyla bunu yapalım.

Önce tablomuzu oluşturalım.
Tabloadı : TblMakale
Alanlar : id,baslik,detay

şimdi bu alanlara göre formumuzu oluşturalım:

&lt;form action="makale_kaydet.asp" method="post"&gt;
&lt;input type="text" name="baslik" /&gt; &lt;br/&gt;
&lt;textarea name="detay" &gt;&lt;/textarea&gt;
&lt;/form&gt;

1

2

3

4

</form>

Sql Veritabanı, Web Programlama

MSSQL Collation Değiştirme

14 Mart 2018 Yorum yapılmamış

MSSQL collaction değiştirmek için aşağıdaki kodlar New Query penceresine yazabilirsiniz.

ALTER DATABASE databaseadi_eyurtsever SET SINGLE_USER WITH ROLLBACK IMMEDIATE
ALTER DATABASE databaseadi_eyurtsever COLLATE TURKISH_CI_AS
ALTER DATABASE databaseadi_eyurtsever SET MULTI_USER

1

2

3

ALTER DATABASE databaseadi_eyurtsever SET SINGLE_USER WITH ROLLBACK IMMEDIATE

ALTER DATABASE databaseadi_eyurtsever COLLATE TURKISH_CI_AS

ALTER DATABASE databaseadi_eyurtsever SET MULTI_USER

Veritabanının collation degerini değiştirdik. Fakat tablolardaki alanların collation degerini de değiştirmek gerekiyor. Tabloyu design modunda açtıktan sonra alan özelliklerinde collation değerini “restore default” yapın. Bunu her alan için yapmak gerekiyor.
Tek tek bununla uğraşmak istemiyorsanız , veritabanını oluştururken “options” seçeneğinden collation değerini belirleyin.

Css, Web Programlama

Resmi Css'e Çevirmek | image to css

13 Mart 2018 Yorum yapılmamış

Css 3.0 ile birlikte resmi css e çevirmek mümkün. Belli matrisleri kullanarak kodlarla bunu yapabilirsiniz. Fakat hiç gerek yok. Bu işi yapan siteler var. Sizi hiç uğraştırmadan resminizi css e çeviriyor.

imagetocss sitesine gitmek için aşağıdaki linke tıklayın
http://image2css.alexdoesit.com/

Asp.Net Programlama, Web Programlama

ASP.NET Hazır Sanal Pos Kodları ( 7 Banka )

26 Şubat 2018 73 yorum

Asp.net olarak class’lar halinda kodlanmış 7 bankanın sanal pos kodları. Size sadece gerekli bilgileri class a göndermek kalıyor.
Aşağıdaki 7 bankanın sanal posları bulunmaktadır
1. İş Bankası
2. Garanti Bankası
3. Vakıfbank
4. Akbank
5. Yapı Kredi
6. FinansBank
7. DenizBank

Asp.Net Programlama, Web Programlama

Asp.Net Repeater İçerisindeki Kontrollere Ulaşmak

8 Şubat 2018 Yorum yapılmamış

Merhaba, Asp.net repeater içerisindeki herhangi bir kontrollere ulaşmak için Repeater ın “FindControl” yöntemini kullanabilirsiniz. Aşağıda repater içerisindeki birden fazla “DropDownList” öğelerine erişip işlem yapmamızı sağlayacak ufak bir örnek kod mevcut.

        DataTable dtKitap = null;
        /*
            Buraya datatable ı veritabanından dolduruyoruz. (Yine temel bildi o yüzden es geçiyorum)
         */
        for (int i = 0; i <= RPTKITAPLAR.Items.Count - 1; i++)
        {
            DropDownList drpListe = (DropDownList)RPTKITAPLAR.Items[i].FindControl("drpSure");
            drpListe.DataSource = dtKitap;
            drpListe.DataTextField = "KitapAd,";
            drpListe.DataValueField = "Kitap_Id";
            drpListe.DataBind();
        }

1

2

3

4

5

6

7

8

9

10

11

12

DataTable dtKitap = null;

/*

Buraya datatable ı veritabanından dolduruyoruz. (Yine temel bildi o yüzden es geçiyorum)

*/

for (int i = 0; i <= RPTKITAPLAR.Items.Count - 1; i++)

{

DropDownList drpListe = (DropDownList)RPTKITAPLAR.Items[i].FindControl("drpSure");

drpListe.DataSource = dtKitap;

drpListe.DataTextField = "KitapAd,";

drpListe.DataValueField = "Kitap_Id";

drpListe.DataBind();

}

Jquery & Ajax, Web Programlama

Jquery ile Pdf Görüntüleme Eklentileri

5 Şubat 2018 Yorum yapılmamış

Merhaba arkadaşlar. Pdf dökümanınızı web sayfanız üzerinden görüntülemenize yarayacak ve işinizi kolaylaştıracak bir çok eklenti mevcut. Bir çok formatı ekstra program gerek duymadan açan Google Chrome pdf dosyaları içinde ideal. Fakat amacımız web sayfamızda (mesela popupla) görüntülemekse eklenti listesi,

JavaScript PDF Reader (pdf.js): HTML5 altyapısını kullanarak şık gürünümlü pdf görüntüleme sayfası hazırlayabilirsiniz. Dikkat etmeniz gereken html5 altyapısı kullandığı için Internet Explorer’ın desteklemeyen sürümlerinde sıkıntı yaşamamanız.
DEMO: http://mozilla.github.io/pdf.js/web/viewer.html
jQuery Media Plugin: Tavsiye ettiğim ve sevdiğim bir eklentidir. Pdf dosyalarınızı iframe mantığı sayfanızın istediğiniz köşesinde sitediğiniz boyutlarda gösterebilirsiniz. Sadece Pdf dosyalarınız için değil Ses ve bazı (wmv) video formatlarını da oynatabileceğiniz güzel bir eklenti.
DEMO: http://jquery.malsup.com/media/misc.html
PDFObject: Yine pdf dosyalarınızı sayfanızın istediğini bir divin içerisinde ya da tam ekran sayfa şeklinde göstermenizi sağlayacak bir eklentidir.
DEMO: http://pdfobject.com/examples/index.php

Genel Konular, İnternet, Web Programlama

Windows 8 IIS Kurulum (Resimli Anlatım)

19 Ocak 2018 46 yorum

Windows 8 IIS kurulumu windows 7 ile hemen hemen aynıdır. Aşağıdaki adımları takip ederek windows 8 IIS kurulumunu gerçekleştirebilirsiniz.

İlk önce başlat menüsünü açtık ve Search (Arama) butonuna tıkladık