人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: izumi0301
●カテゴリ:ウェブ制作
✍キーワード:サイト ソース リンク
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● mune1109
●25ポイント

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>

でいかがでしょうか?

◎質問者からの返答

ありがとうございます!

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

やってみますね。


2 ● わっきー
●25ポイント

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

<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>

◎質問者からの返答

ありがとうございます。

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

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


3 ● tarow
●25ポイント

http://www2f.biglobe.ne.jp/~takan/javac/dhtml/ie/dh_display_cont...

DHTMLの機能でできますよ。

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

◎質問者からの返答

ありがとうございます!

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