どこかの海外のサイトに行った時、(JavaScriptを使ってるんだと思うんですが)
突然ウィンドウが全画面で表示されて、驚いたことがあります。
全画面というのは、ウィンドウの枠もスクロールバーも全く見えず、
本当にその画面内容だけがパソコンのディスプレイに表示されるというものでした。

どなたかこの実装方法をご存知の方がいらっしゃいましたら教えてください。
よろしくお願いします。

A 回答 (3件)

window.open('xxxxx.html','ウインドウ名','fullscreen=yes');


というのはどうでしょうか。

http://tohoho.wakusei.ne.jp/js/window.htm#open

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=94716
    • good
    • 0

この方法でもできます。

ボタンを押すと別ウィンドウが
画面いっぱいに開きます。


--- begin cut here ---
<html>
<head>
<script language="javaScript">
<!--
function hoge() {
alert(screen.height);
alert(screen.width);
window
}

var GWin;
//サイズ位置指定Window
function WinOpen() {
var st= "screen Test";
var w = screen.availWidth ;
var h = screen.availHeight ;
var x = (screen.availWidth -w);
var y = (screen.availHeight -h);
var s = "width=" + w + ", height=" + h;
GWin = window.open("", "nwNew", s);
GWin.moveTo(x, y);
GWin.focus();
with (GWin.document) {
open();
writeln("<html><head><title>", st, "</title></head>");
writeln("<body onLoad_=\"setTimeout('window.close()',10)\">");
writeln("<font color=Red><h2>", st, "</h2></font>");
writeln("x=", x, ", y=", y, "<br>", s);
writeln("</body></html>");
close();
}
}
//-->
</script>

</head>
<body>
<form action="JavaScript:WinOpen();//">
<input type="submit" value="Open">
</form>

</body>
</html>


--- end cut here ---
    • good
    • 0
この回答へのお礼

丁寧なソースまで、どうもありがとうございます!!
始め、ウィンドウ上部にバーが表示されてましたが、
少し考えて、値をチョコチョコっと変えると、
完全に僕の思い描いた通りのウィンドウができました。
親切なアドバイス、ありがとうございました!

お礼日時:2001/06/22 23:30

下記のソースで出来ますよ~。


そのまま使用されたら困りますが、自分なりに記述を変更して使用して下さい。
また、スクロールバーはWeb画面の大きさによりけりです。

<SCRIPT LANGUAGE="javascript">
gamen1 = self.screen.height-0;
gamen2 = self.screen.width-0;
self.resizeTo(gamen2,gamen1);
self.moveTo(0,0);
self.focus();
</SCRIPT>
    • good
    • 0
この回答へのお礼

ありがとうございました。
Black_TigerさんのスクリプトをHTMLファイルに埋め込んで
試してみたのですが、なぜか動作しませんでした。
でも、アドバイスどうもありがとうございました。

お礼日時:2001/06/22 23:28

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q画面の設定以外で文字の大きさを変更したい場合

こんばんは。WinXPを使っています。
画面のプロパティーから解像度を変更しても、文字の大きさが大きく感じます。WinXPの画面の設定から文字の大きさを変更する場合は解像度を変更しればいいと思うのですが、それでも小さくならない場合はどのようにして文字を小さくする事ができるでしょうか?

Aベストアンサー

解像度以外の手段では
画面のプロパティ→「デザイン」タブ→詳細設定
で、アクティブタイトルバー、パレットタイトル、ヒント、メッセージボックス、メニュー、選択項目、非アクティブタイトルバーの文字の大きさをポイント単位で変更できます。

ブラウザの文字の大きさなら、ブラウズの最中にマウスのスクロールボタンをCtrlボタンを押しながらグリグリすると5段階に変更できます。

ExcelやWordでしたら、ツール→オプション→全般タブから標準の文字の大きさをポイント単位で変更できます。

QHTML 全画面表示 リンク先のウィンドウのサイズ指定など

タイトルにもありますように、HTMLでサイトを全画面表示にしたいわけです。
あと、リンク先のウィンドウのサイズ指定方法
リンク先のウィンドウを全画面表示のような状態でサイズ指定する方法もお願いします。
これらは自分のサイトに施したいと考えています。
なお、結果が同じならHTMLじゃなくても結構です。

Aベストアンサー

セキュリティ関係や環境などの問題もありますが、とりあえず方法としては、

新しいウィンドウで開く

