Şu sıralar uğraştığım bir projenin video galeri bölümünde, sisteme embed kod ile giriş yapılıyor. Sitedeki bazı elementlerde “position:absolute” kullanılıyor. Flash ile çakışan bölümlerde, Z-index olsa bile wMode eklentisi olmadan etki göstermiyor. Server-Side tarafta bunları replace etmekle uğraşmak yerine çözümü jQuery’de aradım

// FireFox
$("embed").attr("wmode", "opaque");
// IE
$(document).ready(function() {
     var embedTag;
     $("embed").each(function(i) {
         embedTag = $(this).attr("outerHTML");
         if ((embedTag != null) && (embedTag.length > 0)) {
            embedTag = embedTag.replace(/embed /gi, "embed wmode=\"opaque\" ");
            $(this).attr("outerHTML", embedTag);
         }
         else {
            $(this).wrap("<div></div>");
         }
     });
});

jQuery ile kolayca GET metodu ile gelen verilere ulaşabileceğiniz bir fonksiyon… Kullanabilmeniz için jQuery kütüphanesinin sayfanıza entegre etmeniz gerekiyor.

Fonksiyon :

$.urlVeri = function(deger){
var veribul = new RegExp('[\\?&]' + deger + '=([^&#]*)').exec(window.location.href);
return veribul[1] || 0;
}

Örnek Kullanım :
http://www.site.com/default.asp?aramaKriter=Selim

alert($.urlVeri("aramaKriter"));

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. Yazının devamı »

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

function addOnLoad(func) {
if (window.onload) {
var temp = window.onload;
window.onload = function () {
temp();
func();
}
} else {
window.onload = func;
}
}

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ı

function yenifonksiyon() {
// işlemler
}
addOnLoad(yenifonksiyon);

Güle güle kullanın

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…

window.onload= function() {
	ims = document.images;
	for (var i in ims) {
		if (ims[i].width > 600) {
			ims[i].width=600;
			ims[i].height=Math.round(ims[i].height*600/ims[i].width);
		}
	}
}

Güle güle kullanın…