• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ジャバスプリクトでフレームのない小窓を出現させる方法)

ジャバスプリクトでフレームのない小窓を出現させる方法

このQ&Aのポイント
  • リンクされている文字、画像をクリックしたら小窓が出現するスプリクトの作り方について教えてください。
  • ツールバーやスクロールバーを消して、フレームのない小窓を表示するスクリプトについて教えてください。
  • 最近よく見かけるフレームのない小窓を作るためのJavaScriptスクリプトについて詳しく教えてください。

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

  • ベストアンサー
  • mirurin
  • ベストアンサー率43% (48/111)
回答No.3

下記サイトの管理人さんが作成したようです。 現在は休止中のようなので再開してからダウンロードさせて もらってはどうでしょう?

参考URL:
http://homepage2.nifty.com/murao/
meguni
質問者

お礼

ありがとうございます! そのことだったんです。 ダウンロードできる日を楽しみにします

その他の回答 (6)

noname#102878
noname#102878
回答No.7

早々に締め切ってしまったQNo.369892の#1で至極当然の回答が出ていますが、それに対するレスを読むとmeguniさんの姿勢が見えてくるようです。 どういうソースを書いていて、それをどう解釈したら良いのかについて、直接的な解答を得たいのであればサイト作成者に直接聞いてみるのが一番の近道だと思うのですが。 > 最近結構つかっているHPをみかけるんですが。。 meguniさんが見かけたそれらのサイトの管理人さん全員に回答を拒否されたってことでしょうか? JavaScriptの関数を呼び出す方法も質問されているようですが、そこから質問されるのでしたら星の数ほどあるJavaScriptの情報サイトや書籍をいつでも読めるような環境を作っておくことをお奨めします。 そうした準備をした上で、サイトの作成者さんに聞いてみてはどうでしょうか。

  • HogePiyo
  • ベストアンサー率57% (24/42)
回答No.6

そのサイトを解析してみた結果、以下のようにしているみたいですね。 ********************************************* <HTML> <HEAD> <TITLE></TITLE> <STYLE> #del{ position: absolute; z-index: 2; right: 5px; top: 3px; width: 9px; height: 9px; clip:rect( 0px 9px 9px 0px ); } </STYLE> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!-- fwin=window.open( "", '' , 'fullscreen,scrollbars' ); fwin.blur(); fwin.resizeTo( 400, 300 ); fwin.moveTo( 10, 10 ); fwin.document.open(); fwin.document.write( "<IMG SRC='close.png' width=9 height=9 onclick='window.close()' id='del' alt='閉じる'>" ); fwin.document.close(); fwin.focus(); //--> </SCRIPT> </BODY> </HTML> ********************************************* ああ、テストしてみるときは close.png という開かれるウィンドウの背景色と色違いの矩形画像を用意しておいてくださいね。 開いた後、ウィンドウの余分なものを取っ払って、画像をクローズボックスのかわりに置いてあるみたいです。 で、その画像を <STYLE> で位置を決めているみたいです。 nipotan さんひょっとしてネスケとか他のブラウザでご覧になってらっしゃいませんか? どうやら内部の window.js で IE と他のブラウザで処理を分けているようなので IE 以外のブラウザでは meguni さんがおっしゃったようなウィンドウは開かれないみたいですよん。 以上、駄レスでした。

meguni
質問者

補足

ご親切にありがとうございました。 <BODY>間に文字でリンクをはる部分のタグはどう書いたらいいでしょうか? <a herf="">の部分です 教えていただけるとうれしぃです。 すいません

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.5

これ? <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=javascript> <!-- //window.showModelessDialog("http://inspiron/midi1.htm"); var newwin=window.showModelessDialog("sam1.htm",null,"dialogTop:0px; dialogLeft:0px; dialogHeight:300px; dialogWidth:300px; help:no; resizable:no; status:no;"); //--> </SCRIPT> </HEAD> <BODY> </BODY> </HTML>

  • nipotan
  • ベストアンサー率59% (134/227)
回答No.4

> その容量なんですが、最大化させたくないんです。。 > 参考URLも最大化した小窓は出ていません。 > 大きさを指定するにはどうしたらいいんでしょうかね? > 参考アドレスのサイトもENTERからはいるとそうなってるんですよ。 こちらで確認した限り、ENTER から入ると最大化されています。 違うんでしょうか? 望まれていることが、何かがわからないんですが、もしかしてメニューのリンクをクリックした際に出る、埋め込みフレーム (<iframe>) の枠のことですか? もしそれなら、あれは JavaScript を使ってるんじゃなくて、<iframe> タグ + CSS でやってるはずです。 <iframe src="hogehoge.html" name="hogehoge" width=300 height=300 style="border: 1px solid ; border-color: #ffcc00;" border=1 frameborder=0> こんな感じで。 で、リンク先をその埋め込みフレームに出したいなら、 <a href="foobar.html" target="hogehoge">FooBar</a> と、<iframe> タグで記述した name 属性を target として指定すれば、リンクは埋め込みフレーム内に展開されます。 全然求められていることがわからないので、全然ハズしているかもしれませんから、回答に対する自信は「なし」にしてますが… (思っていた通りだったら、「あり」っちゅーことで)

  • so_blue
  • ベストアンサー率48% (50/104)
回答No.2

参考サイトとやら拝見しましたが、どうやらCSSみたいですね。 IE5.5以上でないと効果はありません。 「CSS バー 色」などで検索するとたくさんhitしますので 分かりやすい説明のサイトを探してみてください。

meguni
質問者

補足

そうじゃないんです・・・ スクロールバーの色かえるのは知ってるんです。 スプリクトで小窓を出現です 参考アドレスのサイトもENTERからはいるとそうなってるんですよ。

  • nipotan
  • ベストアンサー率59% (134/227)
回答No.1

フレーム…というより、最大化したいって事でしょうかね? JavaScript 中で window.open() を使用するのですが、そのオプション (第三引数として渡すオプション) に "fullscreen=yes" を追加してください。 window.open('hogehoge.html', 'name', 'directories=no,toolbar=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,fullscreen=yes'); 簡単にやるとしたらこうですね。hogehoge.html で、最大化された窓が出ます。ちなみに hogehoge.html で window.close() を呼び出すモノをつけておかないと、閉じるのに苦労しますので注意。

meguni
質問者

補足

その容量なんですが、最大化させたくないんです。。 参考URLも最大化した小窓は出ていません。 大きさを指定するにはどうしたらいいんでしょうかね?

関連するQ&A