Create Popup Windows Without Coding!

JavaScript coder enables you to visually design the pop up and then generate the code in a few mouse clicks. You need not worry about the code because JavaScript Coder takes care of everything!

This page takes you through a small tour showing the creation of a pop up using JavaScript Coder.

The following window shows the screen shot of the first page of Popup Wizard in JavaScript Coder.

JavaScript Popup Window Screenshot 1

1. Design the Size and Position of the Popup

This page allows you to easily design the position and size the popup window.

JavaScript Popup Window Screenshot 2

2. Design the window features of the pop up

The Next page of the PopUp Wizard allows you to specify the features of the Popup window

JavaScript Popup Window Screenshot 3

3. Provide the Contents of the Popup

The Contents of the popup are designed in the next step. You can provide a URL to pick the content or provide the contents directly.

JavaScript Popup Window Screenshot 4

4. Decide the invocation method

You can decide on the invocation method of the Popup in the next page. The Popup could be invoked on entering the page, on exiting the page or clicking on a button or a link

JavaScript Popup Window Screenshot 5

5. Done! The Popup is ready!

You can now select the HTML page to insert the Popup. JavaScript Coder will insert the Popup.

JavaScript Popup Window Screenshot 6

You can open the HTML page and test the newly created popup.

JavaScript Popup Window Screenshot 7

<<Prev: Using the window.close method JavaScript Popup Windows

Create your web pages in minutes!
Order JavaScript Coder Now!

  • Digg
  • del.icio.us
  • Netscape
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

How to make a form without coding? Click here for a demo.

Follow me on twitter

HTML Forms
HTML Form Tutorial
The Form Tag
The Form Submit Button
Form design software
How to make a web form
Make web forms quickly, without coding

Javascript Form Handling
  Basics
Using getElementById to get the elements in a form
Set value of form element using JavaScript
Get value of form element using JavaScript
Handling multiple forms using JavaScript
JavaScript reset/clear a form
  Advanced
JavaScript Form Validation
Submitting a form using JavaScript
Can JavaScript Email a Form?
Switching the form action field dynamically
JavaScript Button

JavaScript Popup Windows
The window.open method
The window.close method
More ...

 
.   Copyright © 2003-2009 JavaScript-coder.com. All rights reserved.