• ベストアンサー

クリックするとページ内で説明が表示されるように…

いつもお世話になっております。 最近ホームページで「この続きの説明」などというボタンがありそこを押すと画面などはジャンプせずにすぐその文章の下に説明が出るものを目にします。 おそらくJavaScriptで製作されているものだと思うのですが… もしタグなどが分かる方が見えたらご指南お願い致します。 例)「詳しく」という文字を押すとその下に「説明文」が出る形にしたいです。。。

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

  • ベストアンサー
noname#227760
noname#227760
回答No.1

ご指摘のとおり、Javascriptを使って実現します。 以下のURLで公開されているものは、「マウスを乗せると」説明を表示するものです。 http://tohoho-web.com/wwwxx023.htm このプログラムの中に記述されている「onmouseover」を「onclick」に することで、「クリックしたときに」表示されるようになります。 また、以下のURLのプログラムは、右クリックしたときに メニューをポップアップで表示するものです。 http://tohoho-web.com/wwwxx035.htm この2つのプログラムをうまく組み合わせればご希望のものを 作ることができると思います。 参考URLに示したサイトは、Javascriptなどに関しても説明が 充実していますので、ご参考までに。

参考URL:
http://tohoho-web.com/www.htm
news_0203
質問者

お礼

迅速な回答有難う御座いました><+ とても助かりましたっ!!!

その他の回答 (1)

noname#227760
noname#227760
回答No.2

No.1で回答させていただいたものです。 私もまだじっくり見ていませんが、 参考URLご覧下さい。 おそらくこれを使えばご質問者様のやりたいことが できるのではないかと思います。

参考URL:
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html

