Js Popup Window Install Linked To Text

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

Please advise on how to install a created js popup window to an html page linked to text.

Return to Recent Questions

Q: Please advise on how to install a created js popup window to an html page linked to text.

A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows
content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add
the content in HTML Content window,
for example:
<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) Select the template you want to use.

5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any test folder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:


<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>


7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the same
folder with your index.html (root folder of your website).

Return to Recent Questions

Related:

Sep 18, 2006 - Does the js menu work to load pages into an iframe?
Oct 06, 2006 - How can I use right-to-left languages in javascript popupmenu?
Oct 26, 2006 - I would like to load an iframe into one of the items in oncontextmenu.
Nov 10, 2006 - I want to set the status bar messages to another than the link text from the xp menu items?
Nov 17, 2006 - How can I open a new window of a specific dimension in the dhtml toolbar?
Nov 22, 2006 - I cannot get the background color of the html popup menu to change
Nov 23, 2006 - It is possible to have context menu work with your tree menu dhtml?
Nov 27, 2006 - In Firefox, the drop down menu html is displayed to the right of the top menu text
Nov 30, 2006 - Does your html menu dropdown have the ability to have small text boxes on it?
Dec 09, 2006 - Is there any way to change the font size of the secondary and tertiary links in menu.js?
Dec 11, 2006 - Is there a way to get rid of the spacing on the main jscript menu?

Bootstrap Label Input Bootstrap Clearfix Style \| Bootstrap Switch Value \| Bootstrap Progress bar Jquery \| Bootstrap Slider Usage \| Bootstrap Header Example \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Generator \| AI Website Generator \| AI web design generator \| AI website design generator \| AI web page design generator