Skip to content

Instantly share code, notes, and snippets.

@cyokodog
Last active October 2, 2015 11:08
Show Gist options
  • Save cyokodog/2233785 to your computer and use it in GitHub Desktop.
Save cyokodog/2233785 to your computer and use it in GitHub Desktop.
[JS] 新規windowを画面いっぱいに開くやつ

#Open Full Window

画面表示の有効範囲分のサイズで開く(window.adjustWidth)JavaScript。微調整はadjustWidthパラメータで可能。 jQuery が ロードされてる場合は $.OpenFullWindow() 、なければ OpenFullWindow() で実行可能。

$.OpenFullWindow({
    url : 'http://www.yahoo.co.jp,
    resizable : 0,
    adjustWidth : -56,
    adjustHeight : -56
});

レガシーWebアプリで必要になりがちなんで汎用化してみた。

(function($){
$.OpenFullWindow = function(opt){
var extend = function(){
var ret = {};
var arg = arguments;
for(var i = 0; i < arg.length; i++ ){
var obj = arg[i];
for(var j in obj){
ret[j] = obj[j];
}
}
return ret;
}
var sirial = function(obj){
var ret = '';
for(var i in obj){
if(ret.length) ret += ',';
ret = ret + (i + '=' + obj[i]);
}
return ret;
}
var opt = opt || {};
var c = extend(def,opt);
c.width = screen.availWidth + c.adjustWidth;
c.height = screen.availHeight + c.adjustHeight;
var p = extend(c);
delete p.url;
delete p.target;
delete p.adjustWidth;
delete p.adjustHeight;
return window.open(c.url,c.target,sirial(p));
}
var def = $.OpenFullWindow.defaults = {
top : 0,
left : 0,
status : 1,
resizable : 1,
directories : 1,
location : 0,
menubar : 0,
toolbar : 0,
scrollbars : 1,
url : '',
target : '_blank',
adjustWidth : 0,
adjustHeight : 0
}
})(typeof $ ? $ : window);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment