Merhaba arakdaşlar,
Sonunda beklenen makale geldi, eşim dostum ve r10’dan gelen pm’ler genelde bir elemente tıklamayı yapyıyorum ama o elemente tıklamama nasıl oluyor diye soruyorlardı bende hep hazır kod veriyordum bu konuyuda stabile bağlayalım istedim.
Hemem kodlara geçiyorum,
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
$(document).ready(function () { /** * jQuery tıklama **/ $('.kutu a').click(function () { alert("'" + $(this).html() + "'" + " linkine tıklanıldı"); /* * return false'yi sayfayı yonlendirmesin diye kullandım. **/ return false; }); /** * jQuery ile body'de ki herhangi bir yere tıklanınca **/ $('*').click(function (e) { /** * Tiklanilan elementi kontrol ettiyoruz * * e.target = tiklanilan element * is('.kutu') = tiklanilan element kutu elementimi * **/ if (!$(e.target).is('.kutu') && !$(e.target).is('.kutu *')) { alert("kutu div'ine veya kutu div'inin iç tarafına tıklanılmadı") } }); }); |
Kodlarımızı tek tek anlatalım;
|
1 |
$(document).ready(function(){ |
Sayfa yüklenince
|
1 |
$('.kutu a').click(function(){ |
kutu div’inin içindeki a linki click olduğunda
|
1 |
alert("'"+ $(this).html() +"'" + " linkine tıklanıldı, sizi yönlendiriyorum :D"); |
A tagının içeriğini ve yanına bir kaç text element ekleyerek uyarı ver.
|
1 |
return false; |
Burada return false’yi yonlendirme yapmasın diye kullandım
Şimdi asıl kısım geliyor (jQuery ile istenilen dışındaki bir yere tıklama)
|
1 |
$('*').click(function(e){ |
Sayfanın içindeki herhangi bir element’e tıklanınca
|
1 |
if(!$(e.target).is('.kutu') && !$(e.target).is('.kutu *')) |
Burası asıl kısım,
Tıklanan element = e.target
|
1 |
!$(e.target).is('.kutu') && !$(e.target).is('.kutu *') |
Tıklanan element’i is ile kontrol ettiriyoruz, tıklanan element is(‘.kutu’) ve kutu div’inin içindeki elemanlardan farklı bir elemet ise, uyarı veriyoruz.
İşlem bu kadardır arkadaşlar, esen kalın…
O değilde bana milliyette ki gibi sıra ile diğer resme geçme lazım. Bildiğiniz slayt yani. Ama nette bununla ilgili hiç bir kaynak yok. Varsa elinizde bu tarz bir uygulama paylaşırsanız sevinirim.
sitem: fikiranaliz.com
Dikkat edin bende ki menü durağan. Bunu nasıl slayt haline getiririm? İlgilenirseniz çok sevinirim.
Selçuk buraya = http://www.aycan.net/ab-jquery-eklenti-istekleriniz/
Bunun için, tıklanan elemanın z-index inden bir küçük ve tüm pencereyi kaplayan, şeffaf arka planlı (1×1 gif) bir div kullanıyor ve ona tıklandığında gizleme işlemi yapıyordum. Bu yöntem benim fazladan kod yazmamı önleyecektir. Teşekkürler.
Selam Necat, dediğin yöntemde birşey yapılırsa sitenin tüm linkleri ilk tıklama da tıklanmama durumu söz konusu olacaktır.
Teşekkürler aycan güzel bir konuya değinmişsin makaleyi beğendim sağol.
merhaba kardeşim paylaşımın için çok saol.
şu konuda yardımcı olursan sevinirim.
mesela ben netteki herhangi bir linke tıklıyorum ve link beni tanıyor,aynı linke hiç tıklamamış gibi ve sanki ilk defa tıklamışım gibi olacak bi yöntem yokmu.eğer varsa paylaşırsan veya bir bilgi verirsen sevinirim.şimdiden tşkler kolay gelsin.
Farklı bir konu olmuş teşekkürler