3 Replies - 1785 Views - Last Post: 22 December 2008 - 04:46 AM

#1 bug  Icon User is offline

  • Got Bug?
  • member icon

Reputation: 0
  • View blog
  • Posts: 1,010
  • Joined: 24-April 05

Simple Pop-Up Window

Posted 14 May 2005 - 07:21 AM

Description: 1. Create a new page for what you want to appear in the popup.

2. Save that page, upload to your server.

3. Then on the page that you want the link to that popup on simply paste in the code snippet.

4. Edit the http://www.yoursite.com/popup.html to whatever the link to the page is that you want to appear in the popup.

5. Change Link Name or the image tag to whatever text/image you'd like to appear as the clickable link.

The attributes that can be changed are as follows:

'MyWindow1' is the name of this link. If you are going to have more than one of these links on a page you'll want to change each of the links names. (i.e. MyWindow1, MyWindow2)

toolbar=(if you'd like the toolbar to appear in this popup-yes or no)

location=(if you'd like the location bar to appear in this popup-yes or no)

directories=(if you'd like the directories bar to appear in this popup-yes or no)

status=(if you'd like the status bar to appear in this popup-yes or no)

menubar=(if you'd like the menu bar displayed in the popup-yes or no)

scrollbars=(the popup have scrollbars if it needs them-yes or no)

resizable= (can the user resize this window-yes or no)

width= (this controls the width of the popup-numeric value)

height= (this controls the height of the popup-numeric value)

left= (the popup window's distance, in pixels, from the left of the screen-numeric value)

top= (the popup window's distance, in pixels, from the top of the screen-numeric value)Easy to edit code for a pop-up window. Top code snippet is for a text link, bottom code is for an image link.
Text Link:
<a href="#"onclick="MyWindow=window.open('http://www.yoursite.com/popup.html','MyWindow1','toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=no,width=300,height=300,left=50,top=50'); return false;">Link Name</A>


Image Link:
<a href="#" onclick="MyWindow=window.open('http://www.yoursite.com/popup.html','MyWindow1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=250,height=200,left=50,top=50'); return false;"><img src="YOUR IMAGE.gif" BORDER="0" ALT="youralt"></A>




Is This A Good Question/Topic? 0
  • +

Replies To: Simple Pop-Up Window

#2 vilotwind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 04-December 08

Re: Simple Pop-Up Window

Posted 22 December 2008 - 02:23 AM

very nice will done..
Was This Post Helpful? 0
  • +
  • -

#3 vilotwind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 04-December 08

Re: Simple Pop-Up Window

Posted 22 December 2008 - 02:54 AM

I try it it is very nice and workable
Was This Post Helpful? 0
  • +
  • -

#4 bug  Icon User is offline

  • Got Bug?
  • member icon

Reputation: 0
  • View blog
  • Posts: 1,010
  • Joined: 24-April 05

Re: Simple Pop-Up Window

Posted 22 December 2008 - 04:46 AM

Thanks :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1