Türkiye'nin En Eski Webmaster Forumu İyinet'e Hoşgeldiniz!

Active button

leonin

0
Onaylı Üye
Üye
Katılım
9 Ağustos 2010
Mesajlar
92
Tepki puanı
1
HTML:
<div class="menu">
<span class="btactive" ><a href="#"  >buton1</a></span>
<span ><a href="#" >buton2</a></span>
<span ><a href="#" >buton3</a></span>
</div>

Yukardaki menu de tıklanan linki bactive ile belirtmek istiyorum.Bunu jqueryle nasıl sağlarım yardımcı olursanız sevinirim.
 

Angelo

0
Onaylı Üye
Üye
Katılım
13 Aralık 2004
Mesajlar
9,603
Tepki puanı
106
Konum
AZ
PHP:
<script language="Javascript">
$(document).ready(function() {
$('a[rel*=bt]').each(function() {
	$(this).click(function() {
	var id = $(this).attr('id');
		$('span[id*=sb]').each(function() {
		var spid = $(this).attr('id');
		var check = 's'+id;

			if (spid == check) {
			$(this).addClass('btactive');
			}
			else {
			$(this).removeClass('btactive');
			}
		});
	});
});
});
</script>

<div class="menu">
<span id="sb1" class="btactive"><a href="#" id="b1" rel="bt">buton1</a></span>
<span id="sb2"><a href="#" id="b2" rel="bt">buton2</a></span>
<span id="sb3"><a href="#" id="b3" rel="bt">buton3</a></span>
</div>

span lere, sb4,sb5, butonlara b4,b5 diyerek istediğin kadar ekleyebilirsin.
 

leonin

0
Onaylı Üye
Üye
Katılım
9 Ağustos 2010
Mesajlar
92
Tepki puanı
1
PHP:
<script language="Javascript">
$(document).ready(function() {
$('a[rel*=bt]').each(function() {
	$(this).click(function() {
	var id = $(this).attr('id');
		$('span[id*=sb]').each(function() {
		var spid = $(this).attr('id');
		var check = 's'+id;

			if (spid == check) {
			$(this).addClass('btactive');
			}
			else {
			$(this).removeClass('btactive');
			}
		});
	});
});
});
</script>

<div class="menu">
<span id="sb1" class="btactive"><a href="#" id="b1" rel="bt">buton1</a></span>
<span id="sb2"><a href="#" id="b2" rel="bt">buton2</a></span>
<span id="sb3"><a href="#" id="b3" rel="bt">buton3</a></span>
</div>

span lere, sb4,sb5, butonlara b4,b5 diyerek istediğin kadar ekleyebilirsin.


Mesajını yeni gördüm cevap biraz geçikti o yüzden,kodu az önce denedim sorunsuz çalışıyor :)
 
Üst