- ベストアンサー
クリックしたら記事が表示・非表示
趣味でホームページを作っています。発言小町で使われているタイトルをクリックすると記事が表示（非表示）される仕組みはどうやって実現してるのでしょうか？ たとえば↓このページのようにレスのタイトルをクリックすると本文が表示される仕組みです。 http://komachi.yomiuri.co.jp/t/2008/1008/207312.htm?g=04 Javascriptかなと思ってるんですが素人なもので（涙） 解説しているサイトの紹介でも構いません。お分かりの方、どうぞよろしくお願いします。
- slowMay
- お礼率68% (75/109)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （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>
その他の回答 (1)
- cipher_roy
- ベストアンサー率45% (411/894)
javascriptのテキスト折りたたみプログラムなどでこういう 仕組みが作れます。 javascript、テキスト折りたたみなどのキーワードを入れればいくらでも 参考にできるソース例が出てきますよ。
お礼
テキスト折りたたみですね。 さっそく調べてみます。 ありがとうございました！
関連するQ&A
- クリックすると過去の記事が開くように・・・
日が浅いですが ブログを 始めました。 本文の途中で 参考にしてもらうために クリックすると 過去の自分の 記事が開くようにしたいと思っています。 ”よかったら こちらも読んでみて下さい” みたいな 感じで 過去のブログの タイトルを載せ そこを クリックすると 過去の そのタイトルの記事が 開く・・ というような 流れです。 宜しく お願いします。
- ベストアンサー
- ブログ
- メルマガの記事全文リンクをクリックすると必ず同じブラウザウィンドウで表示されるのは何故？
nikkeibp などのニュースのメールマガジンを購読しています。 メール本文では、記事の見出し１行とその記事の全文へのリンク１行とが２行一組になっていて、それが数十組あります。 私は、ブラウザ（ＩＥ）を同時に幾つも立ち上げていることがほとんどでして、メルマガを読んでいるときも、そういう状態なのですが、 メールの中の１つ目の記事リンクをクリックしたときと、２つ目以降の記事リンクをクリックしたときとを比べると、必ず、複数立ち上げているＩＥウィンドウのうち、ある１つだけのＩＥウィンドウだけが反応（？）して、そのウィンドウに記事全文が表示されます。 なお、 記事全文のＵＲＬのドメインは、どの記事も、たとえば、nikkeibp.co.jp です。 そういえば、 oshiete-goo@okwave.jp から来る通知メールで、複数の通知メールの中の質問リンクをクリックしたときも、必ず同じブラウザウィンドウが開きます。 このように、必ず、ある決まったブラウザウィンドウに表示させるようなワザというか仕組みが、メルマガ本文とかブラウザとかサイトとかに仕掛けられているのでしょうか？
- 締切済み
- ブラウザ
- Seesaaブログ 記事の日付表示について
Seesaaブログを利用しています。 【１】 日付表示について 例えば、2005/10/7に２つの記事をUPしたとします。 するとTOPページには・・・ 2005年10月07日 「記事タイトル１」 （記事の本文） ------------------------- 「記事タイトル２」 （記事の本文） ------------------------- となります。 これを、 2005年10月07日 「記事タイトル１」 （記事の本文） ------------------------- 2005年10月07日 「記事タイトル２」 （記事の本文） ------------------------- このように、記事ごとに日付が表示される方法を教えて頂ければ幸いです。 【２】 画像の重さについて 一つの記事に、画像をupするとします。 この時、どのくらいの大きさの画像になると、表示されるのが重いと感じますか？ （＊ネット環境によって異なるというのは承知しています） 一つの記事に、いくつかの画像ファイルを挿入して、その画像の大きさの合計が150KB～200KBあっても大丈夫なのか知りたいです。 もしくは、○KBまでにしておくのが無難、というのがあれば、教えて下さい。
- ベストアンサー
- ブログ
- キャッシュをクリックすると非公開記事が読める
お世話になります。 ブログタイトルで検索すると、検索結果として ブログで非公開にしている記事が表示されます。 非公開なので記事タイトルをクリックしても 「読み取り権限がない記事です」と表示され一般に読まれることはありません。 しかし、タイトル下の２行のサマリーの横にある「キャッシュ」をクリックすると 非公開になっている記事が表示され誰にでも読めてしまいます。 この記事を読めないようにするにはどうすればいいでしょうか？ ご回答をよろしくお願い致します。
- 締切済み
- ネットトラブル
- WP/ 記事タイトルをクリックさせて中身を表示
お世話になります。 どうしても頭を悩ませていています。 WORDPRESSを使用し、シンプルに投稿内容を表示させたく思っています。 記事タイトル一覧のページで、各タイトルをクリックしたら 記事内容をアコーディオンメニュー的に表示させたいのです。 jqueryでもcss3でもいいのですが、どこかに参考サイトはないでしょうか？ 探したのですが、見つからなくて困っています。 何卒、ご教授ください。
- ベストアンサー
- CSS
- テーブルの表示制限？
日記サイトを作っています。 PHP+MySQLで投稿から表示まで出来たので こんどはデザイン面を作ろうと思っています。 日記の内容が増えてくると見るほうも面倒になると思うので タイトルと日付だけを表示させて「続きを読む」ボタンを押すとズラっと本文が表示される。 というような方法をとりたいのですが たとえばタイトル、本文、日付の項目でテーブルを作って ボタンがクリックされたときに本文を表示する。 というのはJavascriptで可能でしょうか？ Dreamweaverの体験版を使ってみたのですが、WEBページ上に配置されている記事を 見ている人が自由に配置変更できる「レイヤーのドラッグ」 という機能があったのできっと今回のような処理も Javascriptでできるのでは？とおもって質問することにしました。 アドバイスよろしくおねがいします。
- ベストアンサー
- JavaScript
- ブログ・記事タイトルのリスト表示
FC2ブログを使っています。 カテゴリーをクリックしたら、そのカテゴリーの記事タイトルを一覧表示するプラグインってありますか？ いくつも記事を書いてると古いモノを見ようと思ったら、いくつものページをクリックし、スクロールしなければならないですよね。それって、書いてる本人、新しい訪問者さんにとってはかなりめんどくさい行為と思うんです。 なので、カテゴリーをクリックしたら記事タイトル・記事内容が全文ずらずら出てくるのではなくて、シンプルに記事タイトルだけ表示されるようにしたいんです。 （Yahoo！ブログみたいに、全部表示、記事タイトルのリスト表示と選べれるようになれば、なお良し） もし、こんなのあるよっていうモノがありましたら教えて下さい。 よろしくお願いします。
- ベストアンサー
- ブログ
- 記事タイトルを上に表示させる方法
ＦＣ２ブログで記事のタイトルなどをクリックしても普通は、 一番上の部分はブログタイトルが表示されますよね？ 記事をクリックしたら上の部分も記事タイトルだけ表示させたいです。 そのやり方をわかる方はいますでしょうか？そういう表示をさせているブログをよくみかけるんですけどどうしてもやり方がわかりません。。 ご教授お願いします。
- ベストアンサー
- HTML
- ブログ記事を削除したのですが、いまだに検索するとその記事がでてきます。
ブログ記事を削除したのですが、いまだに検索するとその記事がでてきます。どうすれば検索からも削除できますか？ 実際には検索結果のブログ記事をクリックすると、「その記事はすでに削除されているか、存在しません」というページに飛び、実際には記事は削除されています。 しかし、検索結果では、そのブログ記事タイトルと、その下には数行の本文が表示されています。 すでに削除した記事自体を検索できなくしたいのですが、どうすればよいでしょうか？ もうちょっと詳しく書くと、間違った内容の記事でして、その記事を伏せたいのです。 どうぞよろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログの最新記事のタイトルを他のサイトで表示する方法
ブログの最新記事のタイトルを他のサイトで５つ程度表示したいのです。 その方法がJavaScriptで可能だということを聞きました。 RSSフィードを読み込んで、自動的に変換してくれるということでしょうか？ もしよろしければ、方法を教えて頂けないでしょうか。 もしくは、わかりやすく解説してあるサイトなどを知っていたら教えてください。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
お礼
分かりやすい説明をありがとうございました。 Javascriptの勉強もかねてさっそく試してみます！