View Full Version : Making a pop up(with close window button)
ginostylz
Aug 31st 2004, 9:16 am
How do you make a pop up window to display a product better, but still have text with a button to close the window?
Python
Aug 31st 2004, 10:19 am
probably best done with javascript. i dont know exactly how its done though
kaptain
Aug 31st 2004, 10:26 am
if you are just looking to put a link in the window that will close when clicked, this is what i do
<a title="Close Window" href="Javascript:close();">Close Window</a>
ginostylz
Sep 1st 2004, 12:14 am
Is there a place to learn more? Try doing a search on pop ups:)
I don't know enough about the pop up to search more on the subject. I'm not into the pop up spam, just when someone want's to learn more about a product they can.
PtrMK
Sep 1st 2004, 10:42 am
Everybody hates popups. If I go to a site with popups that make it through FireFox's popup blocker, I leave as quickly as I came.
ginostylz
Sep 1st 2004, 10:47 am
Everybody hates popups. If I go to a site with popups that make it through FireFox's popup blocker, I leave as quickly as I came.
So your saying if you were trying to buy something online, like a cell phone or a book and wanted to see a larger image than the one on the page, you would leave if they had a view image link that opened a new window with an enlarged image and a short description of that peticular item? Or would it be wise to decide that a thumbnail and a title is enough for the sale of your good?
PtrMK
Sep 1st 2004, 11:55 am
So your saying if you were trying to buy something online, like a cell phone or a book and wanted to see a larger image than the one on the page, you would leave if they had a view image link that opened a new window with an enlarged image and a short description of that peticular item? Or would it be wise to decide that a thumbnail and a title is enough for the sale of your good?
Pop-ups lead to confusing navigation. How about a "detailed info" page for the product, with more specifics and bigger images.
ginostylz
Sep 1st 2004, 12:07 pm
That is probably the best idea for most sites, which is what I normally do anyway. However in my case I did not want them to navigate to another page. But at the same time I didn't want to limit myself by not giving more detail. In my case I'd fear that navigating an extra page may take the focus away on complimentary goods.
david_sakh
Sep 8th 2004, 12:51 pm
why not have a frame where the image is displayed instead?
ginostylz
Sep 8th 2004, 6:41 pm
I think I'm going to redesign my navbar.
I may have outgrown it anyway.
I'll use regular text as a main subject.
With smaller text under it slightly tabbed over.
Better organization may be the key rather than click on the link to read more about.
arestia
Sep 8th 2004, 7:06 pm
this is the code i use for image popups for zoomable product pictures.
enter this somewhere in the <head>:
<SCRIPT language=Javascript>
function openWin(page,name,width,height)
{
winOpts = 'toolbar=0,width=' + width + ',height='+ height +',directories=0,status=1,scrollbars=0,resize=0,menubar=0,location=0,copyhistory=0'
if (navigator.userAgent.indexOf("Mac") >= 0)
{
var W = open(page,name,winOpts)
open(page,name,winOpts)
} else {
var W = open(page,name,winOpts)
}
W.creator = self;
}
</SCRIPT>
this is the link used to load the window. i would recommend using a simple php file to call the image so u can format the margins within this new window (i.e. zoom.php?img=blah.jpg). but in any case you can still just link to the image.
heres the syntax:
<a href="javascript:openWin('image or website link','name of popup',width,height);">Link Here</a>
and the example link:
<a href="javascript:openWin('zoom.php?img=1234.jpg','pop3',320,240);">Click Here to Zoom</a>
any problems just ask
-Dan
vBulletin® v3.8.4, Copyright ©2000-2009, Jelsoft Enterprises Ltd.