php - 将变量从 php while 循环传递给 javascript 函数

Question

我有一些图像，我想做的是将鼠标悬停在每张图片上以更改 div 内的文本，即图像标题。

所以这是我的代码：

<?php
...

$i=0;
while($i<$imageno)
{

echo'
<script type="text/javascript">
function changeText() {document.getElementById("title").innerHTML = "'.$title[$i].'";}
</script>';

if ($imagine[$i]){
echo '<div onmouseover="changeText()"><img src="'.$imagine[$i].'"></div>';
};
$i++;
}

...
?>

但是我的脚本只显示了我最后一张照片的文字......

请帮忙！...没有阿贾克斯

Answer 1

您需要将变量传递给changeText函数：

echo '<div onmouseover="changeText('".$title[$i]."')"><img src="'.$imagine[$i].'"></div>';

并改变changeText这样的功能：

function changeText( myText ) {document.getElementById("title").innerHTML = myText;}

Answer 2

您不需要将函数定义放在循环中，您需要使用参数。

<script type="text/javascript">
function changeText(title) {document.getElementById("title").innerHTML = title;}
</script>

<?php
//... 
$i=0;
while($i<$imageno) {
  if ($imagine[$i]){
    $title = json_encode(htmlspecialchars($title[$i]));
    echo '<div onmouseover="changeText('.$title.')"><img src="'.$imagine[$i].'"></div>';
  };
  $i++;
}
//...
?>