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');
View 1 Repliesversion 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?
View 2 Replies View RelatedI'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("|", ""));
});
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.
[url]
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 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.
//** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06)
//** http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/
var ddequalcolumns=new Object()
[code]....
I wish to create a slideshow of items in a list.
The list should display 5 slides in a set of 10 items in the list.
The cycle behaviour I wish to have, is to put an element on top of the list and hide the element on the bottom.
I try using cycle plugin, how to left more than 1 element visible after slide cycle change.
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.
I'm quite new to jQuery and have this working, though I'm fairly sure if this won't be an efficient way to do this. I have a form with each day of the week, and each day has a choice in the number of slots which then shows the correct number of slots for entry for that day.
The form:
<table border="0" cellspacing="0" cellpadding="0" class="DataTable"><tbody>
<tr>
<th>
Day
</th>
<th>
Slots .....
This is simplified just a little as there are more than the 1 input in an 'Entry Section' (eg .Entry3). The jQuery I have working here is:
<script>
$(document).ready(function(){
$("#frmSlots1").change(onSelectChange);
});
function onSelectChange(){ .....
That's working fine, except I do want to have 7 days so that would be quite a lot of replicated jQuery code. I am thinking there will be a way to identify the select item with the others so jQuery will know which to adjust without having to spell every single item out. Is there an easy way to achieve this in the above?
is it possible to limit the number of visible items in a dropdown list using javascript or any other way?
View 1 Replies View Relatedis it possible to limit the number of displayed items in a dropdown list? for example list of countries will display only 5 and people scroll down to see the rest of the list?
View 5 Replies View RelatedIn the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it?
[Code]...
When I call FadeTo or Hide, the fontstyling on my elements seems to get lost. This happens with both1.3.2 and 1.4.1 on IE8, running IIS6 on my local Windows machine. The attachment illustrates the problem. Click the Hide/Show button to toggle between the states. With minor and obvious modifications in the source code you can switch back and forth between the FadeTo and Hide/Show techniques. Both are set to happen slowly, so thatyou can see that the problem begins immediately as soon as the function is called. The font style on the screen visibly changes, and remains corrupted afterwards as you toggle back and forth. My own classes on the elements, linked to the embedded CSS,remain unchanged througout the scenario.The attachment is named test.txt because, of all things, this site doesn't seem to allow htm files to be attached. Rename it to test.htm (youwill also have to adjust the path to your jquery file) and give it a run.I'm a noob,so I fully expect that there's a simple explanation for this. I look forward to it.
View 3 Replies View Relatedi've been having an issue with the jPicker and jquerySpinButton plugins. if i apply each plugin to one instance (say, a span) they work fine. however, the next time I do the call, the elements are not modified by the plugin. on the demo page, there should be two spin boxes, and two color selectors. only the top 2 work, the bottom 2 are deformed.[URL]..
I've recently begun this week going through tutorials to learn some jQuery. My whole motivation was to create little windows that aren't entire new pop up pages. Think of being on facebook, going through some pictures and clicking the "Share" button. It's a new window that pops up but not an entirely new page if that makes sense.Unfortunately the w3schools tutorial didn't really point me in a direction to be able to do this. Any ideas on where to learn it?My real intentions are to learn how to do something like the pop up that you see when you first load this page:
View 1 Replies View RelatedI have the following code that don't work like i want it.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
For example.It show objects if I remove the if statement that checks if the class is visible.for example this shows a class and works.
Code:
function hideDisplaySingleSuite(textstring) {
var myclass1 = new RegExp('\b'+textstring+'\b');
//Populate the array with all the page tags[code]....
So my question is why don't this work on a class, it works on an "id"?
Code:
if (allPageTags[i].style.display ==''){
allPageTags[i].style.display = 'none';
}[code]....
I want to show the class if its not visible or hide it if it is visible.How can this be done?
I have a simple javascript overlay (like a lightbox) with a message that pops up. The user is meant to click a button, see the overlay thanking them for their vote, and then be redirected to the affiliate page (its a poll site) after about 3 seconds. I have everything down, except, it will either display the overlay as one of the onClick events, or it will do the timedRedirect but not both. I've tried putting the redirect before and after, and when its before it redirects, when its after, it shows the overlay. How can I do a timed redirect and show this message?
<script type="text/JavaScript">
<!--
redirectTime = "3500";
redirectURL = "http://x.azjmp.com/2KTCs";
[Code]....
I'm not sure is this is a CSS issue or one that can be solved with JavaScript, but I'm having a problem with this page URL...where the text on the four flyer images aren't being positioned correctly upon the uploading of the page. However, when you refresh again, it positions correctly. At first I thought this was a caching issue on my computer, but it did the same thing on someone else's.I'm a perfectionist (as you all are as well ) and I don't like things moving around or being out of position.If it doesn't happen on your computer when you first upload it, try it again because it's an on and off thing.
View 1 Replies View RelatedI was under the impression, via W3Schools that 'checked' is only a property of radio/checkbox input objects. I was trying out this code that loops through several different types of inputs:
Code:
//start loop
var elem = theInput[i]; //grab the input
if('checked' in elem && !elem.checked) { continue; }
//...do some other stuff
//end loop
As you can tell, I want to skip all radio/checkbox inputs that aren't checked because they are meaningless in my circumstance.....the problem is, it skips over EVERYTHING (that isn't checked) regardless of if it's a hidden input, text input, password input, etc..... I did a quick test:
[Code]...
does someone know how to add a submenu or menu like this sample [URL]...scripts/jquery_simple_drop_down_menu/# but not on a ul but on a button (<button id="rerun">Refresh</button>) Or having a menu with submenu where the first item looks like the button. And the button have the same style than here [URL]..
View 2 Replies View RelatedI 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?
View 1 Replies View RelatedI would very much like to be able to click to expand a submenu in Superfish, rather than the default hover to expand. How can I achieve this?
View 2 Replies View RelatedThe submenu works fine with FF, IE8 etc. But it fails with IE7.I have to use sprites background images and the second level sub menu
have to be positioned at a certian place.When I hover top of sub menu, it is ok. But the below of that submenu, such as Radio, Artikler, Hvem er vi?, I am not able to select in IE7.
please access[URL]... I want the subMenu to be :active, when I click on mainMenu. Right Now, subMenu is showing when I hover over to mainMenu.
View 2 Replies View RelatedI spent way too long writing a buggy and bloated jQuery script that is supposed to allow the sub-menus of a drop-down menu be a dynamic width (i.e. the submenu assumes the width of the widest list item). I am probably missing some base CSS property, surely it cant be this hard? My script I wrote is:
// drop down menu
var setWidth = 2;
var nextSetWidth = 0;
$jQ('.nav li').hover(function(){
var thisList = $jQ(this).parent('ul');
if (thisList.parent('li').length > 0) {
thisList.children('li').each(function(){
var thisSpan = $jQ(this).find('span');
var spanWidth = thisSpan.width();
if (spanWidth > setWidth) {
setWidth = spanWidth;
}});
setWidth = setWidth + 16;
thisList.css('width', setWidth);
}
var nextList = $jQ(this).find('.nav:eq(0)');
if (nextList.parent('li').parent('ul').parent('li').length == 0){
nextList.css('left', '2px');
}
nextList.children('li').each(function(){
var nextThisSpan = $jQ(this).find('span');
var nextSpanWidth = nextThisSpan.width();
if (nextSpanWidth > nextSetWidth) {
nextSetWidth = nextSpanWidth;
}});
nextSetWidth = nextSetWidth + 16;
nextList.css('width', nextSetWidth);
if (nextList.parent('li').parent('ul').parent('li').length > 0){
nextList.css('left', setWidth);
}}, function(){
$jQ(this).find('.nav:eq(0)').css('left','9999em');
setWidth = 2;
nextSetWidth = 0;
});
//End of Drop down menu
The HTML looks something like:
<ul class="nav">
<li><a><span></span></a></li>
<li><a><span></span></a></li>
<li><a><span></span></a>
<ul class="nav">
<li><a><span></span></a></li>
</ul>
</li>
</ul>
i used the plugin superfish and all things are fine. BUT, the submenu flaps to the right side. there is a problem with multilevel menues. my menu floats right to the hole webpage. so the submenu flaps over the webpage-border. how can i change this? i want the submenu to flap to the left side.
View 5 Replies View RelatedI'm struggling around to show submenu on mouseover of menu-div. I found a solution to show each children of one menuitem, but I wont to show the whole submenu-strukture of all menuitems. Here is what I've done till now:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns ="[URL]">
<head>
<meta
http-equiv ="Content-Type"
content ="text/html; charset=utf-8" .....
So when I hover over li.first I will get all submenu-items of the first heading! Is it possible to mouseover the div#navi or the ul#nav to get shown all submenu-items from every menuheading?
I tried something like this, but of course it doesn't workjQuery(document).ready(function(){
jQuery(".first ul").hide();
jQuery(".#nav").hover(function () {
jQuery(this).children(".first ul").toggle("slow");
});
});