Question

我在目录页面上创建按钮时遇到困难，目录页面从mysql数据库返回8 15或20个产品，因此我使用循环将每个产品从数据库中拉出来，我需要一个addtocart按钮它使用javascript创建onmouseover效果，代码如下



echo "<a href=\"catalog.php?buyproduct=$productNumber\" onmouseover=\"document.crt.src='images/addcrt_btn_dn.png'\"
onmouseout=\"document.crt.src='images/addcrt_btn.png'\">
<img src=\"images/addcrt_btn.png\" name=\"crt\" alt=\"Add to cart\" width=\"81\" height=\"24\"> </a>";

它正确显示图像，但鼠标放在图像上时没有任何反应。我猜这可能是因为因为正在创建这些图像中的8 15或20个，所以“name = crt”会抛弃整个事情，如果是这样我怎么能解决这个问题呢？

任何建议都会有所帮助，谢谢！

Answer 1

我首先建议您使用<img>属性，而不是使用id上的name属性，如下所示：

<img id="crt" />

然后您可以按如下方式更改src：

document.getElementById('crt').src = 'images/addcrt_btn_dn.png';

确保正确地正确转义所有这些引号，或者以另一种方式生成内容（这是一个坚持name属性的示例）：

...
?>
<a href="catalog.php?buyproduct=<?php=$productNumber?>" onmouseover="document[crt].src='images/addcrt_btn_dn.png'" onmouseout="document[crt].src='images/addcrt_btn.png'">
<img src="images/addcrt_btn.png" name="crt" alt="Add to cart" width="81" height="24">
</a>
<?php
...

如何在mysql目录中进行onmouseover工作

1 个答案: