(c) 2016, Deluxe-Menu.com
Site Map Deutsch
Search  
 
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    I want to activate script pop up by a hyperlink

Return to Recent Questions


Q: In the rollover menus, how can I have a heading link to and open another website's home page?

A: 1) You can show the popup window when you hover, click or mouseout on some elements on your page. For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver, onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) Or you can create only one data file and use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use the same winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

I call the skin .js file with id='win'.
On the page you should open popup windows with the same id:

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 1 Popup Window with 'files/test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/1test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 2 Popup Window with 'files/1test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/2test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 3 Popup Window with 'files/2test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/3test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 4 Popup Window with 'files/3test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/4test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 5 Popup Window with 'files/4test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/5test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 6 Popup Window with 'files/5test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/6test.html', 'Window', 'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 7 Popup Window with 'files/6test.html' content.</a>

So, the previous window will be closed and the new one will be opened. If you want to open several windows at once use different id's for each link.






Return to Recent Questions

Related:
Bootstrap Textarea Group Bootstrap Progress bar Jquery  |  Bootstrap Tooltip Placement  |  Bootstrap Navbar Example  |  Bootstrap Switch Value  |  Bootstrap Slider Usage  | 
Copyright (c) 2019, Deluxe-Menu.com
 Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Builder | AI Website Generator | Website Generator AI | AI web design generator