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

Question

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

0

Мне сложно создать кнопку на моей странице каталога, страница каталога возвращает либо 8 15 или 20 продуктов из базы данных mysql, поэтому я использую цикл, чтобы вытащить каждый продукт из базы данных, и мне нужна кнопка 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" отбрасывает все это, если да, то как я могу это исправить?

Любые советы были бы вам полезны!

Doug Molineux 23 янв. 2010, в 08:18

Источник

Теги:

php

mysql

javascript

hover

onmouseover

1 ответ

Ещё вопросы

Dolph · Accepted Answer · 2010-01-23T04-15-00.000Z

1

Лучший ответ

Вместо использования атрибута name в <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
...

Dolph 23 янв. 2010, в 04:15

0

спасибо за помощь Дольф, почему идентификатор предпочтительнее имени?
Doug Molineux 23 янв. 2010, в 07:10
0

Атрибуты name не обязательно должны быть уникальными, в то время как атрибуты id должны быть уникальными идентификаторами на странице. При доступе к элементам через DOM с использованием JavaScript, очевидно, удобнее иметь возможность доступа к определенному объекту по его уникальному id . Обычно, когда вы хотите получить доступ к элементу по name , вы получите массив элементов обратно, даже если есть только один элемент с этим name .
Dolph 23 янв. 2010, в 15:08
0

о, я вижу! ну по какой-то причине я до сих пор не могу заставить это работать, вот мой новый код .png '"onmouseout =" document [crt] .src =' images / addcrt_btn.png '"> <img src =" images / addcrt_btn.png "id =" crt "alt =" Добавить в корзину "width =" 81 "height =" 24 ">
Doug Molineux 23 янв. 2010, в 16:13
0

Код, который вы только что опубликовали, смешивает id и name . document[crt] обращается к crt по имени, но вы также изменили атрибут name на id . Вместо document[crt] к id="crt" используя document.getElementById('crt') .
Dolph 23 янв. 2010, в 17:23
0

спасибо за ваше терпение, сэр, я не так хорош с js, что я уверен, что вы заметили, вот что я получил сейчас <a href = "catalog.php? page = 1 & fpage = 25 & spage = 29 & buyproduct = 37900" onmouseover = "document. getElementById ('crt'). src = 'images / addcrt_btn_dn.png' "onmouseout =" document.getElementById ('crt'). src = 'images / addcrt_btn.png' "> что происходит с этим при наведении мыши поверх второй кнопки addtocart переключается только первый src, так же как и третий, как вы думаете, мне нужно как-то использовать массив, чтобы различать каждую кнопку?
Doug Molineux 23 янв. 2010, в 17:55
0

спасибо за информацию человек, я понял это!
Doug Molineux 23 янв. 2010, в 20:24
0

Без проблем в любое время!
Dolph 25 янв. 2010, в 13:14
0

на всякий случай, если кому-то интересно, я просто использовал счетчик внутри цикла (который вытаскивает каждый продукт из базы данных) и использовал его в конце crt следующим образом: crt $ itemCount в идентификаторе и в ссылке таким образом был уникальным каждый раз, когда он читал. :)
Doug Molineux 25 янв. 2010, в 19:44

Показать ещё 6 комментариев