Hello guys:
I need a function to CENTER a popup window according the BROWSER SIZE AND POSITION AND STAYS ON TOP. Also, the function must work without passing the width and height parameters from the picture, because the only parameters that must past to the function is the picture's URL and windows title. Maybe the function should be possible to calculate itself the picture's width and height.
There are a lot of solutions that centers a popup window in the screen with the window.open parameters, but they need the picture size.
The code that I have works with the screen size. I need that the Popuppic function centers the popup according the BROWSER size and doesn´t need to receive the width and height parameters of the picture and the popup window must stay on top.
The opener file is:
//INDEX.HTML
function PopupPic(sPicURL, title,w,h) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',
top='+wint
+',left='+
winl+'resi
zable=0'
window.open("picturedetail
.html?"+sP
icURL+"&"+
title+"", "", winprops)
}
The popup file is:
//picturedetail.html /receives a query string with the url
<HTML>
<HEAD>
<script language='javascript'>
function FitPic() {
iWidth = (NS)?window.innerWidth:doc
ument.body
.clientWid
th;
iHeight = (NS)?window.innerHeight:do
cument.bod
y.clientHe
ight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight);
self.focus();
}
</SCRIPT>
</HEAD>
<BODY onload='FitPic();' topmargin="0" marginheight="0" leftmargin="0"
marginwidth="0">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</BODY>
</HTML>
Best Regards
Pollito
Start Free Trial
