ページに、カード名、コスト、セット、レアリティを示す表があります。この情報は、データベース テーブルから取得されます。ユーザーがテーブル内の任意のカード名にカーソルを合わせると、カードの画像がポップアップ表示され、マウスを離すとすぐに画像が閉じます (これには jQuery スクリプトを使用)。
cardname セルのコードは次のようになります。
<td><a href='#' class='screenshot' rel='cards/$cardname.jpg'>$cardname</a></td>
$cardname に ' が含まれている場合を除いて、すべて正常に機能しますが、これによりコードが混乱し、画像が表示されなくなります (カード名が機能しない例としては、「Faith's Shield」などがあります)。代わりに ' を使用しようとしましたが、それもうまくいかないようです。
これはおそらく私がやろうとしていることを達成するための最良の方法ではないことはわかっていますが、私はウェブプログラミングにまったく慣れていないため、これを機能させるための簡単なトリックのように思えました.
print "<table id='cardTable'>
<tr>
<th>Add to deck</th>
<th>Cardname</th>
<th>Cost</th>
<th>Set</th>
<th>Rarity</th>
</tr>";
while ($row = mysql_fetch_array($result)) {
$cardname = $row['cardname'];
$cost = $row['cost'];
$set = $row['set'];
$rarity = $row['rarity'];
$idCard = $row['idCard'];
print "<tr>
<td>
<form action='' method='post'>
<p><button type='submit' name='addCard' class='addCard' value='$idCard' title='Add card to deck'></button>
<select name='amount'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select></p>
</form>
</td>
<td><a href='#' class='screenshot' rel='cards/$cardname.jpg'>$cardname</a></td>
<td>$cost</td>
<td>$set</td>
<td>$rarity</td>
</tr>";
}
print "</table>";