リンク(例:日付)を押すと、文章(例:日記本文)が下にたらっと表示されて、先ほどのリンクを再び押すと、表示されていた文章が消えて元に戻る、というふうに表示させるには、どのようにソースを書けばいいでしょうか?参考になるようなサイトでもいいです。よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/07/24 23:36:26
  • 終了:--

回答(3件)

id:mune1109 No.1

mune1109回答回数3ベストアンサー獲得回数02003/07/24 23:59:14

ポイント25pt

head内に

<script language=”Javascript”>

<!--

function window(tName)

{

tMenu = document.all[tName].style;

if (tMenu.display == ’none’) tMenu.display = ”block”; else tMenu.display = ”none”;

}

// -->

</script>

リンク部分に

<a onclick=”window(’20030725’)”>7月25日</a>

文章部分に

<div id=”20030725” style=”display:none”>

日記を書く

</div>

でいかがでしょうか?

id:izumi0301

ありがとうございます!

実は掲示板CGIの表示部分作成でつまっていました。

やってみますね。

2003/07/25 00:15:02
id:wacky No.2

わっきー回答回数54ベストアンサー獲得回数12003/07/25 00:04:29

ポイント25pt

簡単なサンプルを書きます。

<script language=”javascript”>

function change(id){ var e=document.getElementById(id); e.style.display=(e.style.display==”none”)?””:”none”; }

</script>

<a href=”javascript:change(’div01’);”>リンク</a>

<div id=”div01” style=”display:none”>

ここに本文を書きます。

</div>

id:izumi0301

ありがとうございます。

やっぱりjava使うんですね。。

もっと勉強しないとなぁ、というキモチです(汗)

2003/07/25 00:16:28
id:tarow No.3

tarow回答回数48ベストアンサー獲得回数02003/07/25 00:06:12

ポイント25pt

DHTMLの機能でできますよ。

このサンプルのような感じではないでしょうか。

id:izumi0301

ありがとうございます!

こちら、見せてもらいますね。

2003/07/25 00:17:05
  • id:izumi0301
    ありがとうございました。

    掲示板CGIの書き込み表示部分を、
    このようにしたかったのです。
    お3方のソースを総合して見せていただいて、
    件数に応じて01から数を増やせばいいのかな?と見ています。
    助かりました。
    またよろしくお願いします。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません