Etiket Arşivi [ JavaScript ] - Sayfa 1 / 2

  1. Haftalık JavaScript Bülteni (JSWeekly)

    20/04/2011 11:55 |JavaScript |

    Web uygulaması geliştiriyor iseniz, CSS ve JavaScript gibi tanımlama ve programlama dillerini sevmeniz ve gelişimlerini takip etmeniz gerekmektedir. Yurt dışında konu ile ilgili birçok site ya da bültenler bulunmaktadır. Bu yazımda, konu ile ilgili olarak ülkemizde olan bir gelişmeyi sizler ile paylaşmak istemekteyim.

    JSWeekly

    JSWeekly JavaScript bülteni, haftalık olarak yayınlaması planlamış olan bir haber kaynağıdır. Geçtiğimiz birkaç gün önce ilk sayısını incelediğim bülten, Html5 gibi popüler konularda yer vermektedir.  Haber bültenine dahil olmak bağlantıyı kullanabilirsiniz.

    Kayıt olmak için (JSWeekly) / http://jsweekly.com/

    Gelecek dönemlerde de ülkemizde ya da Dünya oluşacak gelişmeleri paylaşma devam edeceğim.

    IBRAHIM ATAY 

    Teşekkürler

    footer
  2. The Woork Handbook

    21/03/2010 09:46 |JavaScript |Book |

    Merhaba arkadaşlar bu yazımda sizlere kendimi bir adım daha öteye götürmek amacıyla okumaya başlamış olduğum bir kitap tan bahsetmek istiyorum.kitabın adı “The Woork Handbook”, http://woork.blogspot.com/ adresinde ücretsiz olarak dağıtılan bir kitaptır.kitap içeriği yönünden dağıtım yapılan web adresinde bulunan makalelerden oluşan bir derlemdir.

    twhand_thumb4

    Kitabın dağıtımı yapılmış olduğu web adresi 2008 Aralık ayından buyana 4 milyon gibi bir ziyaretçin uğrak yeri haline gelen bir web adresidir. Web adresinde CSS, HTML, Ajax, web programlama, Mootools, web tasarımı hakkında Scriptaculous ve diğer konularda makalelerin bulunduğu ve kitap içeriğinizde bunların oluşturduğu bir içtiktir.(Tavsiye ederim)

    Kitaba bu adresten erişebilirsiniz…

    footer
  3. JavaScript de Tarayıcı Nesneleri

    21/03/2010 09:33 |JavaScript |

    Navigator nesnesin özellikleri :

    AppName    : tarayıcın adını verir.
    AppVersion : tarayıcının versiyonu verir

    Örnek:

    <html>

       <head>

        <script>

             document.write("versiyon :"+navigator.appVersion+"ad :"+navigator.appName);

        </script>

       </head>

      </html>

     

    naraycnesleri1_thumb5

    window nesnesi özellikleri:

    Alert : mesaj vermek için kullanır.

    Close : pencere kapatmak için

    Confirm : kullanıcıdan onay almak için kullanır.

    Open(url,isim,özellik) : verilen isimde sayfa acar ve verilen url deki web sayfasını yükler

    Örnek:Pencere açma Örneği

    <html>

       <head>

          <script>

              var pencere=window.open("","pencere","toolbar=1");

        </script>

      </head>

    </html>

     

    windows_thumb2

     Open Metodun özellikleri

    Toolbar : tarayıcın araç çubuğun belirler

    Menubar : tarayıcı menü çubuğunu belirler

    Scrollbar : kaydırma çubuğu belirler

    Resizable : açılan pencerenin boyutlandırmasına yarar

    width : pencere genişlik

    Height : yükseklik

    Örnek:Navigator ve Pencere Açma Örneği

    <html>
    <head>
       <script>
        function pencere()
        {
          if(navigator.appName=="Microsoft Internet Explorer"){
             window.open("ie.html","pencere","width=100,Height=100");
          }
          else if(navigator.appName=="Netscape"){
              window.open("fix.html","pencere","width=100,Height=100");
          }
        }
       </script>
    </head>
    <body onload="pencere()">
    </body>
    </html>

    ÖRNEK:Pencere Açma ve Açlan Pencere de Çalışma Örneği

    <html>
    <head>
       <script>
        function msg(){
         alert("merhaba");
        }
        function onay(){
        var cevap=confirm("Pencere acmak istiyor musunuz ??");
        if(cevap==true){
          var pencere;   
          pencere= window.open("","Pencere","width=100,Height=100");
          pencere.document.write("<p><input type=submit value="Tiklasana" onclick="msg()"/></p>"
          pencere.document.write("merhaba");
        }
        else{
          alert("False");
        }
       }
       </script>
    </head>
    <body onload="onay()">
    </body>
    </html>

    Örnek:Prompt Örneği

    <html>
    <head>
       <script>
        var deger=prompt("Deger Giriniz..");
        document.write(deger);
       </script>
    </head>
    <body>
    </body>
    </html>

    footer
  4. JavaScript de Cookie Kullanmak

    21/03/2010 09:32 |JavaScript |

    Merhaba arkadaşa bir çok web uygulamamız da Clinet bilgisayarlada fazla önem taşımayan bilirgilri saklarız. işte Cookie bunu bir şeklidir.bu yazımda Cookie ‘leri javascript ile nasıl kullanabiliceğimizden bahsetmek istiyorum .

    iki adet metodumuz olacak .bu metodlardan biri cookie yazıcak diğeri ise okumamıza sağlayacaktır.

    Cookie ‘ler sadece  Clinet makinelerde bizimbelirlececeğimiz bir sürede bulunurlar bunedenle yazma işlemi yapacağımız fonksiyonda öncelik ile bir zaman hesaplamsı yapmamız gerekmektedir.

    <html>
    <head>
      <script>
        function yazCookie() {
         var gun=1
         var CookieAdi="ibrahimatay.org"
         var deger="Herkese Merhaba"
          //Gün
          if(gun==null || gun=="")gun=365;
         //Date tipi türetildi
         var d=new Date(); 
         d.setTime(d.getTime()+(gun*24*60*60*1000));  
         var zt="; expires="+d.toGMTString();  
         //Cookie oluşturduk
         document.cookie = CookieAdi+"="+deger+zt+"; path=/"; 
        }
      </script>
    </head>
    <body onload="yazCookie();"/>  <!—fonksiyonu çağırdık -->
    </html>

    Yazma işlemini yaptıktan sonra birde okuma işlemine bakalım…

    <html>
    <head>
       <script>
         function cookieoku(){
          var cookieadi="ibrahimatay.org"
          var c=document.cookie ; 
          if (c.indexOf(cookieadi)!=-1) { 
            pos1=c.indexOf("=", c.indexOf(cookieadi))+1;
            pos2=c.indexOf(";",pos1);  
                if(pos2==-1)    pos2=c.length;
            deger=c.substring(pos1,pos2); 
            document.write(deger);
           }
         } 
       </script>
    </head>
    <body onLoad="cookieoku()"/>
    </html>

    Sonuca bakalım

    CookieOkuma_thumb6

    Gördüğünüz gibi javascript ile cookie işlemlerini yapabiliyoruz…

    footer
  5. JavaScript ’e Giriş

    21/03/2010 09:31 |JavaScript |

    Merhaba arkadaşlar bu dersimiz de JavaScript konusuna giriş yapacağız . Öncelikle şunu söylemek isterim ki JavaScript ile java arasında bir bağlantı olmadığını, Java isminde telif hakkın alınarak kullanılmıştır.JavaScript tanımlarsını html tağlarınızın head kısmına açılan Script tağlarının arasına yazılır.

    <html>
    <head>
       <script>
    // bu bölüme Script kodlaını yazarız
       </script>
    </head>
    </html>

    JavaScript de mesaj verme komutu alert ‘ dır şimdi hem bu komutu kullanalım  hem de bu konuyla ilgili bir örnek yapmış olalım

    <html>
    <head>
       <script>
         alert('merhaba');
       </script>
    </head>
    </html>

    Şimdi  sayafyı açtığımız da merhaba mesajını alınacaktır.

    footer