I am working on a site with a left menu that slides out, and I've converted it to the top to drop down. So far, it is working ok, but the submenu items need to be below the parent, preferably left aligned. I have played with it a bit and so far can't seem to achieve what I want. See below where I'm clicking Resources and the menu is way too high and over to the right.
I am trying to design menu and also been successful at some extent. Root menu items doesn't create any problem but when I used following code to create drop down submenu items i got the error:Invalid argument
The error causing line is bold
While this javascript code doesn't work in FF3.x.x but in IE.
version of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
I'm trying to force my users to close a popup window before they can return to the Parent window. I more or less want to "lock" the parent window and force the user to fill in the info on the popup and hit submit, which in turn will close the popup and then allow the user to continue working on the parent window.
Submenu items aren't visible when they are Cufonized. To fix this change superfish.js line 105 to: .find('>ul').hide().css('display','none'); and line 113 to .find('>ul:hidden').css ('display','block');
I'm currently trying to parse through all the children list items within a navigation menu so that I can trim off a trailing "|" character. I'm trying the following but its not working correctly,
$('#nav > li > ul > li').each(function() { var str = $(this).text(); $(this).text(str.replace("|", "")); });
If I select one of the menu items the submenu appears just fine, my only problem is that If I point the mouse curser away from the whole menu the submenu is still shown, obviously if I click once with the mouse outside the menu the submenu disappears. So I need some kind of remove-submenu function when the mouse pointer is not pointing on menusubmenu....
I am trying to add selected dropdown items (in a popup window) to a hidden input field (inside the parent window). Here is the function I am using but it does not seem to work. Any ideas on what changes I need to make to get it to work?
Code JavaScript:
function addSelectedItemsToParent(domainid) { self.opener.editdomains.parentList[domainid].value = window.document.forms[0].category_1; window.close(); }
I actually want to make a horizontal drop down menu with a sub menu.As far as I have researched, I think that it can be done by JavaScript. I have searched for some java scripts but they are very long and complex.
That made me wonder that for a funcitonality like a Drop down is so complex?
So here is my question : Is there any JavaScript that can be applied for drop down menu exclusively? Which just presents logic of drop down solely?
I'm building a Joomla site with Superfish vertical. I'm bogged down on 1 issue: parent itemid linked to specific images and how to make this work. My menu has 5 parent items. The child items are not an issue.My question is this: Does anyone know how to make linked parent/item id & images work together ? This may be more of a CSS issue than a script question but I thought I'd pass it by here as I'm getting "0" responses elsewhere and there could be a php/js script aspect to this.There is a bit of code (line 67-87 of superfish/tmpl/default.php) that has me concerned and it might turn out to be why this doen't work, I include it below. I'm pretty much illeterate when it comes to js /php but I can make out just enough to know it could impinge (either + or -) on what I'm trying to do.
if (($node->name() == 'li') && ($id = $node->attributes('id'))) { if ($node->attributes('class')) { $node->addAttribute('class', $node->attributes('class').' item'.$id);
I'm trying to manipulate items in a table using jQuery, using the parent() and children() methods of the "this" object. I think I'm not understanding how to use the parent and children methods correctly.
What I want the code to do is to show the list and button within the <td></td> when clicked on, and then hide it when the newly shown button appears.
I need to add selected items using checkbox from child window to parent inside a form element. I also would like to have delete link besides the added elements so that it can be deleted. I have the child window poping up for selection and trying to achieve, adding selection to the parent form along with the values and link besides it to delete the added elements.
I want to compare items based on what the user picks there will be 3 drop down menus and the drop down menus should alter the HTML table each time it is changed, giving different option values and stuff. I am wondering how to go about this I have the basic stuff setup but I am not really sure how to add to a table that all 3 options use.Here is my current code for the drop downs.
I want the user to select one of the options from above and a table to show up showing the differences between the others for example; someone selects Value 1 for compare, and Value 2 for compare 2, and Value 3 for Compare 3, they should be shown a table which has the differences between Value 1, Value 2, Value 3. So lets say Value 1 and Value 3 offers you "Help" while value 2 doesn't. it should show a table that says
I'm trying to get drag and drop script working from this tutorial: [URL]. I want to drag items between columns (DIV's).
Here is my code: document.onmousemove = mouseMove; document.onmouseup = mouseUp; document.onmousedown = mouseDown; window.onload = function(){ // Create our helper object that will show the item while dragging dragHelper = document.createElement('DIV'); dragHelper.style.cssText = 'position:absolute;display:none;'; CreateDragContainer( document.getElementById('DragContainer1'), document.getElementById('DragContainer2'), document.getElementById('DragContainer3') ); document.body.appendChild(dragHelper); } .....
Every top level item in these containers should be draggable. Do this by setting the DragObj attribute on each item and then later checking this attribute in the mouseMove function for(var j=0; j<cObj.childNodes.length; j++){ // Firefox puts in lots of #text nodes...skip these if(cObj.childNodes[j].nodeName=='#text') continue; cObj.childNodes[j].setAttribute('DragObj', cDrag); }}} This script is working only particularly: [URL]
I have a scenario where I show a drop-down-with-few-items in a JSP page, to the user. The length of few options in the drop down is greater than that of the drop down's, hence our requirement is to show the hovered (not selected) option as tooltip for user's convenience. I am not able to use title attribute for displaying tooltips in my browser. Now the code ... implements a tooltip for multiple select drop down menu.Can you modify the code for single select
I have a dynamic table where I would like to update cells by using a drop list selecting from half a dozen items. I have searched W3Schools for a tutorial but I am obviously looking in the wrong place. The working code I have thus far is:-
function insRow() { var x=document.getElementById('myTable').insertRow(1); var a=x.insertCell(0); var b=x.insertCell(1); var c=x.insertCell(2); var d=x.insertCell(3); var e=x.insertCell(4); var f=x.insertCell(5); [Code]...
I'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
I have a drop-down menu that is currently working well.
The only change I need to make is to have the right edge of the drop-down menu to align with the right edge of the parent menu. When you hover over the menu, it currently "drops" down and to the right, with the left edges aligned.
I want the menu to "drop" down and to the left, so the right edges are aligned.
I have tried fiddling with floats and absolute/relative positioning. I'm not sure what needs to be changed.
Here is the page: [URL]
The menu currently drops like this (aligned along the left edge): [URL]
I want the menu to do this (align along the right edge; see how "Artists" is aligned under "Music" along the right edge): [URL]
The purpose of the code is to slideToggle open one of two hidden sub-nav bars when either of two different menu items are clicked upon - instead of a drop down menu. What doesn't work is the hiding of the div that is not required, if it is already open. Viewing in firebug shows that the appropriate classes are being applied - I suspect the reason is that slideToggle has been somehow set and cannot be unset via another object - but perhaps that is not it at all?
$(document).ready(function() { //add .toggle function to appropriate li element $('#hozmenu li:nth-child(4)').toggle(function () { //set 4th menu links colour to be green whilst div is shown $('#hozmenu li:nth-child(4) a').css('color', '#95d890'); $('#toggle_nav_services').removeClass('toggle_show'); [Code]....
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
I want to know is it possible to block user from selecting any text displayed on a webpage? What I want is to block user from selecting anything by mouse drag.
I wrote a script that tracks the number of characters a user types into a text box. It has a limit you can set, and when that limit is reached I would like to block the user from entering any more text.
How can I block the user from typing characters in the textarea?
I'm doing some code to show an image where a user clicks on an image map. I've got code that tracks the mouse location and uses that to place the image where you click (it also stores the value in some inputs so the co-ords are sent through post).
Works perfectly fine in FF but in IE it stops tracking the mouse's location once you move over the image (so when you click it places the image at the edge).It should be tracking the client mouse at a document level so I find it bizarre it doesn't track it for this one element.
Code:
<script> if (window.Event) { document.captureEvents(Event.MOUSEMOVE);
