趣味でホームページを作っています。発言小町で使われているタイトルをクリックすると記事が表示(非表示)される仕組みはどうやって実現してるのでしょうか?
たとえば↓このページのようにレスのタイトルをクリックすると本文が表示される仕組みです。
http://komachi.yomiuri.co.jp/t/2008/1008/207312. …
Javascriptかなと思ってるんですが素人なもので(涙)
解説しているサイトの紹介でも構いません。お分かりの方、どうぞよろしくお願いします。
No.2ベストアンサー
- 回答日時:
非常に簡単なサンプルを載せておきます。
簡単に説明すると、ボタンがクリックされると、javascriptのShowHideMessage関数がコールされます。
この関数内で、idがmsg1というタグの表示状態を調べ、表示・非表示を行っています。
<html>
<head><title>sample</title></head>
<body>
<div id="msg1">ここのテキストが表示・非表示されます</div>
<script type="text/javascript">
function ShowHideMessage()
{
var elm = document.getElementById("msg1")
if( elm.style.display == 'none' )
elm.style.display = 'block';
else
elm.style.display = 'none';
}
</script>
<button onclick="ShowHideMessage()">表示・非表示</button>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 「新規作成」メニューが表示されません 2 2023/04/07 14:56
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Chrome(クローム) Chromeでgooglemap検索等結果が他国になってしまう 1 2022/10/05 12:18
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- その他(ブラウザ) Amazonに掲載されている図書のURLについて 2 2022/12/13 10:31
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- Windows Me・NT・2000 IMEオプションが開かない 2 2023/04/07 18:04
- Excel(エクセル) セルに設定した[コメント]、表示のON/OFFは正常なるも印刷されない! 3 2022/09/18 21:56
- SSL・HTTPS ネットのセキュリティについて 2 2022/10/28 15:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
(Javascript)印刷するファイル...
-
bodyにidをつける理由は何ですか?
-
iframeのsrcにページ内リンク(...
-
divやiframeの読み込み時バグ @...
-
テキストボックス内にハイパー...
-
タブページの中にframeページを...
-
bodyにwidth:100%をつける理由は?
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
function の return 値を表示し...
-
JavascriptとJqueryを混在し記述
-
jQueryでdivをクリックし別窓で...
-
JavaScriptでiframeの内容を「...
-
base64encodeでの文字化けについて
-
相対パスと絶対パスの速度
-
以下の内、どれでも良いので可...
-
外部ファイル名を変数で指定で...
-
サブウィンドウの大きさを複数...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
別ページのページ内リンクでの...
-
横スクロールを右から左へ・・・
-
bodyにwidth:100%をつける理由は?
-
ボタンが押されたらWebページの...
-
テーブル内の数値を自動で計算...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
テキストをクリックすると答え...
-
インラインフレーム内のスクロ...
-
<body id=~>の用途は?
-
複数のiframeの読み込みについて
-
Chromeがiframe内の「#~」に釣...
-
-css- ページオープン時やリロ...
-
ページによって表示位置がずれ...
-
<HR>タグでつくる四角形につい...
-
リンクをクリックすると文字が...
おすすめ情報