関連するQ&A

  • 簡単な説明表示

    よくアイコン(画像)などにカーソルを置き しばらくするとちょっとした説明が表示される物が ありますよね。画像の場合だと <IMG src="画像のURL" url="説明">でしたっけ? それを文字に置き換えてやりたいのです。 文字のところに触れると出るようにしたいのです。 例で言えば・・・ イラストサイトで「ひまわりと少年」という所に カーソルを置くと「男の子描きました」と出る。 で、その「ひまわりと少年」の部分をクリックすると そのイラストのページにいける・・・と。 こんな感じにしたいのですが出来ますか? 説明下手ですいません。ビルダーで製作しているので タグのことはまだまだ初心者ランクです(泣) それともう1つ。この説明の文は改行することは 可能でしょうか?宜しく御願いします。

    • ベストアンサー
    • HTML
  • 文章中のあるキーワードをクリックすると、そのページにジャンプできる方法

    ホームページを作っていますが、よく文章中に あるキーワードをクリックすると、そのページに行けるように リンク?する方法(タグ)を教えて下さい。 例:「詳しくは、プロフィールをご覧下さい」 という文章があったとして、「プロフィール」の文字の所をクリックすると 同じホームページ内のプロフィールのページにジャンプできたり、 別ウィンドウで開いたりできるあれです。 よろしくお願いいたします。

  • 文字をクリックすると説明が出るようにするには?

    パソコン初心者ですみません! よく(?)パソコンゲームの「ヘルプ」などで、文字をクリックすると四角いものが文字の下のところに出てきて、その言葉の説明みたいなものが出てくるときありますよね。 それってHP上でもできますか? もし知っていたらタグなどを教えて下さい。

  • 質問タイトルをクリックすると回答が表示されるホームページの仕組みを教えてください

    ホームページで「よくある質問」ページを作っています(php)。 ページの上部に、質問文を1から10まで順に並べておき、その質問文をクリックすると、回答文が表示されるようにしたいです。 やり方を教えていただけないでしょうか? <a name>タグで、ページの下へジャンプさせるのではなく、隠していた回答文が質問文をクリックすることにより表示させたいです。 例; 1.質問(1) 2.質問(2) 3.質問(3) 10.質問(10) (質問(1)をクリック)↓ 1.質問(1)  ┏━━━━━━━━━┓  ┃回答文回答文回答文┃  ┗━━━━━━━━━┛ 2.質問(2) 3.質問(3) 10.質問(10) よろしくお願いします。

  • webページ上で、リンクをクリックすると中身を表示させたい。

    おそらくJavascriptのようなプログラムでないと動かないと思ったので、Javascriptで投稿します。 webページ上で、あるリンクをクリックすると、リンクの下に中身を表示させて、もう一度リンクをクリックすると中身が見えなくなる。という風にしたいです。 例えばブログなどで ~~~最初の2,3行程度のテキスト表示 この記事の【続きを表示する】 とあって、【続きを表示する】をクリックした「瞬間に」 このリンクの下に続きの内容が表示されて、【続きを消す】リンクを作成して 【続きを消す】リンクをクリックしたら、下の内容が消える。 というようなイメージです。 http://okwave.jp/qa1027735.html の良回答を参照して、スクリプトソース(ボタンテスト~以降)をコピペしてみたんですが、 IEでは動作したのですが、firefoxでは動きませんでした。 IE、firefox、オペラ対応ぐらいの対応での何か方法はありませんでしょうか?

  • onclickで説明文、画像を同時に表示したい

    クリックすると、説明文(リンクを含む)、画像を同時に表示させることができるjavascriptを知りたいです。 参考になるホームページや、javascriptを教えてもらえれば嬉しいです。 よろしくお願いします。

  • クリックでテーブル内の表示だけ変えたい

    文章では説明が伝わりにくいことなんですが、一つのテーブル内で複数のメニューからクリック一つで表示が自由に変えられるタグを作成したいと考えています。 ところがいざ作ろうにもそれを教えてくれるサイトが見つからず困っています。おそらくJavaScriptを用いて作るんだとは思うんですが… 例えば下記のURLの右にあるアバウト・お知らせ・他ブログのようにクリック一つでテーブル内の表示が即座に変わるようなタグが作りたいのです。 参考:http://whithdrawxwhithdraw.blog49.fc2.com/ これに関して知識のある方がいましたらお手数ですが、タグの記述を教えていただけるとありがたいです。よろしくお願いします!

  • インラインフレームにボタンクリックで表示させたいです。

    こんにちは。いつもお世話になっております。 <body>タグの中に <a href="javaScript:chaneIFrame('URL')">飛ぶ</a> として、インラインフレーム表示させる事はでできました。 これを、文字クリックではなくて、ボタンクリックで 表示させるようにする方法はありませんでしょうか? 検索してみたのですが、サンプルはどこも文字クリック になっていて、ボタンでのインラインフレーム切り替え がなくって・・・・。 どうかご指導よろしくお願いいたします。

  • ヤフオクの説明の書き方で・・

    ヤフオクの説明欄で、1行スペースをあけたり、赤い文字を使っているものを見かけるのですが、特殊なソフトを使っているのですか?私が、(例)のように改行をしても反映されないのですが。 ちまたのオークション製作ソフトを使うと、色々できると言うのはわかっているのですが、面倒なので、ベタうちで且つ読みやすい文にしたいのです。 (例)ああああああ           ああああああ111111             と打った場合、     111111           出品時には↑となってしまいます

  • htmlの基本的な構造の詳しい説明

    これからホームページを作ろうかと思っています 本などは見ず、ほかのホームページから作り方の情報を得ようと思っています しかし、ほかのホームページに載っているのは 「これらを打ち込んだらホームページのもとができる コピーして使ってください」 的な説明しかなく それらへの詳しい説明・・・ そのタグには こんな意味を持つから 入力するんだ というようなことが書いてある サイトが見つかりません 中でも最も知りたいのは <meta>タグ の詳しい説明です そういうことは 本などを買わないと 説明していないのかもしれません もしも、ホームページ上で そのようなことを 説明している サイトがあれば教えて欲しいです よろしくお願いします

専門家に質問してみよう