• ベストアンサー

JavaScriptで小窓を表示したい

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

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

  • ベストアンサー
  • malice
  • ベストアンサー率42% (46/109)
回答No.4

書き忘れました。#3の回答をした者です。 この記述なら、1ページに何回でもリンクを張る事が可能です。 同じ小窓へのリンクでよければ <a href="javascript:void(0);" onClick="window.open('/●●.html', 'newwin', 'width=300,height=220')">click!!</a> を数箇所に設置してもいいし、 違う小窓に行きたい場合は●●の部分だけ違うHTMLの名前にすればいいのです。

その他の回答 (3)

  • malice
  • ベストアンサー率42% (46/109)
回答No.3

<a href="javascript:void(0);" onClick="window.open('/●●.html', 'newwin', 'width=300,height=220')">click!!</a> これだけで大丈夫ですよ。 小窓の中身は●●htmlを作成するだけです。 width(幅)とheight(縦)で大きさを決めて下さい。 ちなみにこの小窓にはツールバーやアドレスバーはありません。

  • ShinX2
  • ベストアンサー率36% (82/225)
回答No.2

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function pView(wUrl,wName) { var sw1; scWidth = 50; //小窓の幅 scHeight = 100; //小窓の高さ setw = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=' + (scWidth) + ',height=' + (scHeight) + ',top=0,left=0'; sw1 = window.open(wUrl,wName,setw); } //--> </SCRIPT> </HEAD> <BODY onLoad="JavaScript:top.pView( 'phot.html','phot')"> phot.html を開きます。 </BODY> </HTML> ---------- 必要に応じて、幅、高さを変えてみてください。 = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width= の部分の「no」「yes」を入れ替えると色々変わります。

  • shy00
  • ベストアンサー率34% (2081/5977)
回答No.1

最近のものですが・・・ http://oshiete1.goo.ne.jp/kotaeru.php3?q=521104 http://oshiete1.goo.ne.jp/kotaeru.php3?q=521001 を参考になさって下さい

参考URL:
http://oshiete1.goo.ne.jp/kotaeru.php3?q=521104,http://oshiete1.goo.ne.jp/kotaeru.php3?q=521001

関連するQ&A

  • 小窓を出したい。

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

  • JavaScriptで、小窓を開きたいのですが…

    色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • 小窓を表示するとページの先頭に戻る

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

  • ひとつのページから複数の小窓(Javascript)を開くことは可能ですか?

    ざっとですが「小窓」検索で過去の質問に目を通しましたが、見つけられなかったので…。 もし既出でしたらすみません。 Javascriptの小窓なんですが、 ひとつのページから複数の別の小窓を開くことは可能ですか? もしかすると愚問なのかもしれませんが……^^; ページを作成し終え、さてスクリプトを挿入しよう…と思って「はッ」となりました。 自分の知っているものだと、ひとつのページに対してひとつの小窓しか開けないソースだからです。 通常のを開くひとつのページに対してひとつの小窓を開く方法は今使用しているのでわかります。 教えていただけるようでしたらどうぞよろしくお願いしますm(_ _)m

  • JavaScriptで小窓が開くようにしたいのですが

    今配布のCGI掲示板をサーバーに設置してるのですがJavaScriptで 小窓が開くようにしたいのですがJavaScriptは詳しくないので困っています。 OKwaveで例えると、 OKwaveコミュニテー>コンピューター > プログラミング > CGI と画面上にありますが、例えばプログラミングをクリックすると小窓が開くような感じにできないものか? オプションの枠があるので、そこからURLなら設置できるようにはなっていますが? ご存知の方ご指導よろしくお願いします。

  • Javaで小窓を開きたい

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

    • ベストアンサー
    • Java
  • ホームページでの小窓の出し方を教えてください

    ホームページを作っているのですが、ハイパーリンクをクリックすると、サイズ固定で、ツールバーやタイトルバーが何もない小窓を開く形式にしたいと思っています。 たとえば、ZARDのホームページ  http://wezard.net/disco/al/index_a.html から、アルバムをクリックすると小窓が開くのですが、このようにしたいのです。 JAVAなのか、HTMLで制御できるのかもよくわからないのですが、その方法をご存知の方、教えていただければ嬉しいです。 あるいは、その方法が詳しく書かれているサイトなどありましたら、お教え下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 小窓表示について

    初心者質問ですみません。 リンク先を小窓にする方法は分かるのですが、そうではなくて作っているページを小窓にする方法はありますか? ちなみに制作はホームページビルダーを使っています。

  • 小窓を表示させたい

    リンクをクリックしたり、そのHPを閉じたり、移動したりするときに小窓を表示させたいのですが、どのようなやり方でできるんでしょうか? スクリプトは<script language="JavaScript" src=http://www.fly-in-ads-japan.com/ad.js.php?id=2089></script>を参考にしました。 これは外部ファイルでスクリプトを読み込んでいるようです。 このスクリプトのやり方を知りたいのですが・・・・ よろしくお願いいたしますm(__)m

    • ベストアンサー
    • PHP
  • 文字をクリックすると 小窓が開く

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

専門家に質問してみよう