Thanks so much for doing that! It does look like an improvement.
Probably not an urgent one, but definitely worth doing for the next
version.
It seems unintuitive that creating a new jQuery object would be less
costly than selecting from an existing collection, but there you go.
Can't argue with
Hello,
You would still need to wrap that this in a jQuery object, otherwise
it refers to a DOM object. At that point, I would think that referring
to an existing jQuery object, as Superfish currently does, would be
preferrable. Are you able to test this, to be sure?
Thanks
Joel Birch
I'm sorry, I just found this thread. Ryo has found the correct
solution. I overlooked that Supposition hooked into $.superfish. Sorry
for the inconvenience, folks!
Joel Birch.
On Jul 6, 8:14 pm, Ryo INOUE rin...@gmail.com wrote:
In the changelog.txt for Superfish it is said that in 1.4.2
event handler... */
$('#nav a').bind('click',function(){
updatePathClass(this);
/* code for other click actions here */
return false;
});
Hope this helps.
Joel Birch.
Hello,
I really think that the space is caused by the space character you
have between the opening li tag and the opening anchor tag. Let us
know if removing this doesn't solve your issue.
Joel Birch.
appreciated!
Hello,
This sounds like a CSS issue so you might be better off asking for
help in a dedicated CSS group. Also, a link to an example page would
help people figure out where your problem lies.
Joel Birch.
;
});
Otherwise, if you do want the links to go to another page, just delete
the 'return false;'. Hope this helps.
Joel Birch.
Hello,
This is a common IE z-index bug. Here is a page which details it and
provides the solution.
http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/
For everyone else's information, you can always find the link to that
page from the Superfish FAQ page. Hope this helps.
Joel
Hello,
I think that it's simply a matter of including multiple ul elements
inside the parent li, then floating them alongside each other
(obviously they will need a width to be set). I've seen this work and
have experimented with it myself in the past to be sure that it does
work, but I don't
Hi Jesse,
Does this also happen when JavaScript is disabled? Knowing this will
help narrow down the problem to being soley a CSS issue. I don't have
access to Windows at the moment.
Joel.
jQuery's animation functions apply display:none to the ul elements
when they are hidden. Therefore, it's good use left:-999em for when JS
is disabled, but I don't know a solution for when it is.
Joel.
Hmmm, is that so? Can you get the other ul elements to show properly
with JS disabled? If not then the problem is in your CSS. Otherwise,
I'll try and wrap my mind around what is occurring in the plugin code.
Joel.
Hi John,
What happens if you float the anchor elements as well as the li
elements? I know this often helps IE6 behave more consistently in
these situations.
If you want to remove the possibility of the Superfish JS interfering
(I doubt it is though) then just remove the JS code and also remove
Hi Bruno,
Have a look at my Superfish menu plugin. Specifically, check out the
nav-bar demonstration as it behaves precisely like you described.
http://users.tpg.com.au/j_birch/plugins/superfish/#examples
Joel Birch.
On Jan 30, 7:57 am, bellaluna316 bellaluna...@gmail.com wrote:
RE: Vertical hover. I am trying to do the following and can not
figure out what CSS code controls these things:
Hello,
While I no longer offer general CSS help for Superfish menus, here are
a few pointers:
• Move the
your problem by adding the id to your Superfish
selector in order to increase its 'specificity', like this:
#pillmenu .sf-menu li { background: #BDD2FF url('../images/
normal_bg.png') repeat-x 0 0; }
Joel Birch.
are seeing in IE6 is due to that browser not being capable of
displaying CSS-only dropdowns.
I have now changed the paths so that example.html works correctly when
browsed to online. I hope this avoids further confusion. Thanks for
the feedback.
Joel Birch.
Hello,
It is impossible to know where your error lies without seeing your
page. Please post a link to it.
Joel Birch.
Hello, it appears that you have the #pillmenu li elements' background
set to transparent, which is easy to see by using Firebug. For further
CSS issues, you will get better help from a devoted CSS group.
Joel Birch.
.
Please read the Superfish documentation at
http://users.tpg.com.au/j_birch/plugins/superfish/
then if you still have a problem, post a link to your page here so we
can help you.
Joel Birch.
Hi Bob,
To add two multiple classes to one element, you put them both within
the one class attribute and separate them with a space, like so:
ul class=sf-menu sf-navbar ... /ul
Hope this clears it up for you.
Joel Birch.
Sorry for missing your question Mike. Unfortunately there is no SVN
repository at this time.
Joel.
which does not
involve an opacity fade, in which case you can alter the 'animation'
parameter to {'height':'show} which will animate the height only.
Hope this helps.
Joel Birch.
Unfortunately it's not possible to trigger pseudo-selectors like that.
The common way of achieving what you describe would be to add a class
selector to your CSS and toggle the class on and off for the element
you want to show hover styles for. Like this:
.hoverClass { /* some CSS */ }
questions to a
dedicated CSS list, as there is nothing jQuery specific about the
Superfish CSS.
Joel Birch.
Hello,
You need to include the jQuery JS file before the Superfish JS file.
That should fix the JS errors you are getting. Also, make sure your
menu works without JS first (your CSS should allow for that in all
modern browsers, (not IE6)), as yours currently does not.
Joel Birch.
it the mouseout delay and IE6 support, etc.
Joel Birch.
.
2. This has to do with making sure you are applying the same :hover
styles that apply the highlight to your li.sfHover styles, as the
sfHover class remains on the parent li for as long as nested elements
are hovered.
Joel Birch.
I don't know off the top of my head. Do you have a link you could show
me please?
Joel.
Hello,
This one has been solved before. Here is the link to the thread:
http://icanhaz.com/superfish
Enjoy!
Joel Birch.
Hello,
Looking at the source of that page I notice you are initialising
Superfish twice. If you delete the first block (the one without the
pathClass option) I think that should fix your problem.
Joel Birch.
No problem. If you view that page again you should see this
information added to the end of the plugin description. Hope this is
sufficient. Thanks for the suggestion.
Joel Birch.
Hey, not only do I not mind, but I am overjoyed that you are using
Superfish for this! Everyone should feel free to use Superfish however
they want. Nice work.
Joel BIrch.
On Dec 9, 1:21 am, Soylent [EMAIL PROTECTED] wrote:
I don't know if any of you use Joomla, but I'm doing a website
Hello,
You have a trailing comma after 'dropShadows: true'. This may well be
causing the problem in IE.
Joel Birch
Hi Arun,
The option you need to change is 'speed', which is the speed of the
animation. If you set that to 1 millisecond, the animation will be
effectively instantaneous.
speed:1
Joel Birch.
to help you figure something out.
Joel Birch.
You are correct that Superfish does not have a disable function. You
would have to manually remove the classes from the DOM, and also
unbind the hover, blur and focus events on the anchors.
Joel Birch.
as it is
thoroughly tested to avoid a minefield of such problems across a wide
variety of browsers.
Joel Birch.
Simply add a width on the submenu ul elements so that they all span
the full width of the menu. Those uls should also have a solid
background.
Joel Birch.
Sorry, but I won't be working on this. It seems more like a fault of
the IE7 script really, considering that its purpose is to make IE6
behave like IE7, and Superfish works fine in IE7.
Joel Birch.
If you provide a set of files that I can instantly run locally without
having to alter urls, etc., I'll be able to edit them and try to debug
your problem.
Joel Birch.
far more easily.
Joel Birch.
.
Hope this helps.
Joel Birch.
I don't have an example to point you to, but it is definitely
possible. How easy it is will depend on your CSS skills though. I
guess you should start with the version that has the third tier
vertical, and adjust that third tier to be more like the second.
Joel.
a').bind('focus',function(){
this.blur();
});
});
Hope this helps.
Joel Birch.
Have a look at this Superfish extension called Supposition. It is an
effort to achieve exactly what you are asking for, although it comes
with no guarantees or support.
http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/
Joel Birch.
Do the submenus still appear 100% width if you remove the Superfish JS
code so that the menu is pure CSS plus IE7.js ?
Joel Birch.
Hello,
Your fix is good except that it won't work in IE6. You might instead
try setting background:none for all .sf-sub-indicator elements, then
restoring the arrows to the deeper nested ones using a selector with
greater specificity. ie:
sf-menu li ul a .sf-sub-indicator { ...
Joel Birch.
Hello,
My suggestion is to try putting the Superfish CSS before the script
tags rather than after them in the source code.
Joel Birch.
Hello,
You need to use .find() instead of .filter() for what you are trying
to do. Another thing to consider would be to simply add and remove a
class on hover, rather than applying the styles directly.
Joel Birch.
Hello,
The option you need to change is 'speed'. Try setting it to 'fast' or
even 1 (which would be 1 millisecond) for effectively no animation.
The 'delay' option only affects how long the submenus stay open after mouseout.
Joel Birch.
Hi Bob,
You seem to be missing some very important CSS. The submenu ul
elements must be position absolute. Also, I don't see any 'top' or
'left' values or hover rules for them. Please refer to the original
demo CSS files for further clues.
Joel Birch
On 23/10/2008, Bob Sawyer [EMAIL PROTECTED
Hi Dom,
Simply alter the line in the setTimeout function to this:
$('ul.sf-menu li.current ul').fadeOut('slow');
Note that I have altered both the method and the selector here.
Joel Birch.
like they would run into the bugs
that I did during my experimentation, while others look more
promising, although I haven't tested them.
Joel Birch.
of that, as it
would appear on top of the li image. Or maybe I'm not visualising what
you intend to do properly.
Joel Birch.
-aboutus.sfHover { background-image: ...
Notice that you will need to add the .sfHover selector in addition to
each :hover selector in order to support IE6. It also has the added
bonus of applying your desired affect when using the keyboard to tab
through the menu.
Joel Birch.
Nicely done - thanks for showing us this. I guess this should be an
official part of Superfish considering that that all the other
animate() parameters are exposed options. I'll include this in the
next update. Thanks again.
Joel Birch.
Hi Jess,
I guess I have replied too late, but it looks like you solved the
problem, so that's great. Hope you made your deadline.
Joel Birch.
(function() {
$('ul.sf-menu li.current').hideSuperfishUl();
},2000);
});
I removed the autoArrows and dropShadow settings as you had them set
to their default values anyway.
Joel Birch.
Please see your original thread for my reply.
Joel Birch.
; to your div while keeping your width:100%; and it will
work fine. You could even get rid of the div and just add width:100%;
to the main menu ul.
This is nothing to do with jQuery - just simple CSS.
Joel Birch.
the time to check it out.
If you still have problems, please show us a link to your page and we
can quickly point out where the problem is.
Joel Birch.
it in the page. It overrides
jQuery's regular hover() function.
Joel Birch.
Hi David,
I found that there is CSS in your stylesheet.css file that makes the
anchor elements collapse in width rather than expanding to the full
width as they should, being display:block. If you delete that file you
should see the difference there. My guess is that because you are
using
Hi Luke,
Have you looked at using the pathClass option built into Superfish?
It is demonstrated on the nav bar demo found on the Superfish
documentation page.
Joel Birch.
2008/10/6 iguana007 [EMAIL PROTECTED]:
Hello there, I would like ask You if there is any possibility to
always
/2007/09/18/png8-the-clear-winner/
Joel Birch.
2008/10/8 brna [EMAIL PROTECTED]:
Hi,
I'd like to change the direction of the white arrow, but as I save it
on Photoshop or Fireworks (I've tryed many PNG-8 savings
configuration), I'm loosing the transparency in ie6.
A particular saving
to.
Joel Birch.
) and then get back to us if
you are still having problems.
Joel Birch.
Hi Jason,
This is interesting because the only problems I have seen like this
with regard to Mac FF2 have always been easily solved by setting
wmode=transparent on the 'embed' tag. Did you give that a try that
first?
Joel Birch.
Hi Grand Gouda,
Could you provide a link to your example please? That will make it
much easier and quicker for me to find where the problem is. Thanks.
Joel Birch.
Hi Dave,
Unfortunately, IE6 has never been able to manage pure CSS dropdowns as
it only allows :hover rules on anchor elements while the CSS-only
behaviour requires li:hover. So what you are seeing is normal for a
suckerfish-style menu.
Joel Birch.
Hi Nitsan,
Simply try replacing any 'left' property in the CSS to be 'right'
instead. Making the arrows point left will take much more work though,
so you may need to just disable them if you don't think you are up to
hacking that.
Joel Birch.
2008/9/30 Nitsan Bin-Nun [EMAIL PROTECTED]:
Hi
Hello,
'Click to activate' is an upcoming Superfish feature, but it won't be
added very soon as my schedule is too busy for the rest of the year.
Joel Birch.
problem or am I missing something else?
Joel Birch.
are currently using.
Joel Birch.
you want
that style of menu, which does not seem to be the case for you.
Joel Birch.
Hi Ettiene,
You need to add an .end() to before you add the find('ul').bgIframe() like so:
$(document).ready(function(){
$(ul.nav).superfish()
.find(liulli:has(ul)).addClass(isparent).end()
.find('ul').bgIframe({opacity:false});
});
Joel Birch.
Or for better performance:
$('ul.nav').superfish()
.find('ul').bgIframe({opacity:false})
.find('li:has(ul)').addClass('isparent');
No .end() needed this way either.
Hmm, this is the first time I've heard of this problem using the newer
method of applying bgIframe. Are you absolutely positive you are using
the bgIframe version from the link I gave you?
The issue you describe has happened before but I can't remember what
the cause or solution was (because I
Hi Dave,
When I visited the site the content looked completely unstyled and the
CSS was not applied to the menu. Maybe I'm too late to check it out
and you have changed things around since your original post?
Joel Birch.
'});
}
/* ...with this: */
if (hash) {
$(' a[href=#' + hash + ']',obj).addClass(classe);
$('#'+hash).show();
} else {
$(' a:first',obj).addClass(classe);
$(' dl:first',obj).show();
}
There are a few other places where you could replace .children() as
shown here also.
Joel Birch.
in the source (although they
probably are most of the time). I think there was a recent jquery-dev
thread discussing this.
@Aaron - I'm really interested to know if this solutions works - could
you please report back if Ricardo's code fixes your IE z-index
problem?
Cheers
Joel Birch.
want though. At the very least, you or
anyone else are welcome to use the existing code and improve upon it.
Joel Birch.
2008/9/24 Charl Mert [EMAIL PROTECTED]:
How do I disable animations in superfish?
$('ul.sf-menu').superfish({
speed: 1
});
This sets the animation speed (or duration) to one microsecond which
is basically instantaneous.
Joel Birch.
better solution would
be to swap LightWindow for an equivalent plugin that uses jQuery as
its library, precluding the need to use Prototype at all (and saving
you having to include so much extra code). There are many to choose
from - Thickbox, Lightbox (jQuery version), Shadowbox, etc...
Joel Birch.
2008/9/23 nicholasnet [EMAIL PROTECTED]:
Sorry, for late reply. But this code did not worked in my case. I had
to stick with my code.
On Aug 18, 8:56 pm, Joel Birch [EMAIL PROTECTED] wrote:
Hello,
'This' should do the job (pardon the pun):
onShow: function(){
if ($.browser.msie
Hello,
In the original superfish-navbar.css file there is a rule like this,
which you seem to be missing:
.sf-navbar li.current {
background: #BDD2FF;
}
Joel Birch.
Hello,
Looks like you have sorted out the problem as it seems to work fine for me.
Joel Birch.
this as IE's z-index bug
will fight against you every step of the way. I think you can somehow
apply a decreasing z-index value to each submenu's parent li to get
around this.
Joel Birch.
Hi Terry,
As a rule, you should always put your CSS before your JavaScript in
the source order. This avoids the FOUC problems.
Joel Birch.
you just separate the multiple classes
with a space inside the class attribute.
Joel Birch.
Try changing the CSS where it sets the 'top' property on hover, to 'bottom'.
Joel Birch.
used when
initialising Superfish to 1. This will make the animations happen
within 1 microsecond which basically instantaneous.
4. This sounds like you are calculating the width of the list items
correctly but are also adding borders, padding or margins, which adds
to the overall width.
Joel Birch.
' and 'current' states.
http://www.strathcona.vic.edu.au/
Joel Birch.
Hello again,
If you provide a working example I'll have a look. That said, maybe
it's worth looking into why the current class doesn't work. It's
probably better to use existing, proven solutions.
Cheers
Joel Birch.
left to right.
Anyone else have a suggestion to get around this?
Cheers
Joel Birch.
Hello,
This does seem fairly ambitious considering that menu CSS is quite
complicated and the corners plugin alters the layout of elements in
various ways also. Could you provide a working example so we can use
Firebug to analyse what issues you are running into exactly?
Joel Birch.
wants to give that a go please share the
results!
Joel Birch.
Sounds like a bug in Supersubs, which is to be expected as it is beta
and is in need of some love. I have heard of this problem and it's on
the list of things to sort out.
Joel Birch.
Thanks so much for your patch. I'll be sure to have a good luck at it
when I get to adding this functionality to Superfish.
Cheers
Joel Birch.
1 - 100 of 497 matches
Mail list logo
