Web Programlama | Enver Yurtsever

Css ile Textbox’dan Sarı Kenarları Silmek

08 Ocak 2015 Yorum Yapılmamış

Merhaba, özellikle chrome tarayıcısında tıklanan input, textarea kutularının kenarlarında beliren sinir bozucu sarı kenarlıkları aşağıdaki ufak ama etkili css kodu ile giderebilirsiniz.

textarea:focus, input:focus{
    outline: 0;
}

1

2

3

textarea:focus, input:focus{

outline: 0;

}

kolay gelsin..

Devamını Oku

Asp.Net Programlama, Web Programlama

C# Kodlarını Vb’ye – Vb Kodlarını C#’a Çevirme

08 Ocak 2015 Yorum Yapılmamış

C# kodlarını vb.net koduna ya da vb.net kodunu c# koduna çevirmek için aşağıdaki linki kullanabilirsiniz. 100% çeviri garantisi vermese de yeterince başarılı bir site.

http://converter.telerik.com/

Devamını Oku

Jquery & Ajax, Web Programlama

Jquery ile Kes, Kopyala,Yapıştır Fonksiyonlarını Kapatma

08 Ocak 2015 Yorum Yapılmamış

Merhaba, jquery ile herhangi bir input, textarea, div .. gibi from elemanlarının içeriklerini değiştirme, kopyala, yapıştır gibi işlemeri kısıtlamak için ufak ama etkili bir yöntem. Genellikle üye kayıt formlarında email adresi ve email adresi doğrulama kutularına direkt kopyala yapıştır yapılmasını engellemek için bu inputların kopyala ve yapıştır özellikleri engellenmiştir.

Sayfanıza jquery kütüphanesini ekledikten sonra scriptinize aşağıdaki kodu ekleyerek gerçekleştirebilirsiniz. Aşağıdaki örnekte class ında “pasif” olan html elemanlarında bu kod çalışacaktır.

Jquery:

 $(function () {
        var kontroller = $(".pasif");
        kontroller.bind("paste", function () {
            return false;
        });
        kontroller.bind("drop", function () {
            return false;
        });
        kontroller.bind("cut", function () {
            return false;
        });
        kontroller.bind("copy", function () {
            return false;
        });       
    });

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

