JQuery :: Superfish - Superior CSS Alternative To Supersubs?
Dec 1, 2010
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!
View 1 Replies
ADVERTISEMENT
Jul 12, 2009
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?
View 1 Replies
View Related
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:
$(document).ready(function(){
$("ul#topmenu").supersubs({
minWidth: 12,
[code]....
View 1 Replies
View Related
Jun 25, 2009
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.
View 1 Replies
View Related
Jun 27, 2009
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.
View 1 Replies
View Related
Sep 18, 2011
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.
View 2 Replies
View Related
Oct 5, 2010
I'm looking for an alternative for .closest(). My script refers to jQuery 1.3.2 which is not the latest, but does its job. By trying to implement my code into another script I noticed that this script uses jQuery 1.2.6. Well, 'changing that version was no option'.[code]This is my code. It should be used to clone special comments containing "In[" and in some cases "text".Unfortunately .closest() doesn't work out for me. i'm looking for an alternative.
View 1 Replies
View Related
Aug 6, 2010
I am retrieving an XML document like the following:
<SampleData>
<contentContainer>
<div>HTML goes here</div><div>HTML goes here</div>
</contentContainer>
<moreRecords>1</moreRecords>
</SampleData>
I was using a statement like this to take the content out of the "contentContainer" element and place it into another element:
$('#myDiv').html($(newXML).find("contentContainer").html());
This works great in Firefox, but doesn't in IE. I can use the following in IE using the text method, but that doesn't do what I want:
$('#myDiv').html($(newXML).find("contentContainer").text());
It appears that the html method isn't available with XML. Is there an alternate method I can use to grab a whole chunk of HTML within a portion of my XML document?
View 1 Replies
View Related
Jun 18, 2009
So I have a set of <SELECT> elements that are ajax'd in and out depending on what is selected using the event "change". I know that .live("change") is not fully supported.
View 2 Replies
View Related
May 4, 2011
I have these two functions used from Jquery i am looking for a alternative for them in javascript as i need to completely remove the jquery from the same code...
View 8 Replies
View Related
Nov 11, 2011
I am using a jquery plugin and the code that I am using has fadein() and fadeout() functions but I dont want any fade, could anyone please enlighten me on what the normal one is without the fade,
View 1 Replies
View Related
Jul 29, 2009
<script type="text/javascript">
Above is my JS. What I want to do is, click the button and have the vstar image hidden. Then when I click on the button again, the vstar appears, but now the flower is hidden. And clicking the button again, the vstar is hidden and the flower appears again, and so on...
<div>
View 7 Replies
View Related
Dec 3, 2011
An example:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.find('.one-tab')
.addClass('active')
.css('cursor', 'default');
Now I want to apply the parent of tabContent a width, only if a condition is true. I do this, and works, but I don't consider this is a proper way:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.each(function() {
if (/*condition is true*/) {
$(this).width(aWidth + 'px');
}
$(this).find('.one-tab')
.addClass('active')
.css('cursor', 'default');
});
Is there a better way instead of using each() which is actually made for loops? In this case there is only one element.
View 3 Replies
View Related
Jun 4, 2010
I'm currently using this bit of code which submits some form values to a php script which then returns the results into the target html as specified.
Code:
$("#ajax_totals").load("shop/calculate_order_cost", $("#shop_form").serializeArray());
However what i'd like to do is submit the form items using serializeArray but then return multiple items from the php script and insert them in multiple places on the page, not just in the form itself.
I know i could simply use that line of code 4 times over with 4 different html targets but i don't feel it is very efficient or DRY. So i'd like to know the best way to submit multiple values to a php script, return multiple responses and use those responses in multiple places in the html.
View 6 Replies
View Related
Mar 16, 2010
I have been using RHS, but in IE, it sometimes doesn't work the way I expect. Also, last update was a long time ago.
So, does anyone know better alternative for RSH?
View 3 Replies
View Related
Jul 23, 2005
Currently I use an onbeforeunload method, to do call various tidy up
methods when a user exits my web application - however I now need to add
additional support, for users migrating to Sun's JVM.
My understanding that the onbeforeunload call is a Microsoft one, and
the net result of having it in a page used by a SUN JVM user is that the
browser does not close.
Does anyone know of an alternative to this method, that is supported
by Sun's JVM?
View 4 Replies
View Related
Sep 30, 2005
In my webpage I have an embedded Windows Media Player and an unordered
list with a table of contents.
When playing a video, the Windows Media Player is triggering events for
new 'chapters'.
The corresponding chapter in the unordered list is then highlighted
with css.
The list can contain up tot 100+ items. Because the page itself should
fit the screen without scrolling, i put the list in a scrolling div.
I also want the div to scroll automatically in order to keep the
current chapter inside the visible scope of the div.
Right now i do this by initually creating an anchor for each listitem.
When an chapterswitch event occurs i scroll to the corresponding
chapter with the folling line of Javascript code:
window.location = "#" + ListItemId;
There is one problem; the annoying tick sounds in IE. For my
application it is not rare to have 25 'chapters' switched in one
minute, so that's an awful lot of ticking.
I was wondering if it is possible to automatically scroll up or down to
a specific point in a div without the browser making any sounds.
View 3 Replies
View Related
Jul 20, 2005
I was wondering if anyone can help me? I am having some problems wit
the <noscript> tag.
I actually use it to block banner advertisements from being displaye
in my website. I have used it at the <body> tag section and look
something like this:
<noscript>
<body>
</noscript>
What it does is stop the banner advertisement offered in most fre
websites from loading.
My question is how come it does not stop the banner from loading if
was to view the webpage in my Pocket PC using Pocket Internet Explore
Pocket IE)?
Everytime I load the page in Pocket IE, it displays a standard banne
that is found in all pages viewed using Pocket IE. I looked around fo
some answers and I found out that Pocket IE found in the Pocket PC 200
does not support the <noscript> tag.
Is there another way around this? I have written some pages that wil
load in my Pocket PC and I find it very annoying to see the banne
advertisement at the top. Code:
View 2 Replies
View Related
Feb 28, 2011
Is there an other way to link to an element on the same page without using anchor URLs?
View 18 Replies
View Related
Dec 7, 2006
I was wondering if there was an addLoadEvent alternative, that could be used before all images are loaded? I think it's something like when the DOM is ready...
View 1 Replies
View Related
Aug 29, 2009
this is the code I'm working on:
Code:
var tabs = new Control.Tabs('menu');
var pattern = 'tab=';
var nStr = location.href;
if(nStr.match(new RegExp (pattern,'gi'))){
var id = nStr.split(pattern);
[Code]...
It searches for the query string 'tabs=' and then splits the result to get the id of the tab. Then it uses this to set the active tab. If the url doesn't include the query string it set the tab to the first one.
The code works but it uses Eval to convert the id string (id[1]) to a variable and I was wondering if there was an alternative.
View 2 Replies
View Related
Sep 11, 2010
I am having a problem with superfish working in IE8. It displays vertically instead of normal, i.e. horizontal.
This may be a known issue but i cant find anything on it.. it may also be a CSS issue but i cant tell for sure...
View 1 Replies
View Related
Jul 23, 2005
Is there a more concise way to do something like the the
desired code below?
The gripe is with the try-catch syntax. It takes *way* too
many lines of code to evaluate a conditional expression
when zero or more parts of the conditional expression may
trigger an error. In this case, the trigger is a call to
a non-defined (null) object.
In other words, how can you do a more simple 'try' statement
that simply spits out true or false, depending on whether
the 'tried' code threw an error or not?
Defining a function don't seem to work because you
can't pass the 'try' code as an argument. Extending the
'Global' constructor is not an option, so now what? Code:
View 3 Replies
View Related
Jul 23, 2005
Is there a possibility to do a string replace in javascript without regular experessions. It feels like using a hammer to crash an egg.
View 24 Replies
View Related
Jan 28, 2006
I'm working on integrating the a javascript wysiwyg editor (Xinha) with
my blog software (ExpressionEngine, aka EE). EE has extensions now so
it's easy to get the Xinha header code into the head section of the EE
web page.
But Xinha likes to use an onload command to launch:
window.onload = xinha_init;
....and EE is already using the onload command in the body tag of the web
page:
<body onLoad="document.forms[0].title.focus();set_catlink();" >
The onload command in the body tag is keeping the window.onload command
from working. At this point EE doesn't let extensions modify the body
tag.
Is there an alternative way to run the xinha_init command, without using
the window.onload command?
View 3 Replies
View Related
Apr 12, 2007
I have a query on browse button, In my page , i want to upload
files , But i dont want normal <input type=fileto be used for this,
so can anyone tell me anyother alternative solution for this ,
Here I have a button and textbox, if i click the button, it should
popup a file upload dialog box ,after selecting a file, that path
should be pasted in that textbox...
View 2 Replies
View Related
