I believe I found an accessibility issue with superfish. I have the "sf- menu" ul as the child of another list item. After tabbing through the entire sf-menu, it disappears. How might I fix this? This is happening in both IE and firefox. It is nested as follows. ul -> li -> ul sf-menu
I needed a sidebar menu that, when a user clicks the <h3>, a submenu expands. When the user then clicks on a different menu item, the previous submenu disappears meaning only one submenu can be visible at one time.
Now the code I have at the moment (from jQuery forums) works. It now needs a bit more refining so that it works the way I intend.
When you first load the page, all of the submenus are collapsed which is a real pain as each submenu has 20 - 30 selections.
Is there a way to have them all hidden initially?
Is there a way to get an open submenu to close by clicking on the H3 title again?
Since the site is local only, I posted up a sample on my JSfiddle account.
This one, which I also found on google, did what I wanted, but without the smooth slide animation. - [url]
When you then click on one of the H3's, it kicks into action and works great!
I created a page using jquery to display library resources, based on subject area:Everything seems to work find in Firefox; in IE, however, on page load, there is a brief moment when the items that should be hidden appears briefly, then disappears...does anyone know why this would happen?Here is my code:
I wonder if it's possible to implement a menu like the one ofcbs.com?Basically, when mouse over some of the menu items, a menu panel shows up with a few columns of links. The many panel disappears when the mouse moves out. I think it's quite neat and I'm hoping to be able to do something like that with jQuery.
I have an item at the end of a menu that when it is moused over, it makes a form visible underneath it. On some machines running Safari the form flashes on and of on hover, and disappears when the mouse leaves the trigger.
I can get it to happen in Firefox if I move the mouse super slow from the trigger word to the box. I've tried moving the log in box closer with css, and it still happens.
I use superfish horizontal nav-bar style. Subcategories appearhorizontally below categories.The problem is that when I take themouse from the category name to reach one of their subcats, thesubmenu disappears! The subcategories disappear too fast! Is there away to fix this?
and asp.net-mvc 3 razor After I click at label "Hello" I get next element totagRows. But when I click next time at label "Hello" I lose this element, but I want to add next element. What I must change to have desired effect?
I am trying to use the code below to create the following behavior for comboboxes with class = "requiredCombo" -
1. If the selected index is 0, I want the font to be grey; otherwise black.
2. When the mouse enters the box, I want to change the font to black while the user is making a selection.
3. If the mouse leaves the combo and the user did not click (that is, they just ran the mouse over the combobox) and the selected index is 0, I want the font to be grey otherwise black.
4. If the user clicks on a selection and it is not index = 0 I want the font to be black.
The following code works great in Firefox but in IE 7 when I include the "mouseleave" code, the dropdown list opens up when I click the dropdown but as soon as I try to move into the list to make a selection, the dropdown list closes. Any suggestions what I can do?
To contact us: <a id="dialog" style="text-decoration: underline" href="#" onclick="dialog()">Contact</a> This loads the contact form correctly, but the <a href> link disappears after I have made the click.
I'am trying to create a text, which moves from the top to the bottom and the text which disappears at the bottom, comes in at the top. <div id="myFloatingText"> | V Here is my text which should be moved down and the line which disappear at the bottom should appear at the top. | V </div>
I am using the little tooltip script below. Normally, works fine, except when I clone an element which has a tooltip in it and append it to another element using something like: $("#table tbody").append($("#row").clone(true));.
Now, immediately after cloning it, I use jQuery to alert the title attribute, and it is in the new element. Then, when I view it using firefox, the title is gone, and obviously the tooltip cannot work.
/** Vertigo Tip by www.vertigo-project.com Requires jQuery */
I added maphilight to an html page. Suddenly, an unrelatedtable at the bottom of the page disappeared. The box is there, but the most of the table won't appear. Click on the bottom of the table, voila.Remove the jquery, it displays fine. The W3C validator OK's the file. Thisproblem is in IE8, not Firefox.
There are 3 wide lines that divide the data inthe 'missing' preformatted table. If I shorten the length of the 1stor 2nd line (the 3rd line doesn't affect it), it displays properly..[URL]But then I got it to display with minor changes to textabove the table. But then it wouldn't. I finally got[URL]to work and[URL] doesn't work. (edit: most of the time, both files don't always display consistently, even on different computers.) They are *exactly* the same file except for the time stamp in the file!
details: I deleted a couple of lines of text above the table and it displayed OK.When adding the internal #java anchorabove the table, that extra text changed how short the 2nd line needed to be to get the table to display. I had to remove about 6 characters from the 2nd line to get the table to show up again.
I have a simple check box in an admin panel where the idea is that if it is checked then 'display' a div on the page, if it is not checked then hide it.When I tick the checkbox, the div shows up, but then disappears right away. (it does the fade-in display:block, but instantly changes back to display:none).
I have been running the cycle plugin with success for a while, using 3 images, a caption, and a pager area (simple dots). I just added a fourth image/caption. the pager picks up the fourth image, adding a dot. However, it now fades in on transition, then immediately out. no other code changed other than the addition of a fourth image. why this is now malfunctioning?
I have the cycle plugin running, works fine on all but IE7 (not catering to IE6). The pager elements on the right do not appear in IE7. I have tried adjusting the z-index, etc., but can't figure it out.
Also, the caption text transitions in with bolded elements properly appearing, and then they flip to regular text (the whole line of text transitions a bit strangely).
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
After much searching and head-scratching (JS is not my forte!), I adapted some code to do what I want - well, almost! So here I am back again. I need to have three divs on a page, with each separate div changing onClick. Below is the code so far.
1) when I open it in a browser window both divs show, then the one disappears when I click on the second div leaving only the numbers. How can I change it so that both divs remain open?
2) Instead of the numbers , , etc. to change the divs, I'd like to have to just click on one single 'click here for more' to display the next div then return to the first after the last one. Can this be integrated or is it too late?
I have a map with hotspots, and when you hover over a hot spot, a hidden DIV appears. The only problem I'm having now is getting the DIV to remain open while I move my mouse from the hotspot to the DIV. As soon as I move my mouse away from the hotspot, the DIV disappears. I need to put links in the DIVs, and users will need to be able to move their mouse away from the hotspot to click on the link, but currently can't.
I experimented with setTimeout, but didn't get too far. I really need to get this working.
I have a jwplayer in my page, and I've placed a short text describing it underneath it. Works fine in FF and Chrome, but in IE the text vanishes after you click the "Allow blocked content" permissions to allow activex controls.This is what it looks like: