Question

当我点击图像并且计数增加时，我是否可以使用任何方法刷新图像？我不希望整个页面刷新，因为如果刷新页面，点击计数器将需要从0再次计数。

<?php

include("connection.php");

$table1=mysql_query("select * from pic_a");
$table2=mysql_query("select * from pic_b");
$table3=mysql_query("select * from pic_c");

$tab1[0]=0;
$tab2[0]=0;
$tab3[0]=0;

$i=0;
while($row=mysql_fetch_assoc($table1))
{
    $tab1[$i]= $row['pic_link']; 
    $i++;
}

$i=0;
while($row=mysql_fetch_assoc($table2))
{
    $tab2[$i]= $row['pic_link']; 
    $i++;
}

$i=0;
while($row=mysql_fetch_assoc($table3))
{
    $tab3[$i]= $row['pic_link']; 
    $i++;
}

    $rand1=rand(0,9);
$rand2=rand(0,9);
$rand3=rand(0,9);
?>

<script type="text/javascript">

        var count = 0;
function countClicks() {
         count = count + 1;
            document.getElementById("p2").innerHTML = count;
        }

<table  border="1">
          <tr id="bird" onclick="countClicks();">
            <td><img src="password\<?php echo $tab1[$rand1]; ?>" alt="" width="76" height="67"></td>
            <td>Bird</td>
          </tr>
          <tr id="car" onclick="countClicks();">
            <td><img src="password\<?php echo $tab2[$rand2]; ?>" alt="" width="76" height="67"></td>
            <td>Car</td>
          </tr>
          <tr id="computer" onclick="countClicks();">
            <td><img src="password\<?php echo $tab3[$rand3]; ?>" alt="" width="76" height="67"></td>
            <td>Computer</td>
          </tr>

</table>

Answer 1

onclick没有<img>个事件。

您必须将其包装在<a>

中

您可以调用onclick函数然后使用js变量来跟踪点击次数

Answer 2

您可以随时使用AJAX在点击图片时更新计数器。（如果要将其保存在数据库中）

jQuery AJAX是最简单，最快捷的开始。

<强> ELSE

在页面上创建一个id =“cnt”

的元素

function countClicks()
{
   document.getElementById("cnt").value = Number(document.getElementById("cnt").value) + 1;
}

Onclick-＆GT;刷新图像而不是页面

2 个答案: