Лайки

Хочу создать лайки на сайте. Проблем с созданием php и javascript оформления нет вообще. Все работает отлично. Но проблема в том, что статьи, которые нужно оценивать выводятся на одной странице и при клике на иконку, лайк засчитывается всем постам сразу. Помогите решить проблему. Нужно чтобы все работало на 1 странице

 

У меня в цикле do{ } while() находятся все посты и каждый пост имеет свой уникальный id, но проблема скорее всего в том, что в javascript я обращаюсь к id элементов, которые находятся в цикле и получается, что он берет значение только лишь одного поля и присваивает его всем

 

В этом цикле я вывожу все записи из базы данных

 

Кто это такой?

Добавлено спустя 27 секунд:
Так что же мне все таки нужно сделать?

 

Я так и делаю.

Код (PHP):

1. do {
2.             echo "<ul class='us_mes'> 
3.             <li style='float: left;'><a href='index.php?option=$_GET[option]'><img src='$us_ava[avatar]' class='us_mess_avatar'></a> </li>
4.             <li id='news_id' value='$user_mess[id]'></li>
5.             <li><h4>$user_mess[title]</h4></li>
6.             <li><h4>$user_mess[text]</h4></li>
7.             <li style='text-align: right; font: 13px Verdana; color: grey; margin-right: 5px;'><h4>$user_mess[date]</h4></li>
8.             <li class='li-like'><img src='";
9.             $like = $mysqli->query("SELECT `news_id` FROM `like` WHERE `news_id`='$user_mess[id]'");
10.             if($like->num_rows > 0) {
11.             echo "images/like-active.png";
12.             }
13.             else {
14.                 echo "images/like.png";
15.             }
16.             $lk = $mysqli->query("SELECT `like`, `dislike` FROM `news` WHERE id='$user_mess[id]'");
17.             $num_likes = $lk->fetch_assoc();
18.             echo "' class='like-dislike' id='ilike'><span class='like-span'>$num_likes[like]</span></li>
19.             <li class='li-like'><img src='";
20.             $disl = $mysqli->query("SELECT `news_id` FROM `dislike` WHERE `news_id`='$user_mess[id]'");
21.             if($disl->num_rows > 0) {
22.             echo "images/dislike-active.png";
23.             }
24.             else {
25.                 echo "images/dislike.png";
26.             }
27.             echo "' id='idislike' class='like-dislike'><span class='dislike-span'>$num_likes[dislike]</span></li>
28.             
29.             </ul>";
30.             echo '<script type="text/javascript">
31.     $("#ilike").click(function() {
32.         var id = document.getElementById("news_id").value;
33.         function likePlus() {
34.         $.ajax({
35.         url: "functions/like_update.php",
36.         type: "POST", 
37.         data: ({id: id}), 
38.         dataType: "html", 
39.         cache: false,
40.         success: function(data) {
41.                 $(".like-span").html(data);
42.             }
43.         });
44.     }
45.         function dislikePlus() {
46.         $.ajax({
47.         url: "functions/dislike_update.php",
48.         type: "POST", 
49.         data: ({id: id}), 
50.         dataType: "html", 
51.         cache: false,
52.         success: function(data) {
53.                 $(".dislike-span").html(data);
54.             }
55.         });
56.     }
57.         
58.         $.ajax ({ 
59.             url: "functions/like.php", 
60.             type: "POST", 
61.             dataType: "html", 
62.             data: ({like: 1, id: id}), 
63.             success: function(data) {
64.                 if(data == "false") {
65.                     alert("Вы уже оценили эту запись");
66.                 }
67.                 if(data == "true") {
68.                     $("#ilike").attr("src", "images/like-active.png");
69.                     likePlus();
70.                 }
71.                 if(data == "like") {
72.                     dislikePlus();
73.                     likePlus();
74.                     $("#idislike").attr("src", "images/dislike.png");
75.                     $("#ilike").attr("src", "images/like-active.png");
76.                 }
77.                 
78.             }
79.         });
80.     });
81.         $("#idislike").click(function() {
82.         var id = document.getElementById("news_id").value;
83.         function likePlus() {
84.         $.ajax({
85.         url: "functions/like_update.php",
86.         type: "POST", 
87.         data: ({id: id}), 
88.         dataType: "html", 
89.         cache: false,
90.         success: function(data) {
91.                 $(".like-span").html(data);
92.             }
93.         });
94.     }
95.         function dislikePlus() {
96.         $.ajax({
97.         url: "functions/dislike_update.php",
98.         type: "POST", 
99.         data: ({id: id}), 
100.         dataType: "html", 
101.         cache: false,
102.         success: function(data) {
103.                 $(".dislike-span").html(data);
104.             }
105.         });
106.     }
107.         $.ajax ({ 
108.             url: "functions/dislike.php", 
109.             type: "POST", 
110.             dataType: "html", 
111.             data: ({like: 1, id: id}), 
112.             cache: false,
113.             success: function(data) {
114.                 if(data == "false") {
115.                     alert("Вы уже оценили эту запись");
116.                 }
117.                 if(data == "dislike") {
118.                     dislikePlus();
119.                     likePlus();
120.                     $("#ilike").attr("src", "images/like.png");
121.                     $("#idislike").attr("src", "images/dislike-active.png");
122.                 }
123.                 if(data == "true"){
124.                     $("#idislike").attr("src", "images/dislike-active.png");
125.                     dislikePlus();
126.                 }
127.             }
128.         });
129.     });
130. </script>';
131.         }
132.         while($user_mess = $mess->fetch_assoc()); 

 

Я самоучка - это во-первых. А во-вторых, я так понимаю, тут мне никто не поможет?

 

