带有中心位置的 onclick 叠加层

Question

在我的 javascript 下方。我想当我点击时覆盖背景和窗口将是中心位置。

function openPopupManager(url)
{
  var url;
  url = "child_upload_gallery_images.php?make_id="+$('#make_id').val()+"&model_id="+$('#model_id').val()+"&model_sub_cat_id="+$('#model_sub_cat_id').val()+"&gallery_id="+$('#gallery_id').val()+"&wheel_id="+$('#wheel_id').val();
  mywindow = window.open (url,"Gallery Images.","location=0,status=0,scrollbars=1,width=800,height=600");
  mywindow.moveTo(0,0);
  return false;
}

这是html

  <input type="submit" name="<?php echo $button;?>" id="upload_gallery_img" value="Upload Selected Gallery Image" class="subtn" onclick="javascript:openPopupManager();" />

我正在尝试，但还没有弄清楚.. 仍在尝试。弹出窗口打开但覆盖和居中如何？

Answer 1

要居中，您可以使用类似这样的方法来获取屏幕宽度和高度。

var popupWidth=800;
var popupHeight=600;
var posX=window.screen.availWidth/2-popupWidth/2;
var posY=window.screen.availHeight/2-popHeight/2;
myWindow.moveTo(posX,posY);

我不太确定你所说的叠加层不起作用是什么意思。如果您希望窗口处于活动状态，您可以添加myWindow.focus();。