パソコンQ&A

ポップアップWindowのテストができます

ポップアップウインドウを設置するときに大きさのテストができるというJavaScriptです。

大きさの調整に使えるかも。

URL http://
ピクセル
高さ ピクセル


ソース

簡単ポップアップ

<form name="form" method="post">
<table border="1" cellpadding="0" cellspacing="0" >
<tr>
<td>URL</td>
<td>http://<input type='text' name='url' size='30'></td>
</tr>
<tr>
<td>幅</td>
<td><input type='text' name='width' size='30'>ピクセル</td>
</tr>
<tr>
<td>高さ</td>
<td><input type='text' name='height' size='30'>ピクセル</td>
</tr>
<tr>
<td></td>
<td><input type='button' onClick="testPopup();" value="テスト"/></td>
</tr>
</table>
</form>
<script language="JavaScript" type="text/javascript">
<!--
function testPopup() {
  var nUrl;
  var nWidth;
  var nHeight;

  if(document.form.url.value==""){
    alert("URLを入力してください。");
    return false;
  }else{
    nUrl='http://'+document.form.url.value;
  }

  if(document.form.width.value==""){
    alert("幅を入力してください。");
    return false;
  }else{
    nWidth=document.form.width.value;
  }
  if(document.form.height.value==""){
    alert("高さを入力してください。");
    return false;
  }else{
    nHeight=document.form.height.value;
  }
  gf_OpenNewWindow(nUrl,'usermanager','width='+nWidth+':height='+nHeight);
}
function gf_OpenNewWindow(pURL,pName,pSize){
  var wWidth,wHeight;
  var wSize,wFeatures;
  var wLeft,wTop,PositionX,PositionY;

  wWidth = window.screen.availWidth/2;
  wHeight = window.screen.availHeight/2;
  wSize = pSize.split(":");
  wLeft = wSize[0].split("=");
  wTop = wSize[1].split("=");
  PositionX = wWidth-wLeft[1]/2;
  PositionY = wHeight-wTop[1]/2;
  
  wFeatures = wSize+",left="+PositionX+",top="+PositionY;
  wWindow = window.open(pURL,pName,wFeatures+",scrollbars=yes,status=yes,resizable=yes");

  wWindow.focus();
}
//-->
</script>

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net