 |
Lightbox2 ve dTree |
 |
23. June 2007, 13:53
|
#1 (permalink)
|
|
Uye Olmayan
Uye No:
Mesajlar: n/a
Seviye: -INF [ ] Aktiflik: NAN / -INF Güç: -INF / -INF Deneyim: NAN%
|
Lightbox2 ve dTree
Arkadaşlar selamlar. Aranıza yeni katıldım. Java Script öğrenmeye çalışıyorum. Şu an önümde ciddi bir proje var ve tıkanmış durumdayım.
Sayfanın birinde kendimce çok başarılı bulduğum dTree isimli scripti() [Yalnızca Kayıtlı Üyeler Linkleri Görebilir. Ücretsiz Üye Olmak İçin Tıklayınız!] kullanıyorum. Basit bir tree scripti. Bu scriptin dallarına link verirlen sadece link adresini verebiliyorsunuz (sayfa1.htm yafa image1.jpg gibi).
Diğer yandan bu ağaç scriptinin dallarına tıklandığında Lihgtbox2( [Yalnızca Kayıtlı Üyeler Linkleri Görebilir. Ücretsiz Üye Olmak İçin Tıklayınız!]) adı verilen script ile resimlerin açılmasını istiyorum. Bu scriptin çalışması için ise <a href="images/image-1.jpg"> gibi bir linin yanında ref="lightbox" tarzında bir etiket ekleme şartı koyuyor. yani link <a href="images/image-1.jpg" ref="lightbox"> şeklinde olmak zorunda.
Anladığım kadarı ile bu script vereceğim şu kodlar ile bu ref="lightbox" özelliğini taşıyan linklerde çalışıyor. Scriptin ilgili kodu :
Kod:
// updateImageList()
// Loops through anchor tags looking for 'lightbox' references and applies onclick
// events to appropriate links. You can rerun after dynamically adding images w/ajax.
//
updateImageList: function() {
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName('a');
var areas = document.getElementsByTagName('area');
// loop through all anchor tags
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));
// use the string.match() method to catch 'lightbox' references in the rel attribute
if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
anchor.onclick = function () {myLightbox.start(this); return false;}
}
}
// loop through all area tags
// todo: combine anchor & area tag loops
for (var i=0; i< areas.length; i++){
var area = areas[i];
var relAttribute = String(area.getAttribute('href'));
// use the string.match() method to catch 'lightbox' references in the rel attribute
if (area.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
area.onclick = function () {myLightbox.start(this); return false;}
}
}
},
Belki kodun içinde bunu ilgilendiren başka bölümlerde vardır ama ben yeni başlamaya çalışan biri olarak bu kadarını anlayabildim.
Benim istediğim sayfadaki linkleri bakıp (ki yukarıdaki kodun bir bölümü bunu yapıyor sanırım) uzantısı "jpg" olan linklerde bu fonksiyonun çalışması gerekli.(dTree scriptinin alt dallarının açılması içinde link tarzı bir tıklama gerektiği için tüm linlerde bu fonksiyonun çalışması karmaşa yaratabilir)
var relAttribute = String(anchor.getAttribute('rel')); satırlarından bu sadece jpg uzantılı olanları bul tarzı bir fonksiyon bulunabilir mi?
Umarım istediğim çok zor değildir.
|
|
|
|
 |
| Seçenekler |
|
|
| Stil |
Konuyu değerlendir |
Normal
|
|
Yetkileriniz
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML-KodlarıKapalı
|
|
|
|
Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 05:45 . |
|
|
|
173, 171, 172, 170, 8, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 249, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 259, 52, 53, 54, 56, 57, 58, 248, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134, 135, 136, 137, 138, 139, 140, 141, 142, 143, 144, 145, 146, 147, 148, 150, 151, 152, 153, 154, 155, 156, 157, 158, 237, 168, 183, 179, 160, 175, 178, 167, 162, 163, 164, 165, 166, 1, 176, 177, 180, 181, 182, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 201, 200, 199, 202, 203, 204, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 222, 219, 220, 221, 229, 230, 231, 232, 233, 234, 235, 236, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 250, 251, 252, 253, 254, 255, 256, 257, 258, 260, 261, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271, 272, 273, 276, 277, 278,
|
|