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ı
    9 yıl önce yazılmış
    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...
      9 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>
      
      
      
      9 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>
      
      9 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.