Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Html - CSS - XML - JavaScript - Ajax 
Jquery İle Buton İçeriğini Kontrol Etmek Jquery İle Buton İçeriğini Kontrol Etmek
-
Arkadaşlar merhaba. Kendim için ufak bir şeyler geliştiriyorum. Php biliyorum fakat jquery hiç bilmiyorum :) Yardımlarınıza ihtiyacım var.
*Sayfamızda sabit olarak bulunan 50 adet butonumuz var diyelim. bu butonların her birinin id si var. id:1 - id:2 - id: 3 ........ - id:50 gibi
* veritabanımızda da önceden belirlediğim düzende buton id lerinin set halde tutulduğu kayıtlar var. 5-9-7-25-25-25-1-36 gibi. Fakat veritabanımda bulunan her kayıtta buton idlerinin dizilişi ve adedi varklı. birinde 5 adet buton idsi saklanırken birinde 8 tane id kayıtlı
* sayfa her yenilendiğinde veritabanımdan bir adet random id seti çekiyorum. örnek çekilen id seti: 5-11-6 -21-2 olsun.
---> Yapmak istediğim şey ise şu: Bir nebze memory game diyebiliriz.
Veritabanından çektiğim id setindeki değeri karşılayan butonlara sırası ile tıklatmak. Yani her tıklamadan sonra eğer doğru id li butona tıkladı isek devam etmek, eğer sırayı bozan bir tıklama olursa hemen uyarı verip tüm tıkladığı her şeyi en başa almak.
Bunu nasıl yaparım. Umarım anlatabilmişimdir :D Destek verirseniz çok sevinirim :)
myblackworldweb tarafından 19/Nis/20 04:29 tarihinde düzenlenmiştir -
hojam, data-attribute'unu kullanabilirsin.
<button class="sexy-buttons" data-dbid="1" id="blah1">1 Kere Tıkla Bana!</button>
<button class="sexy-buttons" data-dbid="2" id="blah2">2 Kere Tıkla Bana!</button>
<button class="sexy-buttons" data-dbid="3" id="blah3">3 Kere Tıkla Bana!</button>
<script type="text/javascript">
$("button[class='sexy-buttons']").each(function(i){
$(this).click(function(){
alert("AY TIKLANDIM : " +$(this).data('dbid'));
});
});
</script> -
wh0 bunu yazdı
hojam, data-attribute'unu kullanabilirsin.
< id="blah1" class="sexy-s" data-dbid="1">1 Kere Tıkla Bana!
< id="blah2" class="sexy-s" data-dbid="2">2 Kere Tıkla Bana!
< id="blah3" class="sexy-s" data-dbid="3">3 Kere Tıkla Bana!hocam şöyle bir durum var ama..
bun şekilde buton id sin i çekip alert verdiriyoruz.
ama benim yapmak istediğim butona tıklayınca sırayı kontrol edip, doğru sırada değilse uyarı verdirip en başa geri dönmek.
yani önce 11 nolu butona tıklamalı, sonra 5 nolu butona tıklamalı, sonra 8 gibi.. eğer bu sıraya uymayan id li butona tıklarsa hata yaptın mesajı verip en başa dönmek.
-
let liste = {1, 13, 5};
let listetiklamadurum = {false, false, false}
Gibi listeye alsan değerleri. Ona göre tıklama durumuna baksan. Tiklaninca değeri true yapsan. Ve sıralı şekilde ilerlesen.
-
Çektiğin ID'leri bir listeye al.
Her tıklama eventini bu liste içinde sırayla kontrol eden basit bir döngü yaz.
Fonksiyon haline getir.
https://api.jquery.com/jquery.inArray/
ComputerWolf tarafından 19/Nis/20 17:04 tarihinde düzenlenmiştir
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla