• ベストアンサー

文字をクリックすると　小窓が開く

いくつかの箇条書きがあり　それぞれの　項目（テキスト）をクリックすると　それぞれの　小窓を開くことができる　そんなことはできますか？？？ 以前　アイコンを　クリックすると　小窓が出るを作成したことあるのですが　文字（テキスト）には初めてです

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

  • ベストアンサー
  • moccos
  • ベストアンサー率43% (61/140)
回答No.3

>いくつかの箇条書き・・・・それぞれの　小窓を・・・・ とありましたので小窓のサイズとURLを渡せる方法を書きましたので参考になれば・・ 　 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT Language="JavaScript"> <!-- function subWin(url,w,h) { w = window.open(url, 'win','width=' + w + ',height=' + h + ',status=no,scrollbars=no,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </SCRIPT> </HEAD> <BODY> <UL> <LI><A HREF="javascript:subWin('aaa.html',400,200)">aaa(400×200)</A> <LI><A HREF="javascript:subWin('bbb.html',400,400)">bbb(400×400)</A> <LI><A HREF="javascript:subWin('ccc.html',100,100)">ccc(100×100)</A> </UL> </BODY> </HTML> ■箇条書きの項目が増えても <LI><A HREF="javascript:subWin('zzz.html',400,200)">zzz(400×200)</A> で追加しやすいと思います。 蛇足ですが[subWin('zzz.html',400,200)]は subWin('リンク先のurl',小窓（幅）,小窓（高さ）)　です。

gogogo123
質問者

お礼

ありがとうございます できました

その他の回答 (2)

  • esprei
  • ベストアンサー率56% (718/1271)
回答No.2

アイコンでもテキストでもやり方は同じのはずですけどね。 リンクを貼る元の画像指定の部分をテキストに変えれば出来ます。 小窓の大きさなどを指定したい場合の記述を一応ご参考までに。 まず、<head>と</head>の間に、 <script type="text/javascript"> <!-- function PopUp() { window.open('aaa.html','','scrollbars=no,menubar=no,location=no,status=no,toolbar=no,width=100,height=100'); } //--> </script> 次に<body>と</body>の間、 <a href="javascript:PopUp()">リンク</a> 以上 まず、('aaa.html','','scrollbars=no,menubar=no,location=no,status=no,toolbar=no,width=100,height=100'); ここのaaa.htmlとはリンク先のファイル名です。 width=100,height=100 ここで開いた小窓の大きさを指定します。 横×縦の順です。 次に<body>の中に記述したやつですが、 これがリンクボタンです。 上の記述でしたら「リンク」という文字にリンクが張られて、それをクリックするとaaa.htmlというファイルが100*100の大きさで開きます。

  • matrix4
  • ベストアンサー率16% (118/704)
回答No.1

新規ウィンドウですと、 <href="xx.html">< img src="ZZZ.gif" target="blank"> でどうでしょう

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 小窓を出したい。

    画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたい。 色々と画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたいのです。 Java Scriptを使うのはまったく初めてなのですが、 上記の場合のJava Scriptの書き方えを教えて下さい。 宜しくお願い致します。

  • Javaで小窓を開きたい

    メモ帳でHPを作成中です。 HTMLとCSSをようやく理解できたかなというレベルの初心者です。 Javaで文字をクリックすると小窓が開くようにしたいのですが、過去の質問でも同様のものがあり、その通りにしたのですが、文字をクリックしてもアンダーバーのところに「ページでエラーが発生しました」という文字がでて小窓が開きません。 ドリーム小説というものを作る場合に名前の入力のページだけを小窓で表示するようにしたいのですが、どうすればよいでしょうか？ IE6.0 OSは98です。 どなたか分かる方、回答をよろしくお願いします。

    • ベストアンサー
    • Java
  • 小窓を出したい

    自身でＨＰを作成しているnamerinです。 HPで新たに小窓を出したいのですが、どのようなソースを作ればいいのでしょうか？ （クリックすれば小窓が出てくるという感じにしたい） また、それについて詳しくかかれているサイトを教えてください。

  • JavaScriptで小窓を表示したい

    ホームページ作成中です。文字をクリックさせて、小窓で1ページ出したいのですが、そのページの中身の書き方と設置の仕方、小窓の大きさを制御したいのですが、スクリプトの書き方が分かりません。 どなたか分かる方がいらっしゃったら、教えてください。お願いいたします。

  • 右クリックで透明な小窓が・・・

    右クリックすると、小窓の中にコピーや切り取りが表示されますよね？　昨日から、その小窓が透明になり、本来コピーがあるところにマウスを持っていくと、表示されるようになりました。どのようにしたら元に戻るでしょうか？教えてください。

  • 小窓の出し方

    ＨＰでよく、小窓（ウィンドウ内に戻るとか何もないもの）が 使われていますよね？それを使いたいのですが どうすれば小窓をつくることができますか？ 私の場合、画像をクリックして小窓を出すようにしたいのですが。。。 教えてください！

    • ベストアンサー
    • CSS
  • 小窓

    いつもお世話になっております。 今、ホームページを作成しています。 小説を表示させる時に、タイトルをクリックすると新しく小窓で表示されるようにしたいのですが、やり方が分かりません。 また、そのとき表示される小窓のサイズ変更や各種メニューバーを表示させたくありません。 昔、ソースを貼り付けて、ウィンドウのサイズの部分だけ変更して簡単にやっていた記憶があるのですが…忘れてしまって困っています。 ご存知の方、お願いいたします。

  • 小窓でクリックするとスライドショー

    こんばんわ、ここ１週間くらい調べ続けてるのですが 全然分かりません＞＜どなたかアドバイスお願いしますm(_ _)m リンクを押したら小窓が出てきて、その小窓には 画像が表示されます。 その画像をクリックしたら次の画像が出てきます。 そして全て見終わったら小窓が閉じる。 これはどのようにすればいいのでしょうか。 ＨＴＭＬスライドショーでやりたいです。 このサイト様の写真みたいにしたいです(下の大きいバナーの)↓ http://mai623.osyarebito.com/photo/

    • ベストアンサー
    • HTML
  • 小窓を表示させたいときのHTMLについて質問

    こんにちは。 今ＨＰを作成していまして、アイコンをクリックすると、 小窓を開けるようなしくみのものを設置したいと思っています。 小窓の表示のさせかたでＨＴＭＬを調べていたのですが、次のようなタグを見つけました。 <a href="javascript:void(0);" onClick="window.open('表示させたいページ.html', 'newwin', 'width=***,height=***,scrollbars=no')"> クリックさせたい画像または文章</A> これって、ＢＯＤＹより以前の部分にあらかじめ打ち込んでおくタグ等がいらない、お手軽なものに見えるのですが＾＾、これはWindows、Macの違いに関わらず、またWin98のような古いバージョンをお使いの方にも、もちろん通用する（？言い方変かも。作動する？）タグなのでしょうか？ どうしても気になるので、どなたかＨＴＭＬにお詳しい方、 初心者の私に教えてください。

    • ベストアンサー
    • HTML
  • 小窓を表示するとページの先頭に戻る

    ホームページビルダー９で小窓を作成しました。 縦に長いページで、ページの下部にクリックすると小窓が表示できるようになっております。 しかし、小窓が表示されるとページが先頭に戻ってしまいます。（スクロールダウンしていたのが勝手に戻ってしまう） これを防止する方法はありますか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する