-1

編集:アレクサンダーのアドバイスのおかげでコードを少し編集しましたが、まだ div の内容が表示されないという問題が発生しています。 . 私の最新の質問は、これが機能するために何が欠けているのですか? ありがとう

クエリから生成されたテーブルがあります。このテーブルには div があります。onclick を表示/非表示するには、この div が必要です。現在、動作中の表示/非表示 JavaScript (以下を参照) がありますが、これは 1 つの div でのみ機能します。

これを変更して、データベース ($id) から生成された ID を持つ div をすべて個別に表示/非表示にするにはどうすればよいですか?

JavaScript:

  <script language="javascript">
    function toggle(id) {
       var ele = document.getElementById(id);
       var text = document.getElementById(id);
                 if(ele.style.display == "block") {
                 ele.style.display = "none";
                 text.innerHTML = "show";
     }
     else {
        ele.style.display = "block";
        text.innerHTML = "hide";
     } 
     } 
     </script>

html:

    Info: <a id='$id' href='javascript:toggle(\"$id\");'>show</a>
          <div id='$id' style='display: none'></div>
4

1 に答える 1

0

id生成された HTML では、関数に値を渡すことができるtoggle()ため、結果の HTML コードは次のようになります。

Info: <a id='$id' href='javascript:toggle("$id");'>show</a>
      <div id='$id' style='display: none'></div>

JavaScript

function toggle(id) {
       var ele = document.getElementById(id);
       var text = document.getElementById(id);
                 if(ele.style.display == "block") {
                 ele.style.display = "none";
                 text.innerHTML = "show";
     }
     else {
        ele.style.display = "block";
        text.innerHTML = "hide";
     } 
}
于 2012-09-16T10:18:07.410 に答える