Printable View
I know there is a way to open a link in a seperate popup window. Is it possible to open a link to an image in a popup window (centered) which is the EXACT same size of the image itself? if not is there a way to open a popup window from a link to a image centered and at a customizable size?
Cheers
The above code works in the way you describe, the first example HTML Picture, is the correct way of doing it. So basically the popup has HTML code in it that displays your picture.PHP Code:<html>
<head>
<script language="JavaScript">
<!--
function windowOpen(windowname,xsize,ysize) {
var thiswin= open('',windowname,'width='+xsize+',height='+ysize+',resizable=yes,scrollbars=yes');
if (thiswin.focus) thiswin.focus();
}
//-->
</script>
</head>
</body>
<a HREF="mypage.html" TARGET="picturepage" onClick="windowOpen('picturepage',640,480)">HTML Picture</a>
or
<a HREF="mypicture.jpg" TARGET="picturepage" onClick="windowOpen('picturepage',640,480)">Actual Picture</a>
</body>
</html>
The second example, Actual Picture, will work on some peoples browsers and not others. You make an assumption on peoples IE/Computer configuration when doing this.
Hope this helps
Cheers m8
i tried to use it and it opens up another another window (blank) along with the window its meant to load up as well.. any ideas?
<a HREF="mypage.html" TARGET="picturepage " onClick="windowOpen('picturepage ',640,480)">
make sure that the TARGET tag and the first parameter of the call in the onClick are the same, including the case. If they are, then send me a URL or the code, and I will take a gander...
OK well atm i am using
within the headPHP Code:<script language="JavaScript">
<!--
function windowOpen(windowname,xsize,ysize) {
var thiswin= open('',windowname,'width='+xsize+',height='+ysize+',resizable=yes,scrollbars=yes');
if (thiswin.focus) thiswin.focus(); }
//-->
</script>
and this as a link
PHP Code:<a HREF="gallery/carol/1/pictures.htm" TARGET="picturepage " onClick="windowOpen('picturepage ',640,480)">1</a>
just tried it myself, and it works fine. :confused:
loaded up the pictures.htm file up fine in a sized new window.. which browser are you trying this in? are you sure there is nothing else calling a windowOpen function to open up another window?PHP Code:<html>
<head>
<script language="JavaScript">
<!--
function windowOpen(windowname,xsize,ysize) {
var thiswin= open('',windowname,'width='+xsize+',height='+ysize+',resizable=yes,scrollbars=yes');
if (thiswin.focus) thiswin.focus(); }
//-->
</script>
</head>
<body>
<a HREF="pictures.htm" TARGET="picturepage" onClick="windowOpen('picturepage',640,480)">1</a>
</body>
</html>
using IE6 and i am 100% sure there is nothing else called open window
I'm also trying to do something similar and using the above code works fine for me... Is it possible rather than have the user click some text (HTML picture in the above) you could have them click on a graphic?
as above but....
PHP Code:
</head>
<body>
<a HREF="pictures.htm" TARGET="picturepage" onClick="windowOpen('picturepage',640,480)"><img src="mypic.jpg" border="0" /></a>
</body>
</html>
Thanks Graham - will give that a try this evening....Quote:
Originally posted by graham.edmon
as above but....
PHP Code:
</head>
<body>
<a HREF="pictures.htm" TARGET="picturepage" onClick="windowOpen('picturepage',640,480)"><img src="mypic.jpg" border="0" /></a>
</body>
</html>