Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery star Rating sistemi

Soyle bi css ve html kodum var.. 
<ul class="star-rating">
	<li class="current-rating" style="width:100%;"></li>
	<li><a href="#" title="1 puan" class="one-star">1</a></li>
	<li><a href="#" title="2 puan" class="two-stars">2</a></li>
	<li><a href="#" title="3 puan" class="three-stars">3</a></li>
	<li><a href="#" title="4 puan" class="four-stars">4</a></li>
	<li><a href="#" title="5 puan" class="five-stars">5</a></li>
	
</ul> <div id="goster"></div>


elimde böyle bir html kodu var.. Jquery ile mouse hangi linkin üstüne gelirse title="" iki tırnak arasındaki yazıyı alıp <div id="goster"> </div> tagın arasında gostermesını ıstıyorum...

yani işin normal hali bi star oylama sistemi yapiorum mouse her bi yıldızın ustune geldıgınde 1 puan gibi kenarın yazı cıksın ıstıyorum..

ornek demo vermek gerekırse <a href="http://www.e-hadi.net/saglik-bilgisi/kanser-dusmani-mucizevi-limon.html/" target="_blank" class="external">http://www.e-hadi.net/saglik-bilgisi/kanser-dusmani-mucizevi-limon.html/</a> (jquery olmasada) sitesindeki puanlama sistemi gibi yapmak istiyorum..
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • teacher0610 adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    teacher0610
    54 cevap - 29 soru
    http://www.fyneworks.com/jquery/star-rating/#tab-Testing

    linkini inceleyebilirsin. Download bölümünden aradığın star rating kodlarını indirip uyarlayabilirsin...
    • siyahbeyaz adlı üyenin fotoğrafı siyahbeyaz
      sayın hocam benım demek istedigi bi puanlama sistemi yapmak degil! kendimce jquery ögrenme cabasındayım farklı ajax sıstemlerınden yaptıgım rating sıstemı var.. benım ogrenmek istedigim
      <a title="deger 1">..</a> mouse uzerıne geldiginde deger1 yazan yeri alıp belirledigim <div id="bura"></div> tag arasında göstermek...
      10 yıl önce yazılmış
    • teacher0610 adlı üyenin fotoğrafı teacher0610 
      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.min-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
$("#link").mouseover(function() {
	
	$("#area").append($("a").attr("title"));
	
	});
	
});

</script>
</head>

<body>

<a id="link" href="#" title="test">yazi</a>

<div id="area"></div>
</body>
</html>
      10 yıl önce yazılmış
    • buraksan adlı üyenin fotoğrafı buraksan 
      <script type="text/javascript">
function ust(id,deger){

	document.getElementById('deger').innerHTML = deger;
}

</script>


      <div id="1" onmouseover="ust('1','1. başlık')">1. başlık</div>
<div id="2" onmouseover="ust('2','2. başlık')">2. başlık</div>

<div  id="deger"></div>
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.