Forum Moderators: open

Message Too Old, No Replies

Custom Windows

         

Magpie

1:41 am on Feb 17, 2005 (gmt 0)

10+ Year Member



Right.... basically I have a bit of code on my website that when I want to advertise one of my bands gigs on the main page, a pop up loads up with a picture of the flyer advertising the gig... I use this following code on my main page to call the pop up:
<script language="JavaScript" for="window" event="onload()">
<!--
window.open
("sggig.htm","vb","height=480,width=630")
//-->
</script>

-------------------------------------------------------------------------

That is basically calling a page that i have created with the picture in it..... The page that I am calling has this code in it to get rid of the margins, address bar and buttons etc and makes it fit for the picture:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Verge Show</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/
body
{
margin:0;
padding:0;
}
/*//]]/*/
</style>

<title>Verge Show</title>

</head>
<body>
<div>
<img src="../../images/Gig%20Pics%20/21.11.03/Gig%20Pic%20001.jpg" alt="Under Judgement" border="0" width="630" height="480"/>
</div>
</body>
<html/>

-----------------------------------------------------------------

What I really want to do is this:

Instead of it being a pop up.... When u go to one of my pages that has a series of small pictures in it.... i want it so that when u click on on of the small pictures it does sort of the same thing.... I would like it to bring up a new window without all the buttons, margins and address bar etc. and to the fit size of the picture.... so that the user cant maximise it at all....

Can any thing be done with the code i have so far?

All help is much appreciated!

Regards
Magpie

Magpie

3:11 am on Feb 17, 2005 (gmt 0)

10+ Year Member



Ok I've done it....

on my page with all the small pictures on it i have:

<script language="JavaScript">
function cPop(url, wide, high)
{window.open(url,"popup",'width=' + wide + ',height=' + high);
}
</script>


and in the link of the picture I have:

<a href="javascript:cPop('urlofpage.htm',630,480)">

---------------------------------------------------------------

and to get rid of all of the margins and address bar etc I just used the same code as I showd before on the page that hold the main piture:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Verge Show</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/
body
{
margin:0;
padding:0;
}
/*//]]/*/
</style>

<title>Verge Show</title>

</head>
<body>
<div>
<img src="../../images/Gig%20Pics%20/21.11.03/Gig%20Pic%20001.jpg" alt="Under Judgement" border="0" width="630" height="480"/>
</div>
</body>
<html/>

Again... cheers for all the help mate (tedster).... really appreciate it

Magpie