serkanaltinoz

Pratik-X Çerçeve ve Paravan Sistemleri

noreply@blogger.com (Serkan ALTINÖZ) — Mon, 01 Feb 2010 11:02:44 PST

Müşteri: Tekpa3
Hizmetler: Ürün Tanıtım Web Sitesi
Link: http://www.pratik-x.com/

Smashing Magazine'de bir türk takvimi

noreply@blogger.com (Serkan ALTINÖZ) — Sun, 31 Jan 2010 15:55:40 PST

Ünlü web sitesi, Smashing Magazine'in her ay yayınladığı masaüstü takvimlerinde, Ocak ayı için yayınlanan takvimler arasında, Banu isimli türk tasarımcı tarafından yapılan, Sultan adlı takvimde vardı. İlk gördüğümde çok şaşırdım. Ama daha çokda gururlandım. Umarım son olmaz. Takvim sayfasına buradan...

Jquery ile form kontrolü yapmak

noreply@blogger.com (Serkan ALTINÖZ) — Tue, 12 Jan 2010 02:56:22 PST

Evet arkadaşlar, bloğumdaki ilk dersimle karşınızdayım. Size ilk dersimde Jquery ile form kontrolü nasıl yapılır onu anlatacağım.

Öncelikle aşağıdaki kodlarla javascript kütüphanelerimizi yüklemeliyiz.

<script type="text/javascript" src="js/jquery-1.3.2.pack.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>

Ardından form dosyamızı hazırlayalım.

<form id="form" method="post" action="#">
        <label for="adsoyad"><b>Adınız Soyadınız:</b></label><br /><input type="text" id="adsoyad" name="adsoyad" class="TextBox" />
        <br /><br />
        <label for="eposta"><b>E-posta Adresiniz:</b></label><br /><input type="text" id="eposta" name="eposta" class="TextBox" />
        <br /><br />
        <label for="msj"><b>Mesajınız:</b></label><br /><textarea id="msj" name="msj" class="TextBox" rows="8"></textarea>
        <br /><br />
        <input type="submit" value="Gönder" class="Button" />
</form>

ve şimdide jquery kodlarımızı yazıyoruz.

<script type="text/javascript">
        $(document).ready(function() {
                //form kontrol ediliyor...yaşasın...
                $("#form").validate({
                        rules: {
                                adsoyad: {
                                        required: true,
                                        minlength: 5
                                },
                                eposta: {
                                        required: true,
                                        email: true
                                },
                                msj: {
                                        required: true
                                }
                        },
                        messages: {
                                adsoyad: {
                                        required: "Lütfen adınızı ve soyadınızı giriniz.",
                                        minlength: "En az 5 harf yazabilirsiniz."
                                },
                                eposta: {
                                        required: "Lütfen e-posta adresinizi giriniz.",
                                        email: "Bu bir e-posta adresi değildir."
                                },
                                msj: {
                                        required: "Lütfen bişeyler yazınız."
                                }
                        }
                });
        });
</script>

Form kontrolümüz bitti.

Balıkesir Özel Altuğ Koleji

noreply@blogger.com (Serkan ALTINÖZ) — Mon, 01 Feb 2010 11:02:24 PST

Müşteri: Balıkesir Özel Altuğ Koleji
Hizmetler: Kurumsal Web Sitesi
Link: http://www.altug.k12.tr/

Merhaba Dünya ...

noreply@blogger.com (Serkan ALTINÖZ) — Wed, 25 Nov 2009 10:52:38 PST

Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya. Merhaba Dünya.