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---

no i nadal nie działa...


[HTML] pobierz, plaintext 
  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. </style>
  62.  
  63.  
  64.         <script type="text/javascript">
  65. 		 $(function(){
  66. 		   $('a').click(function () {
  67.                 $.post('gwiazdkix.php', {a: ''}, function (data) {
  68.                     if(data != ''){
  69.                     alert(data);
  70.                     }
  71.                 });
  72.  
  73.                 return false;
  74.             });
  75. 		}
  76. 		</script>
  77.  
  78.  
  79. </head>
  80. <body>
  81.  
  82. <ul class="rating nostar">
  83. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1id</a></div></li>
  84. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  85. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  86. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  87. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  88. </ul>
  89.  
  90. <ul class="rating onestar">
  91. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  92. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  93. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  94. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  95. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  96. </ul>
  97.  
  98. <ul class="rating twostar">
  99. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  100. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  101. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  102. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  103. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  104. </ul>
  105.  
  106. <ul class="rating threestar">
  107. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  108. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  109. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  110. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  111. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  112. </ul>
  113.  
  114. <ul class="rating fourstar">
  115. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  116. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  117. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  118. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  119. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  120. </ul>
  121.  
  122. <ul class="rating fivestar">
  123. 	<li class="one"><div class="klik"><a href="#" title="1 Star">1</a></div></li>
  124. 	<li class="two"><div class="klik"><a href="#" title="2 Stars">2</a></div></li>
  125. 	<li class="three"><div class="klik"><a href="#" title="3 Stars">3</a></div></li>
  126. 	<li class="four"><div class="klik"><a href="#" title="4 Stars">4</a></div></li>
  127. 	<li class="five"><div class="klik"><a href="#" title="5 Stars">5</a></div></li>
  128. </ul>
  129.  
  130.  
  131. </body></html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- miras   [CSS][PHP]Star system rating - zapisywanie do bazy   26.11.2013, 10:38:57
- - nospor   No oni gwiazdki podczepiają pod A wiec ty dla A on...   26.11.2013, 10:46:33
- - miras   Wypróbuję i dam znać wieczorkiem, bo teraz już mus...   26.11.2013, 11:12:32
- - nospor   Pobierz tekst A - tam masz przeciez zawarte 1,2,3,...   26.11.2013, 11:32:39
- - xavierek   radził bym w gwiazdka.php zrobić jakiś skrypt co z...   26.11.2013, 12:50:50
- - miras   troszkę odgrzebię, ale wróciłem do tematu i mam pr...   5.12.2013, 17:21:42
- - _Borys_   1. Dołącz jquery //ok jest 2. Kod javascript/jquer...   5.12.2013, 18:20:51
- - miras   no i nadal nie działa... [HTML] pobierz, plainte...   5.12.2013, 18:48:15
- - werdan   [HTML] pobierz, plaintext $(function(...   5.12.2013, 18:54:41
- - _Borys_   Nawias ) na końcu jeszcze, sprawdzaj błędy w konso...   5.12.2013, 18:55:43
- - miras   Ok, wszystko działa, powiedzcie jeszcze prosze jak...   5.12.2013, 19:02:04
- - werdan   [PHP] pobierz, plaintext <?php var_dump($_P...   5.12.2013, 19:08:29
- - _Borys_   Czemu $_POST['data'] ? Przesyłasz ...   5.12.2013, 19:08:31

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 17:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn