Как заставить работать onmouseover в каталоге mysql

Question

У меня проблемы с созданием кнопки на странице моего каталога, страница каталога возвращает либо 8 15, либо 20 продуктов из базы данных mysql, поэтому я использую цикл, чтобы вытащить каждый продукт из базы данных, и мне нужна кнопка addtocart который использует JavaScript для создания эффекта onmouseover, код выглядит следующим образом:

<code>
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 следующим образом:

<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
...