人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Javascriptを使って以下のことを実現したいです。お手本となるようなサンプルはありませんでしょうか?
//formのボタンにJavascript実装を想定
・ボタンを押すと新規ウィンドウで該当ページを開く(window.open)
・その際ウィンドウ名は統一、複数の新規ウィンドウは開かず、同一のウィンドウ内で更新
・キャッシュを見ずにサーバから読み込み(window.location.reload(true);な感じ)
・ウィンドウは最大化表示(×fullscreen)
・最前面で表示(window.focus();みたいな動作)
開いたWindowを最小化している際やWindowが後ろにある場合が特にだめです。ちなみに以下のコードで試してみました。
function winopen() {
newwin = window.open(”open.html”,”child”,”toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,screenX=0,screenY=0,width=screen.availWidth,height=screen.availHeight”);
child.location.reload(ture);
child.focus();
}
Javascript初心者です。あたたかいご意見お待ちしています。

●質問者: Kurobuchi
●カテゴリ:ウェブ制作
✍キーワード:Focus HTML JavaScript open screen
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● typista
●30ポイント

以下のような記述で可能です。

Kurobuchiさんが提示されているサンプルではダブルクォーテーション(”)が全角になっていますが、

これは「はてな」の仕様でしょうか???

→ だとすると私の以下サンプルも同様にダブルクォーテーションを半角にしてご使用ください。

【sample.html】---------------------------------

<html>

<script language=”JavaScript”>

function winopen() {

newwin = window.open(”open.html”,”sub”);

newwin.location.reload(true);

newwin.focus();

}

</script>

<body>

<form>

<input type=”button” onClick=”winopen();” value=”push me”>

</body>

</html>

-----------------------------------------------

【open.html】---------------------------------

<html>

<script language=”JavaScript”>

moveTo(0,0);

resizeTo(screen.width,screen.height);

</script>

<body>

test

</body>

</html>

-----------------------------------------------

◎質問者からの返答

typistaさんありがとうございます!

ダブルクォテーションは半角で記述していますのではてなの仕様かもしれないですね。

できれば【open.html】側にJavascriptを使わずに【sample.html】側のみで制御したいのですが難しいでしょうか?


2 ● typista
●30ポイント

open.htmlのJavaScriptを排除するには、sample.htmlで

以下の記述としてください。

※先ほどのopen.htmlのコードを持ってきただけです

(こっちのほうがわかりやすいですよね。スミマセン。)

<html>

<script language=”JavaScript”>

function winopen() {

newwin = window.open(”open.html”,”sub”);

newwin.moveTo(0,0);

newwin.resizeTo(screen.width,screen.height);

}

</script>

<body>

<form>

<input type=”button” onClick=”winopen();” value=”push me”>

</body>

</html>

◎質問者からの返答

うまくいきました!!

typistaさん、ほんとうにありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