Javascript Popup Window Install Linked Text

Support

FAQ

Contacts

About Us

Recent Questions

Please advise on how to install acreated javascript popup window to an XHTML page linked to text.

Return to Recent Questions

Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML 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.
See the attached screen.gif.
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:
...
<body>

<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 17, 2006 - How can your javascript onmouseover menu be set to open by click?
Oct 06, 2006 - How can I use right-to-left languages in javascript popupmenu?
Oct 15, 2006 - Submenus doesn't position correctly in my javascript template.
Nov 13, 2006 - Can I use Hebrew in the script menu easily?
Nov 21, 2006 - Why the javascript submenu alignment changes depending on the browser window size?
Dec 01, 2006 - Why flyout menu does not float and why I cannot centre the menu?
Dec 10, 2006 - On IE for Windows, the javascript floating window disappear as I roll over them
Dec 14, 2006 - How to use a dhtml javascript menu item so that it opens a window at a certain size?
Dec 19, 2006 - Why submenu css pop-down not OVER the other object (frame)?
Jan 05, 2007 - In Delux Tuner I can not find how to make menus multi-level or multi-column
Jan 06, 2007 - Is there a parameter in javascript expand menu to force the menu text to wrap

Top 53 Killer HTML Templates List Top 41 Wonderful CSS3 Templates Collection \| Mobile Page Layouts Overview \| Top 54 Brand New jQuery Themes List \| Best 50 Inspirational and Beautiful HTML Themes Collection \| Mobile-friendly Web Page Themes Review \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Builder \| Free AI Website Builder \| AI web design generator \| AI website design generator