ゲームのイメージマップに村と見張り塔の場所を重ねる Web ページがあります。透明な .png グリッドと凡例を表示および非表示にする JavaScript 関数を作成しました。見張り塔の表示/非表示にもこの機能を使用したいと思います。スクリプトは問題なく動作しますが、タワーを非表示にしようとすると、スクリプトはデータベース内の最初のタワーのみを選択します。
<script language="javascript" type="text/javascript">
function toggleLayer(whichLayer){
if (document.getElementById) {
var e = document.getElementById(whichLayer)
e.style.display = e.style.display == "none" ? "block" : "none";
}
}
</script>
次に、関数を呼び出すボタンがあります。
<form method="get" action="javascript:toggleLayer('tower');"><button class="botbuttprefs" type="submit">Show/Hide Towers</button></form>
ECHO "<div class='type' id='tower' style='top:",$GETy[$e]-2,"px; left:",$GETx[$e]-2,"px; width:4px; height:4px; z-index:2; background-color:black'></div>";