• 締切済み

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

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

みんなの回答

noname#176215
noname#176215
回答No.1

<SCRIPT type="text/javascript"><!-- function DisTest(i){ if(document.getElementById){ if(Test02.style.display == 'none'){ document.getElementById(i).style.display="inline"; } else{ document.getElementById(i).style.display="none"; } } else{ alert('DOM 対応のブラウザをご利用下さい。'); } } --></SCRIPT> +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- <SPAN onclick="DisTest('Test02')" style="cursor: hand"> test01</SPAN><BR> <DIV id="Test02" style="display: none"> <A href="#">test02</A> <IMG src="test02.gif"> </DIV> でいかがですか?

ohohogirl_gemini
質問者

お礼

お返事遅くなりまして住みません。大変に参考になりました。ありがとうございました。

関連するQ&A

  • オンマウスで画像と説明文を表示する方法

    画像ではなく文字のリンク先にオンマウスで画像と説明文を 表示したいと思っておりますが、タグが分からず困っておりますので教えていただければ光栄です。宜しくお願いいたします。

  • ランダム表示画像へ説明文を表示したい。

    ランダムな画像表示に対しそれぞれへの個別リンク設定をし、 個々の画像にカーソルを重ねた時に説明文を表示するようにしようと思っています。 画像とリンクはうまくいっているのですが説明文が表示されません 記述は下記のようにしました。 間違っているところを訂正していただけないでしょうか、 お願いします。 <script language="JavaScript"> <!-- // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://www.marucho-powertec.com/contents/powercool.html"; jmp[1] = "http://www.marucho.co.jp/mbs/cnts/option1/?c=seakayak"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "image/k_imgae/index/event/h23powercool.gif","遮熱塗料パワークール"; img[1] = "image/k_imgae/index/event/h23.08.18.jpg","シーカヤックガイドツアー"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>"); //--> </script>

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

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

  • マウスオーバーイベントで画像表示

    こんにちわ。 JavaScriptについて質問があります。 あるリンクの上にマウスを重ねると、テーブルのある場所にイメージを表示させることはJavaScriptで可能でしょうか? やりたい事としては、リンク部分にマウスを重ねると、そのリンクの説明を記した画像をテーブル中に表示させたいと思ってます。 ネットを探しまくったのですが、参考になりそうなページが無かったので質問してみました。 参考になるページでも構いませんので、知っている方がいらっしゃったら宜しくお願いします。

  • オンマウスすると、画像と説明が表示される

    <img src="" alt="AAA"> という画像にポインタを合わせると、 「AAA」という文字が現れますが、こういう感じで文字にポインタを合わせたら、 そこに画像と説明文を表示したいと思っています。 具体的には <a href="">Aさんブログ</a> この「Aさんブログ」の部分にポインタを合わせると、クリックする前に大まかなAさんブログの画像と 説明文が表示される・・・という感じです。 わかりにくくて申し訳ありませんが、よろしくお願いします。

  • ヤフーオークションの説明文に他サイトを表示させる方法

    詳しい方、ご教授お願い致します。 ヤフオクの説明欄に自分のホームページの一部を表示させたいと思っています。<a href="~">のようにクリックしてリンクさせるのではなく直接表示する方法はありますか?<IFRAME src="~">は使用できませんでした。ちなみに表示したいホームページには午前と午後で画像が変わる様にJavaを使用していてオークションの画像もそのように表示したいのですが、ヤフオクではJavaが使用できませんでした。そこでホームページを直接表示したいのですが、何か解決策は無いでしょうか? どうかよろしくお願い致します。

  • マウスオンで説明文の表示

    はじめまして。 画像にマウスを持っていくと説明文が出るところをよく見かけるのでやってみたいのですが、 どこを操作すればいいのかわかりません; できればクリックしていく過程を教えていただければと思います。 ビルダー9を使用しています。 よろしくお願いします。

  • ホームページの説明文の変え方

    インターネットで検索した際にホームページの説明文が表示されますが、それはどうしたら変えることができるのでしょうか? ずっと検索エンジンが勝手に決めていると思っていてそうではないと最近知りました。 参考になるサイトも紹介してもらえると助かります。

  • ヤフオク用の説明文をHTMLで表示するのですが・・・

    ホームページビルダー8で作成したヤフオク説明文をHTMLにして説明文にコピー・貼り付けを行うのですが、うまく表示されません・・・うまく表示させる方法があるのでしょうか。

  • onMOUTHOVERで画像に説明文(50文字くらい)を表示させるには?

    onMOUTHOVERでtable内の画像(7枚)にそれぞれ説明文(約50文字)を表示したいのですが、ソースの書き方が分かりません。よろしくご教授お願いいたします。

専門家に質問してみよう