0

http://magic.cardbinder.com/

我正在修补我的网站...仍在学习。我希望能够对图像进行一些选择。具体来说，我想知道如何在 menuButtons 中选择最多 2 个选项。所以我可以在 cardChoice 中进行选择，然后输入一些搜索内容，然后缩小我的搜索范围。

我想这样做，如果您单击 menuButtons 中的 2 个按钮，它将在数据库中进行这些选择。所以在第二次点击时，就像在搜索框中按回车一样。

<div id="leftMenu">
<h1>CardBinder</h1>
<form name="mainMenu" action="cardChoice.php" method="post">
  <div>
    <select name="chooseSet">
    <option value="option1">Option 1</option>
    <option selected="selected" value="option2">Option 2</option>
    <option value="option3">Option 3</option>
    </select>
  </div>
  <div>
  <br/><img src="/menu.png" alt="Menu" usemap="#menuButtons" /> <br/><br/>
  <map name="menuButtons">
    <area shape="circle" coords="112,36,35" alt="White" href="/Mana/W.gif" />
    <area shape="circle" coords="189,93,35" alt="Blue" href="/Mana/U.gif" />
    <area shape="circle" coords="163,186,35" alt="Black" href="/Mana/B.gif" />
    <area shape="circle" coords="59,186,35" alt="Red" href="/Mana/R.gif" />
    <area shape="circle" coords="35,93,35" alt="Green" href="/Mana/G.gif" />
    <area shape="circle" coords="69,278,35" alt="Planeswalker" href="" />
    <area shape="circle" coords="149,278,35" alt="Creature" href="" />
    <area shape="circle" coords="34,347,35" alt="Enchantment" href="" />
    <area shape="circle" coords="111,347,35" alt="Artifact" href="" />
    <area shape="circle" coords="188,347,35" alt="Land" href="" />
    <area shape="circle" coords="74,413,35" alt="Instant" href="" />
    <area shape="circle" coords="153,413,35" alt="Sorcery" href="" />
  </map>
  </div>
  <div>
    <input name="search" type="text" placeholder="Card Name" size="20" maxlength="50" />
  </div>    
</form>
</div>
4

1 回答 1

1

尽管图像映射仍然在 html5 的规范中，但它们可能非常难以匹配，并且它们似乎永远不会完美对齐。

如果您喜欢 Web 开发并想在这方面做得更好，我建议您学习jQuery。它真的很容易学习，它应该可以让你用更少的像素数处理来解决你的图像映射问题。

于 2012-09-05T03:59:08.050 回答