selim topaloğlu » JavaScript

jQuery ile wMode eklentisi

Selim Topaloğlu — Wed, 07 Jul 2010 15:40:17 +0000

Ş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("");
         }
     });
});

jQuery ile URL Verilerini Getirmek

Selim Topaloğlu — Fri, 30 Oct 2009 21:38:16 +0000

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

Javascript Key Codes

Selim Topaloğlu — Wed, 24 Sep 2008 12:29:30 +0000

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.

Key Pressed	Javascript Key Code
backspace	8
tab	9
enter	13
shift	16
ctrl	17
alt	18
pause/break	19
caps lock	20
escape	27
page up	33
page down	34
end	35
home	36
left arrow	37
up arrow	38
right arrow	39
down arrow	40
insert	45
delete	46
0	48
1	49
2	50
3	51
4	52
5	53
6	54
7	55
8	56
9	57
a	65
b	66
c	67
d	68
e	69
f	70
g	71
h	72
i	73
j	74
k	75
l	76
m	77
n	78
o	79
p	80
q	81
r	82
s	83
t	84
u	85
v	86
w	87
x	88
y	89
z	90
left window key	91
right window key	92
select key	93
numpad 0	96
numpad 1	97
numpad 2	98
numpad 3	99
numpad 4	100
numpad 5	101
numpad 6	102
numpad 7	103
numpad 8	104
numpad 9	105
multiply	106
add	107
subtract	109
decimal point	110
divide	111
f1	112
f2	113
f3	114
f4	115
f5	116
f6	117
f7	118
f8	119
f9	120
f10	121
f11	122
f12	123
num lock	144
scroll lock	145
semi-colon	186
equal sign	187
comma	188
dash	189
period	190
forward slash	191
grave accent	192
open bracket	219
back slash	220
close braket	221
single quote	222

window.onLoad()

Selim Topaloğlu — Sun, 02 Mar 2008 02:36:15 +0000

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

JavaScript ile resim boyutlandırma

Selim Topaloğlu — Mon, 04 Feb 2008 06:06:07 +0000

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…

jQuery Color Picker

Selim Topaloğlu — Sun, 30 Dec 2007 14:23:40 +0000

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