<a href="リンク先URL" onclick="window.open('リンク先URL',null,'width=400,height=300,scrollbars=yes');return false;">リンク</a>

自ウィンドウで開く

<a href="リンク先URL" onclick="window.resizeTo(400,300);window.location.href='リンク先URL';return false;">リンク</a>

フルスクリーンウィンドウで開く(IEのみ)

<a href="リンク先URL" onclick="window.open('リンク先URL',null,'width=400,height=300,scrollbars=yes,fullscreen=yes');return false;">リンク</a>

Q「新しいウィンドウで開く」で開く画面の大きさの変更の仕方を教えて下さい。

 恐れ入ります。初歩的な質問で済みません。
検索結果などがたくさん出て、それら一つ一つを右クリックで「新しいウィンドウで開く」をクリックし表示される画面の大きさを変更するにはどうしたら良いのでしょうか?
 ちなみに今は画面の中央に小さく表示されるのですが、目一杯の大きさに変更したいのです。
どうか宜しくお願い致します。

Aベストアンサー

>検索結果などがたくさん出て

タブブラウザを使った方がいいかな~と思います。

IEだと仰る様に一つ一つを右クリックで「新しいウィンドウで開く」をクリック
するのも面倒ですし、下におろすのも面倒です。

タブブラウザなら、画面がウインドウだらけになるうっとうしさも無いですし、
ポップアップも制御できます。

画面の切り替えもタブをクリックするだけですし、たくさんひらいた
ページをまとめて閉じることもできます。

ご存知でしたら失礼しました。

Qテーブル全体の枠線の色を変えたが、 スクロールである程度下に移動したら、 上の枠線と画像の間にかすか

テーブル全体の枠線の色を変えたが、
スクロールである程度下に移動したら、
上の枠線と画像の間にかすかな隙間ができます。上に移動したら、隙間がなくなります。どうしたら良いでしょうか…

一部省略します。

