Sitepoint Mega Menu Safari 2.0?

Nov 18, 2009

I have the mega menu implemented on several sites. The implementations are based off of the tutorial on the site. I just found out that the menu will not work in Safari 2.0 on the Mac. I guess there are still users out there refusing to upgrade.

Using the latest jquery library it won't work at all. If you use the 1.2.3 version as does the hoverintent plugin website it will work except it doesn't display correctly. It seems it shows the hidden div, but doesn't render the background color. I set up a test page here using the example from the tutorial on the site:[URL]..

View 2 Replies


ADVERTISEMENT

Mega Menu That When The Main Menu Items Is Hovered Over The Mega Menu The Div Is Displayed?

Nov 5, 2010

I have a mega menu that when the main menu items is hovered over the mega menu the div is displayed. I want to keep the div from being shown off the right of the browser screen. I have the following that determines the amount a div is off the right of the browser:

Code:
function keepMenuLeft(){
var div_width = $("li.hovering div").width();

[code]....

View 1 Replies View Related

Mega Menu Drop Down?

Nov 20, 2010

im using a mega men dropdown and inside there a series of ul's. On focus of the top nav the megamenu plugin fires and the dropdown opens.. I can then tab through all the unordered list links inside and it moves across untill it gets ot the end of the navigation. What I can't work out is how I activate the .blur event if the next tabindex is not inside the mega menu.

[Code]...

View 1 Replies View Related

Mega Menu Horizontal To Vertical

Nov 24, 2009

I'm currently trying to build a vertical mega menu as all the ones on the net seem to be set up for horizontal menus. I'm struggling a bit on a certian point as I'm not a very strong Javascript user.It places the mega menu under the button but i want it to appear to the side of the button and be flush with the top of it. I have made it appear to the side but I cant seem to make it run flush with the top of the button, it appears at the bottom of the button.The buttons are 142px wide and 28 in height.

View 1 Replies View Related

JQuery :: Mega Menu Not Working On Forum?

Jan 18, 2010

I am having an issue using the Cut & Paste jQuery Mega Menu [URL].. I am using it on the main page of my future forum (test forum is here [URL].. It's the button labeled 'Forum Categories'). The mega menu works fine on the main page of the forum, but once I drill down into the forums, the mega menu no longer works. The mega menu ONLY works on the index of the forum.

View 17 Replies View Related

JQuery :: Featured Content Slider (CONFLICT) With Mega Menu?

Nov 16, 2010

I am quite new to jquery and like it so far, dipping my feet but getting them very wet!

I wonder if someone with knowledge could steer me in the right direction regarding the conflict I have with my Mega Menu and my Content Slider at sample page, [URL].. as you can see the Mega Menu appears under the Content Slider,.

View 1 Replies View Related

Can't Get The Hovered Anchor To Maintain It's State When Moving To The Mega Menu?

Sep 10, 2009

I am working on getting this script to work on my page but can't get the hovered anchor to maintain it's state when moving to the mega menu. I'm hoping to have a tabbed look to the drop down much like at[URL]..

However, being new to jQuery this looks a bit daunting the way this script was written. I've seen examples coded much more simply than this one. This one seems like the author was trying to obfuscate the intent behind the code.

Is there an easy way to modify this code to allow for the anchor that triggers the event to maintain it's hover state even when moving to the drop-down?

View 1 Replies View Related

Popup Like Sitepoint On New PM

Dec 23, 2001

Would you like me to guide how do I raise a JS Popup like we are shown when we receive a new PM with the option of opening it in a new window as well as the same ole' window.

View 10 Replies View Related

Jquery :: Using Superfish With Mega Menus

Jul 12, 2011

I'm working on a project that uses mega menus. Mega Joomla mega menu URL... was put into place before the project was handed off to me . The only problem with it, is that when you are browsing the site on an iOS device (ipad, iphone, etc), and you press on a main menu item, it goes straight to the page it links to instead of opening up the mega menu like the 'hover' is supposed to do.I was looking at Superfish and it looks like it meets my requirements of having the menu be CSS based (so it degrades nicely when JS is turned off), accessible (you can tab through the menu) AND it appears that when you are on an iOS device, you can touch the menu item once, and it will open the menu, touch it twice and it will go to the link which is what I need (i tested this with the sample menu given on the Superfish site).

I've tried to set it up but it's not working and I think it's because it's not expecting children <ul>'s. Mine are all being hidden. I've read through this thread URL... and according to Charlie, Superfish is supposed to work with children <ul>'s and <div>'s but I just can't get mine to work.Is there anyway to adapt Superfish to this?

View 5 Replies View Related

What Effect Is Being Used On This Sitepoint Page

Jul 27, 2010

Was just wondering if anyone can tell me what effect is being used on this sitepoint page [URL]Half way down this page theres a navigation panel with links Top Sellers | Latest | Design...When you select one iof these links the page loads and then displays the products, can someone tell me what kind of jquery is this?

View 2 Replies View Related

Sitepoint Book Frame

Jul 23, 2006

Was there a sitepoint blog post or article that covered the methods used to implement the sitepoint.com home page book frame? (frame at btm of page with book promo)

View 3 Replies View Related

JQuery :: Mega Nav Dropdown / Add SlideDown And SlideUp?

Dec 13, 2010

I'm having a little issue with assigning a slideDown / slideUp effect to my Mega nav. The problem is that when hovering over the individual tab the slidedown effect causes all submenus to slidedown at the same time, instead of the individual tab over which I am hovering. I'm sure that there is a simple way to fix this - I've tried first child, calling specific divs etc, but without success.here's the menu

<li class="mega"><a href="foo">Foulineous</a>
<div class="megafly">
<div class="col1">

[code]....

View 1 Replies View Related

Sitepoint's Pop-up Newsletter Subcription Form?

Nov 30, 2003

I noticed that the computer that I used when I signed up for Sitepoint's newsletters does not pop-up that subscription window anymore. But, when I go to SitePoint using any other computer I get the pop-up window almost everytime I return to the site.

Is there a script that does this... and if so, where can I get it? I would love to use that on a new site we are creating.

View 3 Replies View Related

Sitepoint Layer Banner At The Bottom?

Oct 3, 2005

I would like to create a layer banner similar to the one sitepoint uses to advertise it's books.

View 2 Replies View Related

Logout Java Script On Sitepoint

Aug 25, 2006

i like to know the java script that used in logout link of the sitepoint site
as i know its a java script which works when the user click on the logout link(onclick function)can u explain how the window colour change when the logout link work,do we need to chage the whole page or is it a one line command,enyone explain,i want to use this kind of a thing in my asp pages.

View 6 Replies View Related

Sliding Footer Layer That SitePoint Uses

Nov 28, 2006

Have any of you seen that footer layer that slides up from the bottom of the screen on some pages at SitePoint? I'm trying to locate a page that does it but can't seem to do so. I'm sure it's somewhat random or lays a cookie to only appear once. Anyway, I'd like to do something similar with my site. If you've seen it, you know what I mean. How can I do this?

View 2 Replies View Related

How To Mimic The Sitepoint Popup At The Bottom And More

Dec 5, 2007

I really like the sitepoint popup that pops up at the bottom, it looks nice and is unintrusive. I want to make a popup like this but instead of triggering it when I first load the site I want it to show up when I move my mouse cursor to the top outside of the website real estate.

I am experienced with PHP but this really is a JS thing.

View 2 Replies View Related

External Links Script From SitePoint Not Working?

Feb 26, 2011

My site pages are now html4/strict so I used the "function externalLinks" script found here [URL]. I followed the instructions carefully, made sure I copied the script shown to the external.js file and uploaded it into the same directory as the html files. Also made sure that external.js was called as required in the head. Also made sure all target="_blank" were changed to rel="external" as required. Unfortunately, it doesn't work. The link takes the visitor outside my site, instead of creating a new window. I don't get it. Here's one of my pages ... [URL]

View 3 Replies View Related

Mobile Safari And Onmousedown - Code Doesn't Work In Mobile Safari?

Jun 6, 2010

The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>[code]......

View 2 Replies View Related

JQuery :: SuperFish Menu - Change Space Between Menu And Submenu In Navi-bar Type Menu?

Feb 15, 2011

I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....

Attachments
superfis.JPG
Size : 11.4 KB
Download : 306

View 1 Replies View Related

Vertical Menu - Height Of The Second Level Menu Results In Their Being Gaps In Between Each Menu Item

Jun 3, 2009

The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.

View 2 Replies View Related

JQuery :: CSS - Superfish Menu - Change The Inactive Color Of The Sub-menu Without Changing The Inactive Color Of The Principal Menu?

Oct 6, 2009

I have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :

- How to have the main menu with the active color, when one of the sub-menu has been actived ?

- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..

View 2 Replies View Related

JQuery :: Keeping Accordion Menu Open When Menu Items Area Selected?

Aug 27, 2010

I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....

var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)

[code]....

..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.

View 1 Replies View Related

JQuery :: Make The Menu Items A Fixed Width In A Horizontal Superfish Menu?

Jan 19, 2011

how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.

View 9 Replies View Related

JQuery :: Build A Menu Block Which Should Be Switchable With Hide/unhide Of The Menu Items?

Apr 26, 2010

To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html. The code idea is this:

[Code]...

As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">". Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement. That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '. QQ: How to change it -- NOT to have that "</div" added to it??

View 2 Replies View Related

Collapsible Menu Code - Clicking On The Menu Item Will Bring Them To The Specific Page?

Mar 8, 2010

provide me with code to make a collapsible menu? What I'm looking for is a vertical menu, that will open up the sub-categories upon a mouseover. Clicking on the menu item will bring them to the specific page. Oh, and this might not matter, but I'd prefer if I was able to style the menu to fit with my site theme.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved