Making a pop up(with close window button)

ginostylz · #1 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 · #2 Aug 31st 2004, 10:19 am

probably best done with javascript. i dont know exactly how its done though

kaptain · #3 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

Quote:

<a title="Close Window" href="Javascript:close();">Close Window</a>

ginostylz · #4 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 · #5 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 · #6 Sep 1st 2004, 10:47 am

Quote:

Originally Posted by PtrMK

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 · #7 Sep 1st 2004, 11:55 am

Quote:

Originally Posted by ginostylz

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 · #8 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 · #9 Sep 8th 2004, 12:51 pm

why not have a frame where the image is displayed instead?

ginostylz · #10 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 · #11 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>:

Code:

<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:

Code:

<a href="javascript:openWin('image or website link','name of popup',width,height);">Link Here</a>

and the example link:

Code:

<a href="javascript:openWin('zoom.php?img=1234.jpg','pop3',320,240);">Click Here to Zoom</a>

any problems just ask

-Dan