Спасибо, попробую

Добавлено спустя 19 минут 32 секунды:
Нет, с помощью вашего метода у меня неопределенный id(undefined)

 

Код (PHP):

1.         do {
2.             echo "<ul class='us_mes'> 
3.             <li style='float: left;'><a href='index.php?option=$_GET[option]'><img src='$us_ava[avatar]' class='us_mess_avatar'></a> </li>
4.             <li id='news_id' value='$user_mess[id]'></li>
5.             <li><h4>$user_mess[title]</h4></li>
6.             <li><h4>$user_mess[text]</h4></li>
7.             <li style='text-align: right; font: 13px Verdana; color: grey; margin-right: 5px;'><h4>$user_mess[date]</h4></li>
8.             <form method='POST'><li class='li-like'><img src='";
9.             $like = $mysqli->query("SELECT `news_id` FROM `like` WHERE `news_id`='$user_mess[id]'");
10.             if($like->num_rows > 0) {
11.             echo "images/like-active.png";
12.             }
13.             else {
14.                 echo "images/like.png";
15.             }
16.             $lk = $mysqli->query("SELECT `like`, `dislike` FROM `news` WHERE id='$user_mess[id]'");
17.             $num_likes = $lk->fetch_assoc();
18.             echo "' class='like-dislike' id='ilike'><span class='like-span'>$num_likes[like]</span></li>
19.             <li class='li-like'><img src='";
20.             $disl = $mysqli->query("SELECT `news_id` FROM `dislike` WHERE `news_id`='$user_mess[id]'");
21.             if($disl->num_rows > 0) {
22.             echo "images/dislike-active.png";
23.             }
24.             else {
25.                 echo "images/dislike.png";
26.             }
27.             echo "' id='idislike' class='like-dislike'><span class='dislike-span'>$num_likes[dislike]</span></li></form>
28.             
29.             </ul>";
30.         }
31.         while($user_mess = $mess->fetch_assoc());
32.         } 
33.         else {
34.             echo "<p>Пользователь не добавлял записей на стену</p>";
35.         }
36.         echo '
37.         </div>
38.         </div>
39.         </div>
40.         ';
41.  
42.     }
43. $_SESSION['user_pass'] = $_GET['option'];
44. ?>
45. <script type="text/javascript">
46.             function likePlus() {
47.         $.ajax({
48.         url: "functions/like_update.php",
49.         type: "POST", 
50.         data: ({id: id}), 
51.         dataType: "html", 
52.         cache: false,
53.         success: function(data) {
54.                 $(".like-span").html(data);
55.             }
56.         });
57.     }
58.     function dislikePlus() {
59.             var id = $(this).parents("#news_id").val();
60.         $.ajax({
61.         url: "functions/dislike_update.php",
62.         type: "POST", 
63.         data: ({id: id}), 
64.         dataType: "html", 
65.         cache: false,
66.         success: function(data) {
67.                 $(".dislike-span").html(data);
68.             }
69.         });
70.         }
71.         $("#ilike").click(function() {
72.         var id = $(this).parents("#news_id").val();
73.         alert(id);
74.         $.ajax ({ 
75.             url: "functions/like.php", 
76.             type: "POST", 
77.             dataType: "html", 
78.             data: ({like: 1, id: id}), 
79.             success: function(data) {
80.                 if(data == "false") {
81.                     alert("Вы уже оценили эту запись");
82.                 }
83.                 if(data == "true") {
84.                     $("#ilike").attr("src", "images/like-active.png");
85.                     likePlus();
86.                 }
87.                 if(data == "like") {
88.                     dislikePlus();
89.                     likePlus();
90.                     $("#idislike").attr("src", "images/dislike.png");
91.                     $("#ilike").attr("src", "images/like-active.png");
92.                 }
93.                 
94.             }
95.         });
96.     });
97.         $("#idislike").click(function() {
98.         var id = $(this).parents("#news_id").val();
99.         function likePlus() {
100.         $.ajax({
101.         url: "functions/like_update.php",
102.         type: "POST", 
103.         data: ({id: id}), 
104.         dataType: "html", 
105.         cache: false,
106.         success: function(data) {
107.                 $(".like-span").html(data);
108.             }
109.         });
110.     }
111.         function dislikePlus() {
112.             var id = $(this).parents("#news_id").val();
113.         $.ajax({
114.         url: "functions/dislike_update.php",
115.         type: "POST", 
116.         data: ({id: id}), 
117.         dataType: "html", 
118.         cache: false,
119.         success: function(data) {
120.                 $(".dislike-span").html(data);
121.             }
122.         });
123.     }
124.         $.ajax ({ 
125.             url: "functions/dislike.php", 
126.             type: "POST", 
127.             dataType: "html", 
128.             data: ({like: 1, id: id}), 
129.             cache: false,
130.             success: function(data) {
131.                 if(data == "false") {
132.                     alert("Вы уже оценили эту запись");
133.                 }
134.                 if(data == "dislike") {
135.                     dislikePlus();
136.                     likePlus();
137.                     $("#ilike").attr("src", "images/like.png");
138.                     $("#idislike").attr("src", "images/dislike-active.png");
139.                 }
140.                 if(data == "true"){
141.                     $("#idislike").attr("src", "images/dislike-active.png");
142.                     dislikePlus();
143.                 }
144.             }
145.         });
146.     });
147. </script>

PHP, JavaScript, SQL и другой код пишите внутри тегов

Код ( (Unknown Language)):

1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]

 

Все тоже самое undefined

 

undefined

 

на локальном сервере

 

Проблема осталась. Есть еще варианты?