Recent Questions Treelist Change Order Ajax Rails
Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?
Secondly.
I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:
<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the JavaScript Tree Menu displays.
I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).
I know how to get a larger picture from a smaller one like this:
<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>
I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?
A: See, to install Deluxe Popup Window you should call two .js files onyour page:
<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>
Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.
To open your window on mouse click you should do the following things:
<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.
Q: I am using Deluxe-menu 3.0.
I can add dhtml popup menu items and submenu items. Each new sub menu item is placed at the bottom of that list. How can I move it up in the listing.
For instance if my menus are:
2007
2006
2005
2004
and I add 2008 - it will be placed below 2004, but I want it at the top of the list. Each item in the list has multiple subitems, so I don't want to delete the other items to get it in the correct order.
I looked through your help file, FAQ and online questions and could not find an answer.
A: To move items select items you want and use a mouse drag'n'drop method.
To copy dhtml popup menu items select those you want and use a mouse drag'n'drop method holding a Ctrl key.
You can find this info in Tuner's help, "Main Window" sheet.
Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Your solution refers to creating absolute paths using
var pathPrefix_img = "http://domain.com/images/";
I have implemented this solution but I still think the problem persists.
A: Now you set pathPrefix parameter:
var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";
And you have such images paths, for example:
var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];
So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif
It is not right.
You should write your paths so:
var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];
Please, correct it.
Q: As a part-time webdeveloper I have gotten very interested in your product. I really appreciate a number of things
- it's very flexible
- it's very easy to work with
- examples nicely show the capabilities
But I have a couple of questions:
- When opening a menu, there is an option for keeping the menu-item that has been pressed hightlighed (so that the user can see what he/she pressed). Is it possible, programmatically, to decide when this highlighting should be removed? The scenario is that, when a menu-item is clicked the used might browse for a couple of pages within the context defined by the menu-item, but when the user leaves, the menu-item should no longer be highlighted. I will (programmatically) decide the context, but is it possible for me to interact with the menu, and for example decide explicitly which menu should be highlighted?
- Our design department would like the menu containing the elements: "Skovdrift, Juletreer, Skovrejsning, etc". Please notice that "Brende" is supposed to show a menu item that is hightlighted. Is is possible to create this menu such that it is dynamic and each item is text-based (and not based on two pictures for each menu-entry: hightlighted and not)? I've been wondering how to solve this problem, but I cannot figure out a solution. The problem that I is stuck at, is how organise this speciel "frame" around each menu-element. Something that be partly accomplished using "arrowImageMain", but that does not bring me all the way. Please notice that the menu-items might not have any sub-menu.
A: I suppose that you're saying about
var pressedItem=-2;
Defines an item that will appear in the highlighted state
(-2 - normal mode, -1 - toggle mode is active, but highlighted item not defined, 0,1,2,3,... - # of pressed item including separators)
This parameter will not approach you.
You should set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.