<STYLE type=”text/css”>
<!--
sen{border-style:solid:
border-width:2pt:
border-color:#ffcccc:}
-->
</style>

<table class=”sen” background=”○○” width=”100%”
height=”20” style=border-collapse:collapse:>
<tr>
<td colspan=”2”>
<nobr>
タイトル文字
</nobr>
</td>
</tr>

<tr bgcolor=”○○” bordercolor=”○○”>
<td width=”400” nowrap><nobr>
文字
<a href=”○○”>
<IMG src=”○○”></a>
</nobr>
</td>


<td nowrap><nobr>
文字
<a href=”○○”>
<IMG src=”○○”></a>
</nobr>
</td>

とあります。


ーーーーーーーーーーーーーー
|タイトル文字(背景色は画像URLはりつけ) |文字 文字
|文字 文字
|
|
ーーーーーーーーーーーーーー
★右側も線あり。囲んでます。

メモ帳にコピって、自分のデスクトップに貼り付けて表示するぶんには問題ないのですが、
いざサーバーにもってきて表示した際に
スクロールしたら、
タイトル文字の背景色と、その上の枠線の間に0.5ミリくらいの隙間がでて困っています。
方法ありますでしょうか?
★まだ習い始めたばかりなのと、元々別人が作成したものを修正しているのですが、そもそもが違っているというようなことはまだ私の頭では理解できないので、
隙間をなくす方法だけご教示いただけたら嬉しいです!(u_u)

テーブル全体の枠線の色を変えたが、
スクロールである程度下に移動したら、
上の枠線と画像の間にかすかな隙間ができます。上に移動したら、隙間がなくなります。どうしたら良いでしょうか…

一部省略します。

<STYLE type=”text/css”>
<!--
sen{border-style:solid:
border-width:2pt:
border-color:#ffcccc:}
-->
</style>

<table class=”sen” background=”○○” width=”100%”
height=”20” style=border-collapse:collapse:>
<tr>
<td colspan=”2”>
<nobr>
タイトル文字
</nobr>
</td>
<...続きを読む

Aベストアンサー

まず原因を確認する。
firefoxをとってきて、firebugを追加して、隙間ができる要素を選択して、それにかかわるスタイルシートなりを確認する。marginとpaddingが区別できるはず。
 そのうえで関わるスタイルを変更してみる。

 どのスタイルシートのどの部分かがわかる。

QOutlookメールで、画面の文字の大きさを変更するには、どうしたらよ

Outlookメールで、画面の文字の大きさを変更するには、どうしたらよいのですか。

Aベストアンサー

画面の文字の大きさは、
[表示] メニュー → [現在のビュー] → [現在のビューの編集] →
[その他の設定] と [自動書式] の項目でそれぞれフォントの大きさが変更できます。
また、送信メールとテキスト形式の受信メールのフォントの大きさは、
[ツール] メニュー → [メール形式] タブ → [ひな形およびフォント] → [ひな形] タブでそれぞれ変更できます。

Q画面の常に一番下に枠を表示させたいのですが

画面の常に一番下(もしくはその少し上)に枠(太い線=tableのようなもの)を表示させたいのですが、
うまくいきません。
下記私の書いた初歩的なcssだと画面の上に 2段で表示されます。
よろしくお願いします。

CSS
p.sample1 {background-color: #f8dce0; margin-top: 50px;}
p.sample2 {background-color: #f8dce0; margin-bottom: 50px;}

html
<html>
<head>
<link rel="stylesheet" href="haikei.css" type="text/css">
</head>
<body>
<p class="sample1">上マージン50px</p>
<p class="sample2">上マージン50px</p>
</body>
</html>

Aベストアンサー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<!--[if lt IE 7]> <script type="text/javascript" src="fixed.js"></script> <![endif]-->
<link rel="stylesheet" href="haikei.css" type="text/css" charset="Shift_JIS">
</head>
<body>
<p class="sample1">上マージン50px</p>
<p class="sample2">上マージン50px</p>
</body>
</html>

文字コードなどを設定しました。
それとCSSをUTF-8で保存すると、一部文字化けを起こすことがあるので、shift_jisで保存したほうが良いと思います。
さらにlinkで指定するときに charset="Shift_JIS" の部分でスタイルシートの文字コードを指定してやるようにしましょう。

今度こそ、多分、できると思います。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<!--[if lt IE 7]> <script type="text/javascript" src="fixed.js"></script> <![endif]-->
<link rel="stylesheet" href="haikei.css" type="text/css" charset="Shift_JIS"...続きを読む

Q最初に表示されるIEの画面の大きさは、変更可能?

こんにちは、みなさん。

インターネットを見る時に、最初に表示される、インターネットエクスプローラーの
画面の大きさは変更できますか??

変更できるなら、どんなやり方ですか??

ご存知の方、いらっしゃいましたら、宜しくお願いします。

Aベストアンサー

IEを起動して始めに表示される画面(ホームページ)の状態で操作します。
マウスを使って表示させたい大きさにIEの全体のウィンドウを変更します。
任意の大きさと位置が決まったら「Shiftキー」を押しながら閉じるボタンをクリックしてIEを終了させます。

※Shiftキーでうまくいかない場合はShiftキーの替わりにCtrlキーを使って試してみてください
※大きさを決めるときは、いつも始めに開いたページでウィドウの大きさ・位置を決めるのがコツです
※IEにい限らず、エクスプローラも同じ要領で変更できます

Q画面上下にスクロールしても固定表示させる方法は?

画面上下にスクロールしても固定表示させる方法は?

通常は画面内にボタン群を表示させてもスクロールすると画面外に消えてしまいますが、これを常に表示させるようなことはできないのですか?
(iPhone の画面のようなイメージです)

http://www.moongift.jp/2010/05/touchscroll/

でそれらしいことは可能なのですが、画面下部のみ実現可能なようで画面上部は無理そうです。
すみませんがよろしくお願いします。

Aベストアンサー

CSS で
position:fixed;
を使えば出来ます。

ブラウザが対応していればですが。

Qようこそ画面アイコン大きさ変更

ようこそ画面でアイコンの大きさを変更したいのですが、どのようにしたらよいでしょうか、
ちなみに以下のレジストリー変更ではダメでした。
HKE_CURRENT_USER→desktoptop→logpixelsで数値の値を変える

Aベストアンサー

変えられないと思います。

QHPで、ウィンドウスクロールバーの位置の指定のやり方教えて!

ページを表示したら、普通、一番上から表示しますよね。
それをウィンドウスクロールバーを使って、下へ移動しながら
そのページを見ますよね。
私がしたいのは、ページが表示されてそれが途中から表示される
やりかた(タグ・HTML)を教えていただきたいのです。
どうかお願いします。

Aベストアンサー

外していたらすみません。
こういうことでしょうか?↓

<html>
<body onload="location.href='#start_position';">

先頭

<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

<a name="start_position">ここから表示</a>

<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>

最後

</body>
</html>


人気Q&Aランキング

おすすめ情報