web-dev-qa-db-ja.com

JavaScript window.openは、ウィンドウがまだ存在しない場合にのみ

リンクをクリックすると新しいウィンドウが開くアプリケーションがあります。これは、Javaアプレットを保持するページを生成します。私が抱えている問題は、同じリンクをクリックするとページがリロードされ、Javaアプリケーションがリセットされることです。これをトラップする方法はありますか？許容できる2つの解決策は次のとおりです。

  1. クリックハンドラーから複数のウィンドウを開くことを許可する
  2. ウィンドウが既に開いている場合、後続の要求を無視します

Javascriptの初心者であることをお詫びします-それは本当に私の主なことではありません。

ハンドラーに添付されたコードは

function launchApplication(l_url, l_windowName)
{
  var l_width = screen.availWidth;
  var l_height = screen.availHeight;

  var l_params = 'status=1' +
                 ',resizable=1' +
                 ',scrollbars=1' +
                 ',width=' + l_width +
                 ',height=' + l_height +
                 ',left=0' +
                 ',top=0';

  winRef = window.open(l_url, l_windowName, l_params);
  winRef.moveTo(0,0);
  winRef.resizeTo(l_width, l_height);
}

編集：

返信ありがとう-関数を介して複数のURLを開くことができるように、提案を少し変更しました。

EDIT2：このコードの別のバージョンがあります 別のウィンドウで開いているURLを確認してください

var g_urlarray = [];

Array.prototype.has = function(value) {
    var i;
    for (var i in this) {
        if (i === value) {
            return true;
        }
    }
    return false;
};


function launchApplication(l_url, l_windowName)
{
  var l_width = screen.availWidth;
  var l_height = screen.availHeight;
  var winRef;

  var l_params = 'status=1' +
                 ',resizable=1' +
                 ',scrollbars=1' +
                 ',width=' + l_width +
                 ',height=' + l_height +
                 ',left=0' +
         ',top=0';
  if (g_urlarray.has(l_url)) {
    winRef = g_urlarray[l_url];
  }
  alert(winRef);
  if (winRef == null || winRef.closed) {
      winRef = window.open(l_url, l_windowName, l_params);
      winRef.moveTo(0,0);
      winRef.resizeTo(l_width, l_height);
      g_urlarray[l_url] = winRef;
  }
}
javascriptpopupwindow
21
Greg Reynolds

私はこれをこのように行います-基本的に、参照されているすべての開いているウィンドウを関数自体に格納します。関数が起動したら、ウィンドウが存在しないか閉じているかを確認します-そうであれば、ポップアップを起動します。それ以外の場合は、その要求の既存のポップアップウィンドウに焦点を当てます。

function launchApplication(l_url, l_windowName)
{
  if ( typeof launchApplication.winRefs == 'undefined' )
  {
    launchApplication.winRefs = {};
  }
  if ( typeof launchApplication.winRefs[l_windowName] == 'undefined' || launchApplication.winRefs[l_windowName].closed )
  {
    var l_width = screen.availWidth;
    var l_height = screen.availHeight;

    var l_params = 'status=1' +
                   ',resizable=1' +
                   ',scrollbars=1' +
                   ',width=' + l_width +
                   ',height=' + l_height +
                   ',left=0' +
                   ',top=0';

    launchApplication.winRefs[l_windowName] = window.open(l_url, l_windowName, l_params);
    launchApplication.winRefs[l_windowName].moveTo(0,0);
    launchApplication.winRefs[l_windowName].resizeTo(l_width, l_height);
  } else {
    launchApplication.winRefs[l_windowName].focus()
  }
}
20
Peter Bailey

2つのテストを実行する必要があります... 1ポップアップウィンドウが定義されているかどうかを確認し、2ポップアップウィンドウが閉じているかどうかを確認します。

if(typeof(winRef) == 'undefined' || winRef.closed){
  //create new
  winRef = window.open(....);
} else {
  //it exists, load new content (if necs.)
  winRef.location.href = 'your new url';
  //give it focus (in case it got burried)
  winRef.focus();
}
20
scunliffe

新しいウィンドウを開くページで、次のようなものを使用できます。

var newWindow = null;

function launchApplication()
{
  // open the new window only if newWindow is null (not opened yet)
  // or if it was closed
  if ((newWindow == null) || (newWindow.closed))
    newWindow = window.open(...);
}
5
M4N

作業コード

var newwindow = null;
function popitup(url) {
    if ((newwindow == null) || (newwindow.closed)) {
        newwindow=window.open(url,'Buy','width=950,height=650,scrollbars=yes,resizable=yes');
        newwindow.focus();
    } else {
        newwindow.location.href = url;
        newwindow.focus();    
    }
}
3
Pad

次のように確認できます：

if(!winref || winref.closed)
{
}
2
Phaedrus

チェックしてみてください：

if（！winref || winref.closed ||！winref.document）{}

0
chrism