codetoad.com
  ASP Shopping CartForum & BBS
  - all for $20 from CodeToad Plus!
  
  Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || RAM 
Search Site:



Home » Javascript » Article

Javascript Pop Up Window

Article by:  Jeff Anderson  ( 1362 ) (3/14/2002)
Bookmark us now! Add to Favourites
Email a friend! Tell a friend
Summary: Create a customisable pop up window when a user clicks the link.
Viewed: 68547 times Rating (30 votes): 
 4.4 out of 5
  Rate this Article   Read Comments   Post Comments


If you want to create a pop up window when a user clicks the link here is the code!
Paste the javascript below into the <head> tag of your page


	

<script language="javascript"> function PopUp(ref) { var strFeatures="toolbar=no,status=no,menubar=no,location=no" strFeatures=strFeatures+",scrollbars=yes,resizable=yes,height=320,width=500" newWin = window.open(ref,"TellObj",strFeatures);
    newWin.opener = top; }

</script>




You can change any of the window features by altering the various paramater. Try altering the height or width, and the various scroll and status bars (yes and no being the choice in most cases here).

Now all you need to do is create the pop up page itself, and link to it.

The link is not the usual <a href="/javascript/page.htm">Link Text</a>, but a call to our pop up function, passing the page as a parameter:


	

<a href="javascript:PopUp('/javascript/page.htm')">Link Text</a>



As usual with javascript, don't forget the function name is case sensitive and will not work if you use the wrong case.




Useful Links


CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums
Rate this article:     Poor Excellent
View highlighted Comments
User Comments on 'Javascript Pop Up Window'
RELATED ARTICLES
Javascript - Enable and Disable form elements
by Jeff Anderson
This is a relatively little known and under-used feature of javascript which can be very useful in guiding a user through a form. Using the disabled tag, you can switch on and off elements in a form.
Check IsNumeric Function
by Jeff Anderson
A javascript validation function to check whether the details entered by a user are numeric.
Javascript Onload Event
by Jeff Anderson
Sometimes you need to perform an action immediatley after the page has loaded. That's when the onLoad Event Handler comes in handy
Form Validation Function
by Jeff Anderson
A javascript validation function that you can use to validate all types of forms.
Javascript Get Selected Text
by Jeff Anderson
A cross-browser script to get text selected by the user
JavaScript Field Is Empty Form Validation
by Jeff Anderson
This javascript function allows you to check whether a form field has been completed or not.
Check Email Validation Function
by Jeff Anderson
A javascript validation function to check whether the user has entered a valid email address in a form.
Javascript onUnload Event Handler
by Jeff Anderson
The onUnload Event Handler allows you to perform an action as the user leaves the page.
Multiple submit buttons on a single form
by Kiran Pai
This script shows you how to submit the contents of a form to different programs depending on which Submit button you press. Additionally it also shows how to call two different functions when you press the Submit button.
Simple date validation
by Chris Hogben
function that takes a date in three parts, day, month and year - returns true if it's a valid date.








Recent Forum Threads
•  Run a program both on windows and linux
•  VERO.SurfCAM.v2014
•  Schlumberger.Petrel.V2013.2
•  Petrel.V2013.2
•  Altair.HyperWorks.v12
•  VoluMill.v6.1
•  VoluMill.NEXION.6
•  VERO.SurfCAM.v2014
•  Schlumberger.Petrel.V2013.2


Recent Articles
ASP GetTempName
Decode and Encode UTF-8
ASP GetFile
ASP FolderExists
ASP FileExists
ASP OpenTextFile
ASP FilesystemObject
ASP CreateFolder
ASP CreateTextFile
Javascript Get Selected Text


© Copyright codetoad.com 2001-2015