0

<div>名前を示す要素のスタックがあります。+それぞれの横にリンクを含めたいと思い<div>ます。クリックする<div>と、展開され、より詳細な情報が追加されます (RoR コントローラーから)。

ネットをいろいろと調べたところ、RoR のものを見つけlink_to_remoteて関連づけたのですが、適切な組み合わせがうまくいかないようです。誰かが私にチュートリアルを教えてくれたり、コントローラーとビューの相互作用がどのように見えるべきかを示してくれませんか?

ありがとう！

4

1 に答える 1

0

以下の例では、Javascript を使用してこれを非常に簡単に行うことができます。

<html>
<head>
<title>Text Page</title>
<script language="Javascript">
  function toggleDiv(divid) {
    if (document.getElementById(divid).style.visibility == 'hidden') {
      document.getElementById(divid).style.visibility = 'visible';
    }
    else {
      document.getElementById(divid).style.visibility = 'hidden';
    }
  }
</script>
</head>
<body>
  <span onClick="toggleDiv('div1');" style="cursor:pointer;">+</span>
  <div id="div1" style="visibility:hidden;">This is DIV 1</div>
  <span onClick="toggleDiv('div2');" style="cursor:pointer;">+</span>
  <div id="div2" style="visibility:hidden;">This is DIV 2</div>
</body>
</html>

DIV の初期可視性を非表示に設定すると、上記の関数を使用してtoggleDiv、ID を指定した任意の DIV の可視性を切り替えることができます。おそらく、DIV のスタイル定義をプラス記号の横に表示するように微調整する必要がありますが (<TD>'sたとえば、テーブル内で DIV を隣接させて配置するなど)、シンプルに保つことにしました。

幸運を。

于 2010-06-16T18:32:17.330 に答える