selim topaloÄŸlu

bir programcının günlüğü

Javascript Key Codes

  • Yazar : Selim TopaloÄŸlu
  • Kategori : JavaScript
Çarşamba
24 Eylül 2008

Günün birinde sitenizde javascript ile hotkey fonksiyonları yazacak olursunuz, yada baÅŸka bir projede kullanmanız gerekir… Klavyede bazı tuÅŸlara özel iÅŸlemler yaptırmanız gerekebilir. Her tuÅŸun ayrı bir Key Kodu vardır. A harfinin, F2 nin, Backspace in, Enter ın…

Ne gibi özel işlemler?
Sayfanızdayken M tuÅŸuna basınca x sayfasına yönlendirebilirsiniz…
Textinputlarda belli karakterleri engelleyebilirsiniz vb

Google Readerdan bir kesit… Kısayol tuÅŸlarıyla sistemin kullanılabilirliÄŸini saÄŸlıyor. AÅŸağıdaki listede hepsini bulabilirsiniz. (more…)

  • 2 Yorum

    • window.onLoad()

    • Yazar : Selim TopaloÄŸlu
    • Kategori : JavaScript
    Pazar
    2 Mart 2008

    JavaScriptle çok içli dışlı olduğumuz zaman başımıza birçok dert açılıyor... En sonuncusunu bir süre önce yaşamıştım. Sayfa yüklendiğinde farklı fonksiyonları çalıştırmam gerekiyor kimi zamanlar.

    Eğer daha önce .onLoad eventini kullanarak çalıştırılan bir fonksiyon varsa, bundan sonra bir fonksiyon daha çalıştırmak için aynı eventi kullandığınızda önceki fonksiyon arada kaynıyor gidiyor.

    Bu sorunu ortadan kaldıran bir fonksiyonumuz var artık :)

    PLAIN TEXT
    JavaScript:
    1. function addOnLoad(func) {
    2. if (window.onload) {
    3. var temp = window.onload;
    4. window.onload = function () {
    5. temp();
    6. func();
    7. }
    8. } else {
    9. window.onload = func;
    10. }
    11. }

    Fonksiyon eventı kontrol ediyor... Eğer daha önce belirlenmiş bir işlem varsa onu değişkene kaydediyor. Daha sonra işlemide çağıracak bir fonksiyon olarak çıkartıyor :) Artık .onLoad larımız çok sayıda elemente sahip...

    Kullanımı

    PLAIN TEXT
    JavaScript:
    1. function yenifonksiyon() {
    2. // iÅŸlemler
    3. }
    4. addOnLoad(yenifonksiyon);

    Güle güle kullanın

  • 3 Yorum

    • JavaScript ile resim boyutlandırma

    • Yazar : Selim TopaloÄŸlu
    • Kategori : JavaScript
    Pazartesi
    4 Åžubat 2008

    Sanalcafe forumda böyle birşey gerekliydi, konu ve cevap içeriğindeki büyük boyutlu resimler tasarımı kaydırıyordu.

    Aşağıdaki kod sayfa tamamen yüklendikten sonra, Genişliği 600px den büyük olan resimleri 600px haline getiriyor. Yüksekliğinide buna göre ayarlıyor...

    PLAIN TEXT
    JavaScript:
    1. window.onload= function() {
    2.     ims = document.images;
    3.     for (var i in ims) {
    4.         if (ims[i].width> 600) {
    5.             ims[i].width=600;
    6.             ims[i].height=Math.round(ims[i].height*600/ims[i].width);
    7.         }
    8.     }
    9. }

    Güle güle kullanın...

  • 4 Yorum

    • jQuery Color Picker

    • Yazar : Selim TopaloÄŸlu
    • Kategori : JavaScript
    Pazar
    30 Aralık 2007

    colorpicker.jpg

    SanalCafe de Kendi Temam bölümünde kullandığım bir ColorPicker uygulaması. Kullanım için jQuery e gereksinim duyuyor...

  • Yorum Yaz

    • Kategoriler

    Arsivler

    Baglantilar

    Etiket Bulutu

    Reklamlar

    Son Yazılar


    Meta


    Son Yorumlar


    Copyright © 2007 - selim topaloÄŸlu
    WordPress | Tema : Design Disease