[jQuery] Re: Superfish help - rebuilding a page because of LiveBooks framework
Many Many thanks to Charlie for not only helping me to make this work, but for making it work as efficiently as possible with coding that is streamlined and not full of useless and unnecessary code. He implemented a very clean Superfish script in a VERY short time and his services are offered at VERY reasonable prices. I will contract Charlie's services again in the future and highly recommend that anyone else in need of an expert just get in touch with him and worry not about your project. Thank you Charlie! Charlie GET NOTICED Internet Solutions (614) 202-5150 www.getnoticedinternet.com On Jun 8, 3:38 pm, "marioATsmithphoto.com" wrote: > Hello, > > Our web site is built on the LiveBooks framework which is basically > Flash-based. Due to their framework not being able to display a Flash > slideshow that I'm still completing within their Flash shell without > doing a lot of odd things to the Flash file, I'm having to re-create > the look of our site in HTML for the purpose of correctly displaying > this particular page. Basically, I have an HTML page that has the SWF > embedded but I also need to recreate the pull-down menu that is in > place on the other pages via Flash. > > Go to smithphoto-dot-com and after the page loads the intro, select > one of the olives other than the one labeled "studio". On any of these > other pages, roll over "folios" and you'll see the Flash-based pull- > down menu that I want to re-create. Selecting "studio" from any of > these pages will navigate to the HTML version of the studio page where > I need to insert the Superfish menu. I've attempted this at inet- > daDOTnet/rsp/studio.html > > I've got all the links in place (but they won't work until the > LiveBooks team does something with our landing page config which is > pending). The problems are: > > Font size > Font style > Position > Ability to incorporate olive into the head item, "folios". > > I basically want to mimic what they did in Flash. Is this possible > using Superfish? > > If anyone can assist me with this I would be highly appreciative and > we can discuss compensation for your help. The HTML code can be lifted > from the example of what I've tried assembling at inet-daDOTnet/rsp/ > studio.html and I can also email the CSS that I've modified. Feel free > to contact me at marioATsmithphoto.com > > Thank you in advance! > Mario
[jQuery] Re: Superfish Help
Sorry about that, I didn't know you all had posted back. I went ahead and bought a template and it had all the menu solutions I needed. This site is up and running, and there is no need for a login anymore. www.eslbasics.com Thanks, Josh On Feb 6, 2:23 am, jQuery Lover wrote: > Create a dummy user for us so we could see it in action... > > > Read jQuery HowTo Resource - http://jquery-howto.blogspot.com > > On Fri, Feb 6, 2009 at 9:16 AM, Aaron Gundel wrote: > > > if you're logged in? > > > On Thu, Feb 5, 2009 at 5:32 PM, Josh wrote: > > >> Hello, > > >> I have installed the Superfish module and can get it to display on my > >> site, but I can't seem to get the drop-down to look good. In fact it > >> looks pretty awful. Any help would be great. You can see it at > >> eslbasics.com
[jQuery] Re: Superfish Help
Create a dummy user for us so we could see it in action... Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Fri, Feb 6, 2009 at 9:16 AM, Aaron Gundel wrote: > > if you're logged in? > > On Thu, Feb 5, 2009 at 5:32 PM, Josh wrote: >> >> Hello, >> >> I have installed the Superfish module and can get it to display on my >> site, but I can't seem to get the drop-down to look good. In fact it >> looks pretty awful. Any help would be great. You can see it at >> eslbasics.com >> >
[jQuery] Re: Superfish Help
if you're logged in? On Thu, Feb 5, 2009 at 5:32 PM, Josh wrote: > > Hello, > > I have installed the Superfish module and can get it to display on my > site, but I can't seem to get the drop-down to look good. In fact it > looks pretty awful. Any help would be great. You can see it at > eslbasics.com >
[jQuery] Re: superfish help
Thanks Joel. Dumb error with the JQuery. I'm using the Superfish css file included with the package for the dropdowns. I just modded the class name and changed it to an id instead b/c that's how extended menu publishes the menu with id instead of class. not sure if that will effect the sample css or not. On Jan 23, 12:27 am, Joel Birch wrote: > Hello, > > You need to include the jQuery JS file before theSuperfishJS 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.
[jQuery] Re: superfish help
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.
[jQuery] Re: Superfish - Help - How to make menu centered on the page with css?
Hello, Here are some previous threads you may get some hints from: http://tinyurl.com/6qafru http://tinyurl.com/5wcf3f Joel Birch.
[jQuery] Re: superfish help
great, that will work. thanks.
[jQuery] Re: Superfish help
To all who would read this, nevermind. I did read a little closer in the documentation for Superfish and it mentions the ability for Superfish to integrate with hoverIntent.js which has the delay on mouseover functionality...rock on. Thank you Joel Birch(Superfish) and Brian Cherne(hoverIntent)...you have changed my life. On Jun 6, 9:56 am, jwadenpfuhl <[EMAIL PROTECTED]> wrote: > Is there a way to have a delay on the mouseover event for a superfish > menu?
[jQuery] Re: superfish help
Hi Warren, For those types of menu, I work around this by adding an unnecessary child to main nav items that otherwise would have none. I use the extra child to point to the same page as it's parent and also provide slightly more info in the link text. An example of this can be seen here: http://www.strathcona.vic.edu.au/ Hover over "Term dates" or "OSA" to see what I did there. Joel Birch.
[jQuery] Re: superfish help
Hi Joel-! ok - found another problem. http://lhc.lucidcrew.com/ministries the first and last menu items have no sub-nav, so on rollover, it highlights the "active" tab and pops its subnav open. how do I avoid this from happening?
[jQuery] Re: superfish help
hi Joel - thanks for the response. I couldn't get it to work, so I just hid the 3rd level for now :( the 3rd level still retains the display:block and mouseout
[jQuery] Re: superfish help
Hi Warren, Sorry for the delay in responding. This sounds like the same issue recently discussed here: http://groups.google.com/group/jquery-en/browse_thread/thread/41fd759a678f6dcc The solution was found in that thread. The quick answer is to use Superfish 1.4.2beta which you can find here: http://tinyurl.com/3uecol I recommend you read that thread so you know what's going on though. Sorry I can't go into further detail - I'm sick with a cold at the moment :( Joel Birch.
[jQuery] Re: Superfish Help Required
On 1/2/08 02:04, "Joel Birch" <[EMAIL PROTECTED]> wrote: > > Doh, just as I clicked send I realised you wanted the solution for > when JS was *not* available. I guess you could use > display:none/display:block in your CSS along side the necessary 'top' > values, and then use the callbacks as shown above, but with opposite > effects. This way, when JS is available, the callbacks will negate the > display:none stuff and just use 'top', but the display:none will still > be there when JS is unavailable. > > Did that make sense? I rushed it out to cover my previous post's error ;) > > Joel Birch. Joel, Got it and it works perfectly thanks. The problem I was facing was that with js off when you tried to tab through the menu the sub menus do not expand so the focus disappears which can be confusing for sighted users. For screen readers I provide a section links list on each section landing page that can be used to navigate that section, this also helps search engine spiders as well. Regards, Dave Buchholz I-CRE8 http://www.i-cre8.co.uk Skype: I-CRE8
[jQuery] Re: Superfish Help Required
Doh, just as I clicked send I realised you wanted the solution for when JS was *not* available. I guess you could use display:none/display:block in your CSS along side the necessary 'top' values, and then use the callbacks as shown above, but with opposite effects. This way, when JS is available, the callbacks will negate the display:none stuff and just use 'top', but the display:none will still be there when JS is unavailable. Did that make sense? I rushed it out to cover my previous post's error ;) Joel Birch.
[jQuery] Re: Superfish Help Required
Hmmm, a fix? I think of it as a feature actually, as the links have
more chance of remaining accessible to screen-readers and the like if
you don't use display:none. Untested by me, but it's a common theory.
You could try attaching your display:none/display:block to the onHide
and onBeforeShow callbacks, respectively.
$('.nav').superfish({
/* your other options here, and then add... */
onBeforeShow : function() {
$(this).show(); /*easier than display:none*/
},
onHide : function() {
$(this).hide(); /*easier than display:none*/
}
});
This is untested, but it *should* work. Good luck.
Joel Birch.
[jQuery] Re: Superfish Help Required
On 31/1/08 12:26, "Joel Birch" <[EMAIL PROTECTED]> wrote: > > Hi Dave, > > Instead of display:none and display:block to hide and reveal your > submenus you need to use top:-999em and top:1.5em (or whatever the > vertical offset you need for your menu) respectively. The only other > thing you need to once you have swaped 'display' for 'top' is that you > will need position:relative on your li elements so that the top offset > you add to the ul elements is relative to their parent list items. > > Tested in Firebug and works perfect. Good luck. > > Joel Birch. Joel, Another question if I may, if I want to use display none to prevent the dropdowns being tabbed through when they are not visible when js is not present then the animations do not work when js is available is there a fix for this ? Regards, Dave Buchholz I-CRE8 http://www.i-cre8.co.uk Skype: I-CRE8
[jQuery] Re: Superfish Help Required
On 31/1/08 12:26, "Joel Birch" <[EMAIL PROTECTED]> wrote: > > Hi Dave, > > Instead of display:none and display:block to hide and reveal your > submenus you need to use top:-999em and top:1.5em (or whatever the > vertical offset you need for your menu) respectively. The only other > thing you need to once you have swaped 'display' for 'top' is that you > will need position:relative on your li elements so that the top offset > you add to the ul elements is relative to their parent list items. > > Tested in Firebug and works perfect. Good luck. > > Joel Birch. http://www.i-cre8.co.uk/sf-menu/ Joel, Thank you the dropdowns are now working beautifully, the only problem I have to solve now is why the rollover colour is not working in IE6 Regards, Dave Buchholz I-CRE8 http://www.i-cre8.co.uk Skype: I-CRE8
[jQuery] Re: Superfish Help Required
Hi Dave, Instead of display:none and display:block to hide and reveal your submenus you need to use top:-999em and top:1.5em (or whatever the vertical offset you need for your menu) respectively. The only other thing you need to once you have swaped 'display' for 'top' is that you will need position:relative on your li elements so that the top offset you add to the ul elements is relative to their parent list items. Tested in Firebug and works perfect. Good luck. Joel Birch.
