JQuery :: Superfish - Supersubs Not Being Recognized?
Oct 25, 2009
I am using jQuery Superfish (with Supersubs) but I'm getting an JS error when loading the page:Error: $("ul#topmenu").supersubs is not a function I looked at the supersubs.js file but I can't figure out what the problem is. I'm calling jquery.js, jquery.superfish.js, and jquery.supersubs.js on the <head> and initiating menu as suggested:
I installed Superfish, use the menus, everything is ok.how can Supersubs be enabled in Joomla? I cannot find a tweak in the Superfish backend module? Does any filehave to be edited by hand?
It'd be nice if Superfish was hosted on something like Github so we could better give feedback like this. Anyways, the Superfish plugin [URL]has an additional plugin called "Supersubs," which makes the drop-down menus change their width toaccommodatemenu items on one line.
It's in beta and is a little buggy, I couldn't get it working perfectly on some of my menus--it would make the menu widths wider than necessary. But I discovered a superior way to accomplish the same thing, using only CSS. I've tested it to work in IE6, IE8's emulated IE7, IE8, Firefox, and Webkit (Chrome/Safari).The drop-down <UL>, and children <LI>s should have no width set, and both should be set to display:block; The link should be styled as such: #nav li ul a { display:block; width:auto; white-space:no-wrap; }And that's it! Auto-expanding drop-downs!
Trying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.
My question is regarding the behavior of Supersubs in IE6. It seems to adjust to the correct width, but, it applies the new width to all of the parent UL's of the widest LI. In IE7 and FF the new width is only applied to the containing UL of the LI.
I was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({ delay: 1000, // one second delay on mouseout animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
i would like to use it to replace a checkbox with an image and to swap it when it's clicked.unfortunately the change is not recognized inside the internet-explorer.
here is the code:
<label for ="footer_ger_lock"
[code]...
there is some php too that saves and displays the lock/unlock states, but i only wrote down the bare bones to keep the overview here.
Let's say I have two images. I make one dragable. I physically move one image directly over the other. While my mouse is pressed I release it. The image underneath recognizes and gives a message indicating it's covered by the other????
I'm using some jquery in a website I'm building. Here's what I'm trying to do on one of the pages: I've got a span with some text and a button in it. When the button is clicked, it fires up a jquery click function for its class that is supposed to insert a textbox into it and take the text and put it in the textbox. The class of the button is also changed from "editButton" to "finishButton" so that the other click function fires, which is going to call a webmethod to update whatever the user entered in the database.
But, the function for the editButton class gets executed when it's clicked the next time instead. I know that the class of the button has changed because the css styles for the finishButton class are in effect. I also tried removing the clicked button and creating a new one dynamically, but that one does nothing at all; it doesn't go to either click function. The stuff in the .finishButton function is only there just so I can test whether or not that function actually runs. Whether it works or not, it shouldn't matter... I'm using Firebug so if I put a break point in there, it should hit it either way, right? And this is in an aspx page if that matters at all.
I have two functions show after the message. The first works fine. When a checkbox is clicked with the class availableProfile, its class is removed, selectedProfile added. It is then appended to anotehr list and destroyed in the original. However when i click the now moved checkbox it doesn't recognize it has the new class of selectedProfile.
My HTML looks something like the following: <label for="myTextBox"> Name:<span style="color:red;">*</span> <input type="text" id="myTextBox"></input> </label>
In my document ready I have a function which runs 'on blur' of the textbox and hides the span. The following code DOESN'T work to hide the span: $('#myTextBox').closest('span').hide();
I'm currently using the code below which does work but was wondering why the above code doesn't.... $('#myTextBox').parent().children(':first').hide();
I am having issues with a new window that I create in my application not executing its Javascript. The js is there in the source and looks all normal, but it is simply not being recognized. I am running on Jboss 4.0.2. Here is the code, its simple... Code:
I'm new to programming with the DOM and new to this forum as well. I have the code below showing a web page that is simply trying to alert the user of recognized DOM nodes. I am not getting the bodyElement or textElement to be recognized by the browser. The error states that "an object is required."
the below code is for a form that is validated against some external (valid.js) functions. It's my first forray into Event Delegation and stupidly (testing in FF only just now) I didn't realise that the addEventListener isn't recognised in IE. Anyone got an idea which way I should look at sorting it. I am still searching and playing around but can't seem to find the right solution.
[code] Hide from browsers that do not understand Javascript.The addLoadEvent function adds functions to the window.onload command to load multiple functions at startup function addLoadEvent(func)[code]When the page loads I get the nice alert box that says loading and then one that says count equals 0.When i click my edit list drop down and choose modify I get a message box that reads count equals in edit function 0.If I type text in the textbox and leave the text box I get an alert box that reads count equals in subcheck function Undefined and then another one that says NaN.
problem: input values not recognized in dinamicly loaded IFRAMEs
here is the thing I have a parent window that has an IFRAME I then load a diffrent page into the IFRAME that contains an input
when I try to access - iFrm.document.all["grid_name"].value
i get an error saying that - "value is null or not an object"
I tryed checking to make sure the page is fully loaded using: document.readyState=="complete" and it is loaded and completed
the weirdest thing is that when debugging the error I can see the value in the debbuger and after that I get the value alerted just fine so how come I get an error ????? Code:
I'm working with a form that has both static and dynamic form elements (add textbox, etc), and while I can access the static elements via request.form, the dynamic elements cannot be accessed. I have the dynamic elements appended within a div that lies within a table.
Here is the javascript:
Code:
function add3<%=strGoalCount%><%=strObjCount%>() { var foo = document.getElementById('fooBar<%=strGoalCount%><%=strObjCount%>'); var numi = document.getElementById('theValue'); var num = (document.getElementById('theValue').value -1)+ 2;
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now.I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">[code]....
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening.
Trying to use superfish / jquery navigation on a site. Works great on my Mac (Safari & Firefox), but in IE (not sure of the version) the drop-downs go behind the SWFs that sit just below the nav. Here's a link to the site: [URL]
I need to change the background color of all my <li> buttons and child buttons, the color that appears on hover and the color of the text. This is superfish.css below. Does anyone know where to change for these items?
