Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][PHP]Star system rating - zapisywanie do bazy, jw
miras
post
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


Witam, znalazłem głosowanie w css tutaj: http://www.pmob.co.uk/temp/star-rating.htm# natomiast potrzebuję te wyniki dodawać do bazy - ma ktoś jakiś pomysł jak najprościej to zrobic? zapisywanie do bazy + wyświetlanie obecnej ilosci gwiazdek ze wszystkich glosowan..
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
miras
post
Post #2





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


troszkę odgrzebię, ale wróciłem do tematu i mam problem, kod:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  5. <title>CSS Star Rating System</title>
  6. <style type="text/css">
  7. .rating{
  8. width:80px;
  9. height:16px;
  10. margin:0 0 20px 0;
  11. padding:0;
  12. list-style:none;
  13. clear:both;
  14. position:relative;
  15. background: url(img/star-matrix.gif) no-repeat 0 0;
  16. }
  17.  
  18.  
  19. .nostar {background-position:0 0}
  20. .onestar {background-position:0 -16px}
  21. .twostar {background-position:0 -32px}
  22. .threestar {background-position:0 -48px}
  23. .fourstar {background-position:0 -64px}
  24. .fivestar {background-position:0 -80px}
  25. ul.rating li {
  26. cursor: pointer;
  27. float:left;
  28. text-indent:-999em;
  29. }
  30.  
  31. ul.rating li a {
  32. position:absolute;
  33. left:0;
  34. top:0;
  35. width:16px;
  36. height:16px;
  37. text-decoration:none;
  38. z-index: 200;
  39. }
  40. ul.rating li.one a {left:0}
  41. ul.rating li.two a {left:16px;}
  42. ul.rating li.three a {left:32px;}
  43. ul.rating li.four a {left:48px;}
  44. ul.rating li.five a {left:64px;}
  45. ul.rating li a:hover {
  46. z-index:2;
  47. width:80px;
  48. height:16px;
  49. overflow:hidden;
  50. left:0;
  51. background: url(img/star-matrix.gif) no-repeat 0 0
  52. }
  53. ul.rating li.one a:hover {background-position:0 -96px;}
  54. ul.rating li.two a:hover {background-position:0 -112px;}
  55. ul.rating li.three a:hover {background-position:0 -128px}
  56. ul.rating li.four a:hover {background-position:0 -144px}
  57. ul.rating li.five a:hover {background-position:0 -160px}
  58.  
  59. h3{margin:0 0 2px 0;font-size:110%}
  60.  
  61.  
  62.  
  63. <script type="text/javascript">
  64. $('a').click(function () {
  65. $.post('gwiazdkix.php', {a: ''}, function (data) {
  66. if(data != ''){
  67. alert(data);
  68. }
  69. });
  70.  
  71. return false;
  72. });
  73. </script>
  74.  
  75.  
  76. </head>
  77.  
  78. <ul class="rating nostar">
  79. <li class="one"><div class="klik"><a href="#" title="1 Star">1id</a></div></li>
  80. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  81. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  82. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  83. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  84. </ul>
  85.  
  86. <ul class="rating onestar">
  87. <li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  88. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  89. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  90. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  91. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  92. </ul>
  93.  
  94. <ul class="rating twostar">
  95. <li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  96. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  97. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  98. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  99. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  100. </ul>
  101.  
  102. <ul class="rating threestar">
  103. <li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  104. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  105. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  106. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  107. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  108. </ul>
  109.  
  110. <ul class="rating fourstar">
  111. <li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  112. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  113. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  114. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  115. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  116. </ul>
  117.  
  118. <ul class="rating fivestar">
  119. <li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  120. <li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  121. <li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  122. <li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  123. <li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  124. </ul>
  125.  
  126.  
  127. </body></html>


w pliku gwiazdkix.php mam tylko tekst "test", żeby sprawdzić czy to działa i niestety w alercie nic mi nie wyświetla...

Ten post edytował miras 5.12.2013, 18:20:31
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 23:01