• ベストアンサー

【HP作成】クリックすると下に文章が出てくるようにしたいのですが・・・

ボタンなどがあって、それをクリックすると下に文章があらわれる (もう一回押すと出てきた文章がかくれる)というのを使いたいのですがどのようにすればいいのでしょうか。 よくネタバレ内容を書くときなどに使われているやつで、ページは切り替わりません。 javascriptの「クリックするとツリーメニューを表示する」と似たような感じです。(が、メニューではなく普通に文章をつらつら書きたいのです) 今作っているサイトでは一応スタイルシートを使っているのですが何か書き加えたりするのでしょうか。 初心者すぎてすみませんが、教えてくださると嬉しいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • TM-51
  • ベストアンサー率42% (29/68)
回答No.1

専門的知識を持っているわけではありませんが、これはどうでしょうか。 javascriptの例文等をいじってみました。 ---javascriptを使った場合--- <script language="javascript"><!-- function naiyou(mojiA) { tt=document.all[mojiA].style; if(tt.display=='none') tt.display='block'; else tt.display='none'; } //--></script> <a href="javascript:naiyou('bun')">クリック</a><br> <div id="bun" style="display:none"> <a>晴れた空~ そよぐ風~</a><br> </div> ---javascriptを使わない場合--- <a href="#" onclick="window['moji'].style.display='block'">クリックで表示</a><br> <a href="#" onclick="window['moji'].style.display='none'">クリックで非表示</a><br> <p id="moji" style="display:none">晴れた空~ そよぐ風~</p>

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JavaScriptで見出しをクリックすると、詳細内容が表示される。

    JavaScriptで見出しをクリックすると、詳細内容が表示される。 今、JavaScriptを使って、見出しをクリックすると、詳細内容が表示される部分を作成しているのですが、私はJavaScript初心者で、本を見ながらやっています。 詳しく言うと、左カラムに「menu1」「menu2」「menu3」とあって「menu1」をクリックすると、下にそのカテゴリが表示され、もう一度クリックすると非表示になるというものを作っています。 せめてJavaScriptの基礎でも分かってからやればいいのですが、仕事で急きょやることになり時間もありませんので、本を見ながらやっています。 今、以下のようになっていますがクリックしても表示されません。 // JavaScript Document function changeDisplay(id){ var elem=document.getElementByld(id); elem.style.display=elem.style.display=="none"? "block":"none"; } //html <span onClick="changeDisplay('open01');">menu1</span> <div id="open01" style="display:none;"> ボタン1 </div> 初心者で分かりませんがJavaScriptの1行目「function changeDisplay(id){」の「id」を何かにかえるのでしょうか? どなたか分かるかた教えてください。

  • ツリーメニューの作成

    ツリーメニューの表示ができません。 記述は以下のとおりです (ヘッダー内) メタタグで標準スクリプト指定 <meta http-equiv="Content-Script-Style" content="text/javascript"> ツリーメニューの記述(某サイトよりコピペ) <script language="JavaScript"> <!-- function ok(id){if(document.all(id).style.display == "none"){document.all(id).style.display="block";}else{document.all(id).style.display="none";}} //--> </SCRIPT> ボディ内 (実際にツリーメニューを表示させる箇所) <A HREF="JavaScript:ok('tree1');"> ■メニュー </A> <div id="tree1" style="display:none;"> ツリー1<br> ツリー2<br> ツリー3<br> </div> ///////////////////////////////////////////////////////////// こんな感じです。 以前別のHTMLファイルで、ツリーメニューをつくったときには 正常に表示(クリックすると、ずらずらと出てくる)のに、今回同じソース(というのですか?)で記述してみたら、ダメでした。 「このページは表示できません」とかなります。

  • テキストをクリックして新たにテキストを表示させる方法

     ある大カテゴリのテキスト「×××」をクリックすると、その下に「☆☆☆」とか「●●●」などといった小カテゴリのメニューが表示されたり、また「×××」を表示するとその隣に内容が表示されたりする(ネタばれ禁止のため)というテクニックがウェブサイトで使われていますが、これはなんていうJavascriptの機能を使っているのでしょうか。

  • クリックすると切り替える

    JavaScript初心者です。 ボタンをクリックすると、下のHTMLの部分をきり替えたいです。 フレームを使用したくなく、Javascriptで制作したいのですが、うまくいきません。 ■←ここを押すと(複数ボタンを配置予定) □←ここが切り替わる 大変困っています。よろしくお願い致します!!

  • クリックでメニューを表示

    初心者で申し訳ないのですがお答えいただけたらと思います。 親メニューに当たる画像orテキストをクリックして 指定箇所に子メニューを表示させ、 その子メニューをクリックしてリンクさせたいと思っているのですが JavaScriptでできるのかどうか、 もしできるのであればどう組めばいいのか よろしくお願いします。 形的には、 http://www.ozaki-gasrange.co.jp/cso_q1-3.html ↑ページのような感じで、 マウスを置いた時ではなく、クリックして 下にメニューを表示させて さらにそのメニューをクリックして右枠にページを 表示させたいと思います。 どうぞよろしくお願いします。

  • HPのメニューを作成してます。

    HPでリンクするページをメニューとしてAタグを使って書きました。 そこに、例えば『リンゴ』と『みかん』と『ブドウ』のページがあるとして、それをまとめて『果物』という表示にしておき、onMouseの時にプルダウンメニューのようなものが出るようにして、それぞれのページを選べるようにしたいと思っています。 Flashなどを使って、画像にしてからだと出来るとは思うのですが、JavaScriptを使って簡単にそれを作成することは出来ませんか?? 文章が下手ですみませんが、宜しくお願いします<m(__)m>

  • HPを右クリックで印刷させたい javascript で

    ホームページを見に来てくれる方に「右クリック」で「印刷」、メニューは出ないようにし、そく「印刷」 と言うジャバで書きたいのですがうまくいきません。 印刷ボタンを作っては印刷できますが、 右クリックで印刷させたいのです。 ウインドウのメニューは全て隠してしまっている状態のページを印刷だけさせたいのです。 何か良い方法はないでしょうか? ジャバはまだ良くわからない初心者です。 宜しくお願いします。

  • HPのメニュー

    HPのTOPページをつくりました。メニューが左側に縦に並んでいるのですが、メニューボタンをクリックした時に、同じページ内に、内容がでてくるようにしたいのですが、どーすればいいのでしょうか?? その内容もFLASHでつくりたいんです。

    • ベストアンサー
    • Flash
  • HP作成で・・・

    HPを作成しているのですが、 よく、クリックしたら同じページの下のほうなどにリンクされるってヤツがあるじゃないですか。 あれのタグを教えてください!! 説明不足でしたら、何なりとお聞きくださいっっ

  • javascript クリックでポップアップ

    javascript初心者です。 ボタンをクリックすると同じ画面内で新たに枠を表示し、その中に画像や文章を表示したいのですがどのようにすればいいか見当がつかないので教えていただきたく思います。 ちなみに枠は半透明、内容が多い場合は枠内で画面遷移ができ、枠外をクリックすると消えるようにもしたいと思っています。