|
|
|
DHTML Window Script Installation Info
 |
How to Setup
|
 |
 |
Installation of DHTML Window Script
|
 |
Place dpopupwindow.js file into any folder of your html project. For example, it'll be default_scripts/ folder.
1. Paste the following code into a <head> tag of your page:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">DHTML Window Script by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript">var dmWorkPath = "default_scripts/";</script>
<script type="text/javascript" src="default_scripts/dpopupwindow.js"></script>
<!-- (c) 2009, http://deluxepopupwindow.com -->
2. Paste the following code inside your <BODY> tag:
<script type="text/javascript" src="data-deluxe-popup-window.js"></script>
Where data-deluxe-popup-window.js file is the file with DHTML Window Script parameters.
|
data-deluxe-popup-window.js
Data for the popup window are stored in a separate .js-file (data-deluxe-popup-window.js by default).
You can rename this file as you wish.
This file contains all parameters and content of DHTML Window Script.
All content from data-deluxe-popup-window.js file can be placed directly into html page within <script></script> tags.
It can be helpful when you generate popup window parameters from database (e.g. mySQL) using a server-side script (PHP, ASP, VB, etc.).
Use Deluxe Tuner application to create and save such files for your popup windows.
|
Additional Functions
|
|
You can use several functions to create, open, show and hide javascript popup windows.
function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")
Creates and opens new popup window.
winID - window id.
content - content of the popup window (text, id or url).
If content starts with 'http:' it is interpreted as a usual link and the frame is created.
Otherwise the div in which this text is located is created.
You can also load data from the other objects. To do it you should set the id of that object. If this object exists the data is loaded from it,
otherwise it is interepted as text.
header - window title.
param - all parameters are similar to DOM specification.
Example: "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes".
Values:
- width, height, resizable, scrollbars, minimizable, fullscreen
- closable=no / closable=yes - to display / to not display the close button.
- Vertical: [top, middle, bottom]. top = 10 - offset on 10px.
- Horizontal: [left, right, center]. left = 10 - offset on 10px.
- Effects.
Notice, that you can use only one effect for a popup window.
- moveEffect=top; //Window driving out from the given position
Values: "top", "left", "middle", "bottom".
- fadeEffect=0 / 1; //DHTML fading effect, where a window's opacity changes smoothly from one minimum value to a maximum value and back
- opacity=80; //Transparency in % (1 - 100)
- floatable=no / floatable
skin - window skin.
contentType - the optional argument which allows to set type of a content.
Values: iframe, id, text, auto(default).
You should call skin .js file on your html page also.
Example:
<script type="text/javascript" src="data-default.js"></script>
...
deluxePopupWindow.make("window", " http://google.com/", "#1: Google Web site", "width=590,height=350,resizable,scrollbars,minimizable,fullscreen, centerscreen,move-effect=top,,opacity=1,floatable=yes", "default")
function deluxePopupWindow.make("winID", "content", "header", "param", "skin", "contentType")
Creates new dhtml window script. To open the window created using this function you should use show() function.
It has the same parameters as deluxePopupWindow.open() function.
You should call skin .js file on your html page also.
Example:
<script type="text/javascript" src="data-default.js"></script>
...
deluxePopupWindow.make("window", " http://google.com/", "#1: Google Web site", "width=590,height=350,resizable,scrollbars,minimizable,fullscreen,centerscreen, move-effect=top,,opacity=1,floatable=yes", "default")
function show()
Shows popup window.
Example:
document.getElementById('window').show();
function hide()
Hides popup window.
Example:
document.getElementById('window').hide();
What's New in Javascript Modal Popup |
DHTML Window Script Installation Info
Javascript Ajax Popup Supported Browsers |
Popup Window in Javascript Parameters
|
Customization
