0

カタログページにボタンを作成するのに問題があります。カタログページはmysqlデータベースから815または20の製品を返すため、ループを使用して各製品をデータベースから引き出します。JavaScriptを使用するaddtocartボタンが必要です。マウスオーバー効果を作成するには、コードは次のとおりです。



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>";

画像は正しく表示されますが、マウスを画像の上に置いても何も起こりません。これらの画像の815または20のいずれかが作成されているため、「name = crt」がすべてを破棄しているため、これが原因である可能性があると推測しています。そうであれば、どうすればこれを修正できますか？

どんなアドバイスも参考になりますありがとうございます！

4

1 に答える 1

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
...
于 2010-01-23T07:04:15.573 に答える