window - jscript and vbscript

Eugene Anthony · Jun 20, 2006

I am using javascript to open the pop up window. Now the pop up window
will be displayed in a center position and in it the images will be
displays (one image at a time as the next and previous button is
clicked). The images are retrieved and displayed using asp. Now is there
a way to shrink the size of the image so that it fits the size of the
pop up window and when I click on the image the image will be resized to
its original size.

For example:

<HTML>
<Head>
<Script Language="JavaScript">

function openFullSize(Pix)
{
nullIMG.src = Pix;
wStr = nullIMG.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wStr;
hStr = nullIMG.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+hStr;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lStr;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr;

window.open(Pix,"FullSize","toolbar=0,status=0,scrollbars=yes,
"+tStr+","+lStr+","+wStr+","+hStr+" ");

}

function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absolute;Top:-2000;};</Style>";
divStr = "<Div class=placeHolder><IMG Src=Null ID=nullIMG></Div>"
document.write(styleStr);
document.write(divStr);
}

buildSupport();

</Script>

<Body>
<center>
<H3>Thumbnail link to clean, dynamically sized window</H3>
<a
href=javascript

penFullSize('http://www.mama.com/db/Upload/photos/natur
e/06331_30.jpg')><img
src='http://www.mama.com/db/Upload/photos/nature/06331_30.jpg'
width='140' height='105' alt='Click to enlarge'></a>
</center>
</Body>
</HTML>

I came up with this example using jscript

and I require something like this to work on asp.

Eugene Anthony

James Jones · Jun 21, 2006

not sure if this is a valid code, but we can try it, lol.

divStr = "<Div class=placeHolder><IMG Src=""Null ID=nullIMG height=""100%""
width=""100%""></Div>"

hope this works for you....i kno it works for other html items

James Jones · Jun 21, 2006

well i was looking at your code after i posted the last post........its in
javascript, so you can just use the height and width you already have
defined......try rewriting your buildSupport function with
this...............

function buildSupport()
{
styleStr = "<Style> .placeHolder
{Position:Absolute;Top:-2000;};</Style>";
divStr = "<Div class=placeHolder><IMG Src=Null ID=nullIMG" + hstr + " " +
wstr + "></Div>"
document.write(styleStr);
document.write(divStr);
}

notice the variables you already have stored are being used to resize each
image loaded..........hope this really works for ya!

Eugene Anthony · Jun 21, 2006

I modified the javascript:

<HTML>
<Head>
<Script Language="JavaScript">

function openFullSize(Pix)
{
img = new Image()
img.src = Pix;
wStr = img.width;
offsetW = wStr;
wStr = wStr-5;
wStr = "width="+wStr;
hStr = img.height;
offsetH = hStr;
hStr = hStr-35;
hStr = "height="+hStr;
lStr = (screen.Width/2 - offsetW/2);
lStr = "left="+lStr;
tStr = (screen.height/2 - offsetH/2);
tStr = "top="+tStr;
window.open(Pix,"FullSize","toolbar=0,status=0,scrollbars=yes,
"+tStr+","+lStr+","+wStr+","+hStr+" ");
}

</Script>

<Body>
<center>
<H3>Thumbnail link to clean, dynamically sized window</H3>
<a
href=javascript

penFullSize('http://www.mutaiyas.com/db/Upload/photos/n
ature/06331_30.jpg')><img
src='http://www.mutaiyas.com/db/Upload/photos/nature/06331_30.jpg'
width='140' height='105' alt='Click to enlarge'></a>
</center>
</Body>
</HTML>

Now is it possible to parse the width and height value of the javascript
to asp. One possible way I can think of is to place the value in a
hidden text field and retrieve it using request.form().

Eugene Anthony

How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
Help with Visual Lightbox: Scripts	2	May 3, 2023
Help with code	0	Jun 12, 2022
Gallery - mosiac/grid layout with filtering and information page popup	1	Apr 13, 2020
Centering picture element for larger screen sizes	2	Sep 21, 2023
How to make a div select work?	5	Jan 13, 2022
Im having trouble containing a title an image and a button	2	Oct 26, 2022

window - jscript and vbscript

Eugene Anthony

James Jones

James Jones

Eugene Anthony

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads