Making a pop up(with close window button)

Discussion in 'JavaScript' started by ginostylz, Aug 31, 2004.

0
  1. #1
    How do you make a pop up window to display a product better, but still have text with a button to close the window?
     
    ginostylz, Aug 31, 2004 IP
  2. Python

    Python Well-Known Member

    Messages:
    680
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    120
    #2
    probably best done with javascript. i dont know exactly how its done though
     
    Python, Aug 31, 2004 IP
  3. kaptain

    kaptain Peon

    Messages:
    194
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    if you are just looking to put a link in the window that will close when clicked, this is what i do

     
    kaptain, Aug 31, 2004 IP
  4. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #4
    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.
     
    ginostylz, Sep 1, 2004 IP
  5. PtrMK

    PtrMK Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    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.
     
    PtrMK, Sep 1, 2004 IP
  6. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #6
    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?
     
    ginostylz, Sep 1, 2004 IP
  7. PtrMK

    PtrMK Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Pop-ups lead to confusing navigation. How about a "detailed info" page for the product, with more specifics and bigger images.
     
    PtrMK, Sep 1, 2004 IP
  8. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #8
    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.
     
    ginostylz, Sep 1, 2004 IP
  9. david_sakh

    david_sakh Peon

    Messages:
    1,225
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    0
    #9
    why not have a frame where the image is displayed instead?
     
    david_sakh, Sep 8, 2004 IP
  10. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #10
    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.
     
    ginostylz, Sep 8, 2004 IP
  11. arestia

    arestia Peon

    Messages:
    89
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #11
    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>
    Code (markup):

    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>
    Code (markup):
    and the example link:
    <a href="javascript:openWin('zoom.php?img=1234.jpg','pop3',320,240);">Click Here to Zoom</a>
    Code (markup):
    any problems just ask

    -Dan
     
    arestia, Sep 8, 2004 IP