[jQuery] Re: issue with pathClass: current on nav style menu
Just wondering if there was any update on this?, if anyone could help
as it is quite a frustrating problem
Regards
Chris
On Jan 15, 4:28 pm, cajchris cajch...@gmail.com wrote:
Anyone got any ideas?
On Jan 15, 4:08 pm, cajchris cajch...@gmail.com wrote:
Also notice that the jQuery is adding lots of information into my HTML
tags such as jQuery1232031575583=... in the anchor tags and list
item tags. it also adds span class=sf-sub-indicator
jQuery1232031575583=null»/span inside the anchor tags, I presume
to get the arrows.
I noticed in the source of the example given by superfish that this
does not appear in their tags
On Jan 15, 4:00 pm, cajchris cajch...@gmail.com wrote:
Hi,
I have been using superfish for the navigation for a site I am working
on and have ran into problems regarding the current class that is
applied to each li tag which is in the current path.
Whenever I hover over the top level, the 2nd level is displayed and
the links are are all there, with the current one highlighted. However
once I move the mouse away from the menu altogether, the 2nd level
does not remain displayed with the links in it as before, instead they
disappear after a delay, and I am left with a blank blue strip where
the links should be.
In the source of my page I have:
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery-1.2.6.min.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.tabs.pack.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.history.pack.js type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/topnavigation.js
type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/supersubs.js
type=text/javascript/script
link href=/Relatis1/Skin/P/topnavigation.css type=text/css
rel=stylesheet
link href=/Relatis1/Skin/P/topnav-horizontal.css type=text/css
rel=stylesheet
script type=text/javascript$(document).ready(function(){$
('#horizontal-menu').superfish({pathClass: 'current'}); });/script
This is the same as the superfish example except that I have
downloaded the css files and the 2 superfish javascript files onto my
local machine and renamed them. The only change being in the topnav-
horizontal.css file whereby I changed:
.sf-navbar li ul {
width: 44em; /*IE6 soils itself without this*/
}
TO
.sf-navbar li ul {
width: 150em; /*IE6 soils itself without this*/
}
As I needed the 2nd level strip to be wider as it contains more links
than the example given.
A snippt of my HTML source for the menu is:
UL class=sf-menu sf-navbar sf-js-enabled sf-shadow
id=horizontal-menu serial=0 sfTimer=1313775
jQuery1232031575583=451
LI class=current jQuery1232031575583=3
A class=sf-with-ul id=11386_Tab onclick= href=#
jQuery1232031575583=55HomeSPAN class=sf-sub-indicator
jQuery1232031575583=null»/SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=452
LI class= jQuery1232031575583=4
A class=sf-with-ul id=m11387 title=Complaint
Search onclick= href=# jQuery1232031575583=56Complaint
SearchSPAN class=sf-sub-indicator jQuery1232031575583=null»/
SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=453
LI class= jQuery1232031575583=57
A class= id=m11388 title=Open onclick=
href=# jQuery1232031575583=58Open/A
/LI
LI class= jQuery1232031575583=59
A id=m11389 title=Pending onclick= href=#
jQuery1232031575583=60Pending/A
/LI
LI class= jQuery1232031575583=61
A id=m11390 title=Closed onclick= href=#
jQuery1232031575583=62Closed/A
/LI
LI class= jQuery1232031575583=63
A id=m15012 title=fdgdfgdg onclick= href=#
jQuery1232031575583=64fdgdfgdg/A
/LI
/UL
/LI
LI class=current jQuery1232031575583=65
A id=m11440 title=Customer Search onclick=
href=# jQuery1232031575583=66Customer Search/A
/LI
LI class= jQuery1232031575583=67
A id=m11391 title=Quote / Policy Search
onclick= href=# jQuery1232031575583=68Quote / Policy Search/A
/LI
LI class= jQuery1232031575583=69
A id=m12064 title=Renewal Search onclick=
href=#
[jQuery] Re: issue with pathClass: current on nav style menu
help please lol!!!
On Jan 16, 8:46 am, cajchris cajch...@gmail.com wrote:
Just wondering if there was any update on this?, if anyone could help
as it is quite a frustrating problem
Regards
Chris
On Jan 15, 4:28 pm, cajchris cajch...@gmail.com wrote:
Anyone got any ideas?
On Jan 15, 4:08 pm, cajchris cajch...@gmail.com wrote:
Also notice that the jQuery is adding lots of information into my HTML
tags such as jQuery1232031575583=... in the anchor tags and list
item tags. it also adds span class=sf-sub-indicator
jQuery1232031575583=null»/span inside the anchor tags, I presume
to get the arrows.
I noticed in the source of the example given by superfish that this
does not appear in their tags
On Jan 15, 4:00 pm, cajchris cajch...@gmail.com wrote:
Hi,
I have been using superfish for the navigation for a site I am working
on and have ran into problems regarding the current class that is
applied to each li tag which is in the current path.
Whenever I hover over the top level, the 2nd level is displayed and
the links are are all there, with the current one highlighted. However
once I move the mouse away from the menu altogether, the 2nd level
does not remain displayed with the links in it as before, instead they
disappear after a delay, and I am left with a blank blue strip where
the links should be.
In the source of my page I have:
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery-1.2.6.min.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.tabs.pack.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.history.pack.js type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/topnavigation.js
type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/supersubs.js
type=text/javascript/script
link href=/Relatis1/Skin/P/topnavigation.css type=text/css
rel=stylesheet
link href=/Relatis1/Skin/P/topnav-horizontal.css type=text/css
rel=stylesheet
script type=text/javascript$(document).ready(function(){$
('#horizontal-menu').superfish({pathClass: 'current'}); });/script
This is the same as the superfish example except that I have
downloaded the css files and the 2 superfish javascript files onto my
local machine and renamed them. The only change being in the topnav-
horizontal.css file whereby I changed:
.sf-navbar li ul {
width: 44em; /*IE6 soils itself without this*/
}
TO
.sf-navbar li ul {
width: 150em; /*IE6 soils itself without this*/
}
As I needed the 2nd level strip to be wider as it contains more links
than the example given.
A snippt of my HTML source for the menu is:
UL class=sf-menu sf-navbar sf-js-enabled sf-shadow
id=horizontal-menu serial=0 sfTimer=1313775
jQuery1232031575583=451
LI class=current jQuery1232031575583=3
A class=sf-with-ul id=11386_Tab onclick= href=#
jQuery1232031575583=55HomeSPAN class=sf-sub-indicator
jQuery1232031575583=null»/SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=452
LI class= jQuery1232031575583=4
A class=sf-with-ul id=m11387 title=Complaint
Search onclick= href=# jQuery1232031575583=56Complaint
SearchSPAN class=sf-sub-indicator jQuery1232031575583=null»/
SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=453
LI class= jQuery1232031575583=57
A class= id=m11388 title=Open onclick=
href=# jQuery1232031575583=58Open/A
/LI
LI class= jQuery1232031575583=59
A id=m11389 title=Pending onclick= href=#
jQuery1232031575583=60Pending/A
/LI
LI class= jQuery1232031575583=61
A id=m11390 title=Closed onclick= href=#
jQuery1232031575583=62Closed/A
/LI
LI class= jQuery1232031575583=63
A id=m15012 title=fdgdfgdg onclick= href=#
jQuery1232031575583=64fdgdfgdg/A
/LI
/UL
/LI
LI class=current jQuery1232031575583=65
A id=m11440 title=Customer Search onclick=
href=# jQuery1232031575583=66Customer Search/A
/LI
LI class= jQuery1232031575583=67
A id=m11391 title=Quote / Policy Search
onclick= href=#
[jQuery] Re: issue with pathClass: current on nav style menu
Anybody with any ideas?
On Jan 16, 10:39 am, cajchris cajch...@gmail.com wrote:
help please lol!!!
On Jan 16, 8:46 am, cajchris cajch...@gmail.com wrote:
Just wondering if there was any update on this?, if anyone could help
as it is quite a frustrating problem
Regards
Chris
On Jan 15, 4:28 pm, cajchris cajch...@gmail.com wrote:
Anyone got any ideas?
On Jan 15, 4:08 pm, cajchris cajch...@gmail.com wrote:
Also notice that the jQuery is adding lots of information into my HTML
tags such as jQuery1232031575583=... in the anchor tags and list
item tags. it also adds span class=sf-sub-indicator
jQuery1232031575583=null»/span inside the anchor tags, I presume
to get the arrows.
I noticed in the source of the example given by superfish that this
does not appear in their tags
On Jan 15, 4:00 pm, cajchris cajch...@gmail.com wrote:
Hi,
I have been using superfish for the navigation for a site I am working
on and have ran into problems regarding the current class that is
applied to each li tag which is in the current path.
Whenever I hover over the top level, the 2nd level is displayed and
the links are are all there, with the current one highlighted. However
once I move the mouse away from the menu altogether, the 2nd level
does not remain displayed with the links in it as before, instead they
disappear after a delay, and I am left with a blank blue strip where
the links should be.
In the source of my page I have:
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery-1.2.6.min.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.tabs.pack.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.history.pack.js type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/topnavigation.js
type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/supersubs.js
type=text/javascript/script
link href=/Relatis1/Skin/P/topnavigation.css type=text/css
rel=stylesheet
link href=/Relatis1/Skin/P/topnav-horizontal.css type=text/css
rel=stylesheet
script type=text/javascript$(document).ready(function(){$
('#horizontal-menu').superfish({pathClass: 'current'}); });/script
This is the same as the superfish example except that I have
downloaded the css files and the 2 superfish javascript files onto my
local machine and renamed them. The only change being in the topnav-
horizontal.css file whereby I changed:
.sf-navbar li ul {
width: 44em; /*IE6 soils itself without
this*/
}
TO
.sf-navbar li ul {
width: 150em; /*IE6 soils itself without
this*/
}
As I needed the 2nd level strip to be wider as it contains more links
than the example given.
A snippt of my HTML source for the menu is:
UL class=sf-menu sf-navbar sf-js-enabled sf-shadow
id=horizontal-menu serial=0 sfTimer=1313775
jQuery1232031575583=451
LI class=current jQuery1232031575583=3
A class=sf-with-ul id=11386_Tab onclick= href=#
jQuery1232031575583=55HomeSPAN class=sf-sub-indicator
jQuery1232031575583=null»/SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=452
LI class= jQuery1232031575583=4
A class=sf-with-ul id=m11387 title=Complaint
Search onclick= href=# jQuery1232031575583=56Complaint
SearchSPAN class=sf-sub-indicator jQuery1232031575583=null»/
SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=453
LI class= jQuery1232031575583=57
A class= id=m11388 title=Open onclick=
href=# jQuery1232031575583=58Open/A
/LI
LI class= jQuery1232031575583=59
A id=m11389 title=Pending onclick= href=#
jQuery1232031575583=60Pending/A
/LI
LI class= jQuery1232031575583=61
A id=m11390 title=Closed onclick= href=#
jQuery1232031575583=62Closed/A
/LI
LI class= jQuery1232031575583=63
A id=m15012 title=fdgdfgdg onclick= href=#
jQuery1232031575583=64fdgdfgdg/A
/LI
/UL
/LI
LI class=current jQuery1232031575583=65
A id=m11440 title=Customer Search onclick=
href=# jQuery1232031575583=66Customer
[jQuery] Re: issue with pathClass: current on nav style menu
Also notice that the jQuery is adding lots of information into my HTML
tags such as jQuery1232031575583=... in the anchor tags and list
item tags. it also adds span class=sf-sub-indicator
jQuery1232031575583=null»/span inside the anchor tags, I presume
to get the arrows.
I noticed in the source of the example given by superfish that this
does not appear in their tags
On Jan 15, 4:00 pm, cajchris cajch...@gmail.com wrote:
Hi,
I have been using superfish for the navigation for a site I am working
on and have ran into problems regarding the current class that is
applied to each li tag which is in the current path.
Whenever I hover over the top level, the 2nd level is displayed and
the links are are all there, with the current one highlighted. However
once I move the mouse away from the menu altogether, the 2nd level
does not remain displayed with the links in it as before, instead they
disappear after a delay, and I am left with a blank blue strip where
the links should be.
In the source of my page I have:
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery-1.2.6.min.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.tabs.pack.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.history.pack.js type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/topnavigation.js
type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/supersubs.js
type=text/javascript/script
link href=/Relatis1/Skin/P/topnavigation.css type=text/css
rel=stylesheet
link href=/Relatis1/Skin/P/topnav-horizontal.css type=text/css
rel=stylesheet
script type=text/javascript$(document).ready(function(){$
('#horizontal-menu').superfish({pathClass: 'current'}); });/script
This is the same as the superfish example except that I have
downloaded the css files and the 2 superfish javascript files onto my
local machine and renamed them. The only change being in the topnav-
horizontal.css file whereby I changed:
.sf-navbar li ul {
width: 44em; /*IE6 soils itself without this*/
}
TO
.sf-navbar li ul {
width: 150em; /*IE6 soils itself without this*/
}
As I needed the 2nd level strip to be wider as it contains more links
than the example given.
A snippt of my HTML source for the menu is:
UL class=sf-menu sf-navbar sf-js-enabled sf-shadow
id=horizontal-menu serial=0 sfTimer=1313775
jQuery1232031575583=451
LI class=current jQuery1232031575583=3
A class=sf-with-ul id=11386_Tab onclick= href=#
jQuery1232031575583=55HomeSPAN class=sf-sub-indicator
jQuery1232031575583=null»/SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=452
LI class= jQuery1232031575583=4
A class=sf-with-ul id=m11387 title=Complaint
Search onclick= href=# jQuery1232031575583=56Complaint
SearchSPAN class=sf-sub-indicator jQuery1232031575583=null»/
SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=453
LI class= jQuery1232031575583=57
A class= id=m11388 title=Open onclick=
href=# jQuery1232031575583=58Open/A
/LI
LI class= jQuery1232031575583=59
A id=m11389 title=Pending onclick= href=#
jQuery1232031575583=60Pending/A
/LI
LI class= jQuery1232031575583=61
A id=m11390 title=Closed onclick= href=#
jQuery1232031575583=62Closed/A
/LI
LI class= jQuery1232031575583=63
A id=m15012 title=fdgdfgdg onclick= href=#
jQuery1232031575583=64fdgdfgdg/A
/LI
/UL
/LI
LI class=current jQuery1232031575583=65
A id=m11440 title=Customer Search onclick=
href=# jQuery1232031575583=66Customer Search/A
/LI
LI class= jQuery1232031575583=67
A id=m11391 title=Quote / Policy Search
onclick= href=# jQuery1232031575583=68Quote / Policy Search/A
/LI
LI class= jQuery1232031575583=69
A id=m12064 title=Renewal Search onclick=
href=# jQuery1232031575583=70Renewal Search/A
/LI
LI class= jQuery1232031575583=5
A class=sf-with-ul id=m12305 title=Calendar
onclick= href=# jQuery1232031575583=71CalendarSPAN class=sf-
sub-indicator jQuery1232031575583=null»/SPAN/A
UL style=DISPLAY: none; VISIBILITY: hidden
oldblock=block
LI jQuery1232031575583=72
A id=m12366 title=Day
[jQuery] Re: issue with pathClass: current on nav style menu
Anyone got any ideas?
On Jan 15, 4:08 pm, cajchris cajch...@gmail.com wrote:
Also notice that the jQuery is adding lots of information into my HTML
tags such as jQuery1232031575583=... in the anchor tags and list
item tags. it also adds span class=sf-sub-indicator
jQuery1232031575583=null»/span inside the anchor tags, I presume
to get the arrows.
I noticed in the source of the example given by superfish that this
does not appear in their tags
On Jan 15, 4:00 pm, cajchris cajch...@gmail.com wrote:
Hi,
I have been using superfish for the navigation for a site I am working
on and have ran into problems regarding the current class that is
applied to each li tag which is in the current path.
Whenever I hover over the top level, the 2nd level is displayed and
the links are are all there, with the current one highlighted. However
once I move the mouse away from the menu altogether, the 2nd level
does not remain displayed with the links in it as before, instead they
disappear after a delay, and I am left with a blank blue strip where
the links should be.
In the source of my page I have:
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery-1.2.6.min.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.tabs.pack.js type=text/javascript/script
script src=http://users.tpg.com.au/j_birch/plugins/assets/js/
jquery.history.pack.js type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/topnavigation.js
type=text/javascript/script
script language=JavaScript src=/Relatis1/scripts/supersubs.js
type=text/javascript/script
link href=/Relatis1/Skin/P/topnavigation.css type=text/css
rel=stylesheet
link href=/Relatis1/Skin/P/topnav-horizontal.css type=text/css
rel=stylesheet
script type=text/javascript$(document).ready(function(){$
('#horizontal-menu').superfish({pathClass: 'current'}); });/script
This is the same as the superfish example except that I have
downloaded the css files and the 2 superfish javascript files onto my
local machine and renamed them. The only change being in the topnav-
horizontal.css file whereby I changed:
.sf-navbar li ul {
width: 44em; /*IE6 soils itself without this*/
}
TO
.sf-navbar li ul {
width: 150em; /*IE6 soils itself without this*/
}
As I needed the 2nd level strip to be wider as it contains more links
than the example given.
A snippt of my HTML source for the menu is:
UL class=sf-menu sf-navbar sf-js-enabled sf-shadow
id=horizontal-menu serial=0 sfTimer=1313775
jQuery1232031575583=451
LI class=current jQuery1232031575583=3
A class=sf-with-ul id=11386_Tab onclick= href=#
jQuery1232031575583=55HomeSPAN class=sf-sub-indicator
jQuery1232031575583=null»/SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=452
LI class= jQuery1232031575583=4
A class=sf-with-ul id=m11387 title=Complaint
Search onclick= href=# jQuery1232031575583=56Complaint
SearchSPAN class=sf-sub-indicator jQuery1232031575583=null»/
SPAN/A
UL class= style=DISPLAY: none; FILTER: ;
VISIBILITY: hidden; ZOOM: 1 oldblock=block
jQuery1232031575583=453
LI class= jQuery1232031575583=57
A class= id=m11388 title=Open onclick=
href=# jQuery1232031575583=58Open/A
/LI
LI class= jQuery1232031575583=59
A id=m11389 title=Pending onclick= href=#
jQuery1232031575583=60Pending/A
/LI
LI class= jQuery1232031575583=61
A id=m11390 title=Closed onclick= href=#
jQuery1232031575583=62Closed/A
/LI
LI class= jQuery1232031575583=63
A id=m15012 title=fdgdfgdg onclick= href=#
jQuery1232031575583=64fdgdfgdg/A
/LI
/UL
/LI
LI class=current jQuery1232031575583=65
A id=m11440 title=Customer Search onclick=
href=# jQuery1232031575583=66Customer Search/A
/LI
LI class= jQuery1232031575583=67
A id=m11391 title=Quote / Policy Search
onclick= href=# jQuery1232031575583=68Quote / Policy Search/A
/LI
LI class= jQuery1232031575583=69
A id=m12064 title=Renewal Search onclick=
href=# jQuery1232031575583=70Renewal Search/A
/LI
LI class= jQuery1232031575583=5
A class=sf-with-ul id=m12305 title=Calendar
onclick= href=# jQuery1232031575583=71CalendarSPAN class=sf-
sub-indicator
