リンクをクリックすると下に文章を表示したり隠したりするJavaスクリプト

前へ 次へ
このQ&Aのポイント
  • Javascriptを使用して、リンクをクリックすると下に文章を表示したり隠したりする仕組みを作成する方法を教えてください。
  • 忘れたページを確認するために、Javascriptのソースコードを調べていますが、どのページだったか思い出せないため、参考ページや実際の書き方を教えてください。
  • 大項目と中項目を含む折りたたみ式のコンテンツを作成する方法を教えてください。二つ以上の大項目を開くことも考慮してください。
回答を見る
  • ベストアンサー

リンクをクリックすると下に文章を表示したり隠したりするJavaスクリプト

Javascriptだと思うのですが、 ソースを見て確認しようにも どのページだったか忘れていて調べられないでいます。 同じようなことをしている参考ページでも、 実際の書き方でも良いのでご教授願います。 ▽大項目　←▽をクリックすると ▽大項目 ▽大項目 ▽大項目　←▽をもう一度クリックすると閉じる（別記号をもうひとつ設けてもよいです） 　▼中項目 　▼中項目 　▼中項目 ▽大項目 ▽大項目 二つ以上の大項目を開くことがあるので、 別々のHTMLは作らないという前提でお願いします。 ▼については文字でも画像でもいいですが、 大項目中項目の文字は画像にしないほうが嬉しいです。

  • elthy
  • お礼率90% (405/447)

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

  • ベストアンサー
  • BCT
  • ベストアンサー率37% (26/69)
回答No.1

↓URLを参考にすれば もうひとつ記号を増やして表示/非表示の切り替えができます。

参考URL：
http://homepage2.nifty.com/yoshi-m/makehp/dhtml/lesson/view/1-3.htm
elthy
質問者

お礼

<SPAN onclick="com1.style.display='block'"> ＋ </SPAN> <SPAN onclick="com1.style.display='none'"> － </SPAN> 大項目 <BR> <FONT color="green" id="com1" style={display:none;}> ┣　中項目<BR> ┣　中項目<BR> ┣　中項目<BR> ┗　中項目<BR> </FONT> でIEでの動作が確認できました。 NNで動くか謎ですがやってみます。 Aタグに変えればできるかも・・・。

その他の回答 (1)

  • BCT
  • ベストアンサー率37% (26/69)
回答No.2

#1です。 ↓URLのサンプルコードに記号一個で表示/非表示を切り替えるサンプルコードがありました。

参考URL：
http://homepage2.nifty.com/yoshi-m/makehp/dhtml/sorce/ivent/2.htm
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • java scriptについて

    ホームページビルダーでHPを製作してます。 画像をクリックするとテキストボックスに文字が入力されるjava scriptを教えてください。 リンクした別のページのテキストボックスに入力されるjavascriptが、尚いいのですが…

  • クリックすると別の文章を表示する

    javascriptでいくつかの文字をクリックするとその文字に対する文章が表示されるようにしたいのですが、どのように記述すればよいのでしょうか？どなたかご教授お願いします

  • サムネイルをクリックし、メインに表示→クリックでリンク先へ。

    サムネイルをクリックし、メインに表示→クリックでリンク先へ。 というJavaScriptを採用したいのですが、下記サイトを参考にして、サムネイルをクリックし、メインに表示までは出来たのですが、メインに表示された画像をクリックして別ページへリンクというのがどうしてもできません。 どのような記述にすれば可能でしょうか？ よろしくおねがいします。 http://chibatch.jp/blog/archives/change-image2.html

  • JAVA SCRIPTの縦スクロールについて教えて下さい

    JAVA SCRIPTについての質問です。 初心者なもので、よくわからないので教えていただきたいです。 縦に長いHTMLページの場合に、ページ内の特定の場所にリンクさせて（マウスでクリックした際に）スクロールしてその場所まで移動させたいのですが・・・ ページの一番上までスクロールして移動させる方法はわかったのですが、ページの途中の特定の場所でとめる方法がわかりません。 Y軸の値を指定すればできると思ったのですが、なかなかうまくいきません。 どなたか心優しい方、ソースをご教授いただけないでしょうか？ お願いいたします。

  • 押下したリンクの表示を変えたい。

    うまく説明できないので、添付の画像を見ていただけると助かります。 たとえば、項目1、項目2、項目3というリンクがあって、項目1をクリックしたら JavaScriptを走らせたいのですが、その際、項目1は非リンク状態（再度押せない 状態）にしたいのです。他の項目をクリックしたら、今度はその項目が非リンクになり、 今まで非リンクだったところ（この場合は項目1）は再びリンク可に戻ります。 また、もし可能なら、ソース的には、 <span class="nonlink">項目1</span><a href=… onclick…>項目2</a><a href=… onclick…>項目2</a> のように、非リンクの場所はSPANをあてたい（スタイルシートをあてたいため）のですが、 可能でしょうか。

    • ベストアンサー
    • HTML
  • java script で画像を降らせる

    私は、今年やっと念願のHPを立ち上げる事が出来ました。ホームページビルダーでHPを作っています。 その中で、花びら等が上から舞って来るものとか 泡ぶくが下から上にあがって行く。などを設置したいのですが、またいろいろ設置方法が説明したページもあって、ソースをコピー＆ペーストして貼って、何回もやってみるのですが、プレビューでみると四角の中が×になったものが舞い上がっています。（画像）花びら等になりません。 HTMLソースが用意されていて・・ （画像も保存してあります） それをどのようにしたら良いのかが全く分かりません。出来れば詳しく教えていただけたら嬉しく思います。どうぞよろしくお願いします。

  • ページのどこかクリックするとリンク

    ページのどこかクリックするとリンク先に飛んでいくようにできますか。 ＃そのページの中の画像でも文字でもそれ以外の任意のどこだろうがクリックすると指定したＵＲＬに飛ぶように。

  • アメブロで画像をクリックしてリンクに飛ばせたい

    アメブロでブログを書く時、画像を張り付けて その画像をクリックすると指定されたページに 別画面で飛ぶようにしたいのですが、どのように すればできますか。 （ＨＴＭＬなどはできません。）

  • クリックで画像表示、さらに画像の一部をクリックで閉じる

    今、Javascriptを使用したページを立ち上げようと しており、以下のようなことをしたいと思っています。 (1) あるテキスト（または画像）をクリック (2) 説明用の画像が表示 (3) (2)で出た画像内の×マークをクリックすると、 　 その画像が消える。 イメージとしては、GOOGLEローカルのように、 マーカーをクリックすると、 説明文（画像）が出てきて、 ×を押すと閉じるといった内容です。 Javascriptのonclickとかをうまく使えば…と思うのですが、 ホントに初心者なので、分からないことだらけです。 すいませんが、教えていただけないでしょうか。

  • Javaスクリプトエラーで困ってます

    先日までは、下記サイトの画像をクリックすると その画像が別のウィンドウでが表示されていたのですが、 2，3日前ほどから、それができなくなりました。 http://www.appie.jp/community/ss/list_tree.asp 該当の画像の箇所をポイントすると、左下のタスクバーに "javascript; void" とエラーメッセージが表示されて 画像が別ウィンドウで表示されなくなっています。 IE6.0 (OS は XP HomeEdition) なので、インターネットオプションの [セキュリティ]でActiveX と Java スクリプトの項目は 全部「有効にする」をオンにしています。 また、Cookie の削除ボタンと[履歴のクリア]ボタンも押しましたが やはり、エラーになってしまいます。 ほかにどこを確認すればよいでしょうか。 どうすれば、以前のように別ウィンドウで画像を開くことができるようになるでしょうか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する