$(function () {

var kontroller = $(".pasif");

kontroller.bind("paste", function () {

return false;

});

kontroller.bind("drop", function () {

return false;

});

kontroller.bind("cut", function () {

return false;

});

kontroller.bind("copy", function () {

return false;

});

Denemek için

Devamını Oku

Asp.Net Programlama, Web Programlama

Asp.net ile Metni Sayfalara Bölmek

08 Ocak 2015 1 Yorum

Asp.net bir projemde uzun bir metni kendi içerisinde sayfalara bölerek göstermem gerekti. Biraz araştırma sonucunda örnek bir kodu kendime göre uyarlayarak çözüm bulabildim. Benim gibi uzun uzun aramayın diye paylaşmak istedim.

Projenize

using System.Text.RegularExpressions;

Fonksiyonumuz;

 public static string MetinSayfala(string Metin)
    {
        string Cikti;
        string ThisPage = HttpContext.Current.Request.ServerVariables["SCRIPT_NAME"];

        string SayfaNo;
        SayfaNo = HttpContext.Current.Request.QueryString["yazisayfa"];

        if (Metin.IndexOf("<!--pagebreak-->") != -1)
        {
            string[] Pages = Regex.Split(Metin, "<!--pagebreak-->");
            int TotalPages = Pages.GetUpperBound(0) + 1;
            int sayac = 1;
            int SayfaNumarasi = 1;
            if (SayfaNo != null)
            {
                SayfaNumarasi = System.Convert.ToInt32(SayfaNo);
            }
            Cikti = Pages[SayfaNumarasi - 1];
            Cikti += "<br><br>SAYFA: ";
            while (sayac <= TotalPages)
            {
                if (sayac == SayfaNumarasi)
                {
                    Cikti += sayac.ToString() + " ";
                }
                else
                {
                    Cikti += "<a href=\"" + ThisPage + "?yazisayfa=" + sayac.ToString();
                    Cikti += "\">" + sayac.ToString() + "</a> ";
                }
                sayac++;
            }
        }
        else
        {
            Cikti = Metin;
        }
        return Cikti;
    }

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

32

33

34

35

36

37

38

39

40

public static string MetinSayfala(string Metin)

{

string Cikti;

string ThisPage = HttpContext.Current.Request.ServerVariables["SCRIPT_NAME"];

string SayfaNo;

SayfaNo = HttpContext.Current.Request.QueryString["yazisayfa"];

if (Metin.IndexOf("") != -1)

{

string[] Pages = Regex.Split(Metin, "");

int TotalPages = Pages.GetUpperBound(0) + 1;

int sayac = 1;

int SayfaNumarasi = 1;

if (SayfaNo != null)

{

SayfaNumarasi = System.Convert.ToInt32(SayfaNo);

}

Cikti = Pages[SayfaNumarasi - 1];

Cikti += "<br><br>SAYFA: ";

while (sayac <= TotalPages)

{

if (sayac == SayfaNumarasi)

{

Cikti += sayac.ToString() + " ";

}

else

{

Cikti += "<a href=\"" + ThisPage + "?yazisayfa=" + sayac.ToString();

Cikti += "\">" + sayac.ToString() + "</a> ";

}

sayac++;

}

else

{

Cikti = Metin;

}

return Cikti;

}

Kısaca Açıklarsak; Metin içerisinde “<!–pagebreak–>” geçen kısım aralıklarını sayfalamaya başlıyor.

Devamını Oku

Asp.Net Programlama, Web Programlama

Asp.net İki Tarih Arasındaki Toplam Günü Hesaplama (C#)

08 Ocak 2015 1 Yorum

Asp.net yazılım dilini kullanırken (c#) belirtilen iki tarih arasındaki toplam günü hesaplamak için kısaca aşağıdaki örneği kullanabilirsiniz.

TimeSpan Zaman aralığını temsil ediyor. (Kaynak MSDN)

DateTime baslangictarihi = new DateTime(2013, 08, 01);
DateTime bitistarihi = new DateTime(2013, 08, 15);

TimeSpan arasindakigunler = bitistarihi - baslangictarihi;
double days = arasindakigunler.TotalDays;

Response.Write(days.ToString() + " gün kaldı.");

1

2

3

4

5

6

7

DateTime baslangictarihi = new DateTime(2013, 08, 01);

DateTime bitistarihi = new DateTime(2013, 08, 15);

TimeSpan arasindakigunler = bitistarihi - baslangictarihi;

double days = arasindakigunler.TotalDays;

Response.Write(days.ToString() + " gün kaldı.");

Devamını Oku

Jquery & Ajax, Web Programlama

Jquery ile Pdf Görüntüleme Eklentileri

08 Ocak 2015 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

Devamını Oku

Asp.Net Programlama, Web Programlama

Asp.net Gmail Üzerinden Mail Gönderme

26 Kasım 2014 Yorum Yapılmamış

Bu yazıda asp.net (c#) gmail hesabınız üzerinden mail gönderme işlemini yapacağız. Gmail smtp üzerinden, gmail hesabınızın mail ve şifre bilgilerini girerek istediğiniz mail adresine mail gönderebilirsiniz. Temel bilgiler olup toplu mail ve birden fazla dosya eki eklemekte mümkündür. (yaratıcılığınıza kalmış )

Html kodları

 <table style="background-color: #ffd800; padding: 10px" border="0" cellpadding="0" cellspacing="0">

                <tr>
                    <td class="tdsol">Gönderilecek Email: </td>
                    <td><asp:TextBox ID="txtKime" runat="server"></asp:TextBox> </td>
                </tr>

                <tr>
                    <td class="tdsol">&nbsp; </td>
                </tr>

                <tr>
                    <td class="tdsol">Konu: </td>
                    <td><asp:TextBox ID="txtKonu" runat="server"></asp:TextBox> </td>
                </tr>

                <tr>
                    <td class="tdsol">&nbsp; </td>
                </tr>

                <tr>
                    <td valign="top" class="tdsol">Mesaj: </td>
                    <td><asp:TextBox ID="txtMesaj" runat="server" TextMode="MultiLine" Height="105px" Width="563px"></asp:TextBox> </td>
                </tr>

                <tr>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td>Mail Attachment: </td>
                    <td><asp:FileUpload ID="fuAttach" runat="server" /> </td>
                </tr>

                <tr> <td>&nbsp; </td> </tr>

                <tr>
                    <td colspan="2"> <br /> Gmail Hesap Bilgileri<br /> <hr /> </td>
                </tr>

                <tr>
                    <td>Email: </td>  <td>  <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox> </td>
                </tr>

                <tr>
                     <td>&nbsp; </td> </tr> 
                <tr>
                    <td>Şifre: </td>  <td>  <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> </td>
                </tr>

                <tr>
                    <td>&nbsp; </td>
                </tr>

                <tr>
                    <td></td>
                    <td> <asp:Button ID="BtnGonder" Text=" Maili Gönder " runat="server" OnClick="BtnGonder_Click" /> </td>
                </tr>
            </table>

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

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

<tr>

<td class="tdsol">�nderilecek Email: </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td valign="top" class="tdsol">Mesaj: </td>

</tr>

<tr>

</tr>

<tr>

<td>Mail Attachment: </td>

</tr>

<tr>

<td colspan="2"> <br /> Gmail Hesap Bilgileri<br /> <hr /> </td>

</tr>

<tr>

<td>Email: </td> <td> <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox> </td>

</tr>

<tr>

<tr>

<td>Şifre: </td> <td> <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

Devamını Oku

Asp.Net Programlama, Web Programlama

Asp.Net Repeater İçerisindeki Kontrollere Ulaşmak

20 Kasım 2014 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

13

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();

}

Devamını Oku

Asp.Net Programlama, Web Programlama

Repeater Sayfalama – Repeater Paging

20 Kasım 2014 3 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.

Devamını Oku

Css, Web Programlama

File Upload Şeklini Değiştirmek

16 Ocak 2014 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

32

33

.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">

Devamını Oku