Функция Like

[Samsam]

вопрос остался открытым. Жду помощи.. Всем спасибо

[Samsam]

Up

[Vlasenko Fedor]

Samsam,
опишите логику вашего велосипеда. Еще раз не все понятно что вы делаете. Получаете какие то данные из базы и что где отправляете и т. д. чем более точнее опишите проблему и покажите свои наработки решения тем ваши шансы увеличиваются для решения задачи

[Samsam]

есть цикл
Массив 1 <div class=like>Нравиться</div>
Массив 2 <div class=like>Нравиться</div>
Массив 3 <div class=like>Нравиться</div>
Массив 4 <div class=like>Нравиться</div>
и т.д

Задача в том что бы при нажатии на (Нравиться) выполнялось следущие:

1. надпись (нравится) менялась на (мне понравилось)
2. выполнялось запись в БД, к примеру ( mysql_query("UPDATE posts SET like='$like', WHERE id='$id'"); )
3. при повторном нажатие на (нравится) выполнялось бы обратное.
то есть менялась надпись (мне понравилось) на (нравится) и опять выполнялось запись в БД..
главная моя загвоздка в том что я не могу использовать js в циклах пхп . Спасибо за внимание

[Vlasenko Fedor]

$html = "";
$i = 0;
while($rowlents_p = mysql_fetch_array($lents_p))
{
  $html .= $rowlents_p[news];
  $html .= '<div class="like" data-poz="' . $i++ . '">';
  $html .= '<img src="http://javascript.ru/forum/images/smilies/smile.gif">';
  $html .= '</div>';
}
echo $html;

php сформирует страницу которую будешь обрабатывать так

<div class="like" data-poz="0">
  <img src="http://javascript.ru/forum/images/smilies/smile.gif">
</div>
<div class="like" data-poz="1">
  <img src="http://javascript.ru/forum/images/smilies/smile.gif">
</div>
<div class="like" data-poz="2">
  <img src="http://javascript.ru/forum/images/smilies/smile.gif">
</div>
<script>
  var likes = document.querySelectorAll("div.like");
  var len = likes.length;
  var addlike = function (poz) {
      alert("Add like - " + poz);
    };
  var dellike = function (poz) {
      alert("Delete like - " + poz);
    };
  var cllike = function () {
      var limg = this.querySelector("img");
      var img1 = "http://javascript.ru/forum/images/smilies/smile.gif";
      var img2 = "http://javascript.ru/forum/images/smilies/dance3.gif";
      var poz = this.getAttribute("data-poz");
      if (limg.src == img1) {
        limg.src = img2;
        addlike(poz);
      } else {
        limg.src = img1;
        dellike(poz);
      }
    };
  while (len--) likes[len].onclick = cllike;
</script>

[Samsam]

спасибо..
почему при выводе допустим
var a = "<?php print $rowlents_p[userid]; ?>" ;
alert(a); он не выводит информацию

[Vlasenko Fedor]

если код внутри страницы где исполняется php то будет работать
если данная конструкция в вынесенном файле то конечно же нет
достаточно отрыть исходный код страницы и вы увидите чему равна a

<?php 
	echo "<script>alert(" . $rowlents_p[userid] . ");</script>";
?>

[Samsam]

<?
$g = "gus";
$i = 0;
while ($i < 5) {
$i++;
$d = $i;
echo "
<div id= ".$d." onclick='start()'>Like</div>
<div id='gusa'>0</div> " ;

print "
<script>
var ord = 'No Like' ;
var ords = 'Like' ;
var t = ".$d.";
function start()
{
var like = document.getElementById(t).innerHTML;
var viw = document.getElementById('gusa').innerHTML;

if ( like == 'Like' )
{
document.getElementById(t).innerHTML = t ;

document.getElementById('gusa').innerHTML = viw+1;
alert('tebe ponravilos');
}
else
{
document.getElementById(t).innerHTML = ords;


document.getElementById('gusa').innerHTML = viw-1;

alert('tebe bolshe ne nravitsa');

}
}
</script>


";







}
?>


Ну почему же скрипт не работает в каждом цикле массива. реагирует только последний цикл массива.. Не как не могк найти решение..

[Samsam]

Up

[Samsam]

Может подсказка будет от кого нибудь..