[jQuery] Re: Superfish with multicolumn sub navigation
Further to that last post. I have placed the contents of the Parent menu item into a div. However, superfish is adding the list items within the div. One way of solving my issue could be getting superfish to ignore certain ul buried in parent items, but how do I do this? This is the functionality I am looking for: http://hetneo.com.au/mega/ (hover over Jewellery, you'll see child categories like Ring, Necklaces, etc.. and then grandchildern of Diamonds, pearls, etc..). It seems Super will display the child categories, but is there a way of (like in the example) getting superfish to display the child and the grandchild elements? Thanks, Charles On May 27, 1:25 pm, Hetneo charles.kingsley.no...@gmail.com wrote: Hi Charlie, I guess the next question is what happens if there are li items within the div? Superfishdoes not display the grand child menu items when hovering over the parent. I.E. ul id=menu li id=5 class=item5 a href=/index.php?option=...spanParent1/span/a /li li id=2 class=mega a href=/index.php?option=...spanParent2/span/a ul div id=test class=test li id=3 class=test a href=/index.php?option=...spanChild1/ span/a ul li id=6 class=test a href=/index.php? option=...spanGrandchild1/span/a /li /ul /li /ul /li /ul I mean, how do I display the child and grand child when a user hovers over a top level parent menu item? Thanks mate (and thank you for your patience :)), Charles On May 26, 8:20 pm, Charlie charlie...@gmail.com wrote: simple recipe for multi column subs withsuperfish put div into 2nd level li. Put whatever you want inside this div, images, multiple divs, heading tags etc. Style divs any way you need use supersubs.js to adjust widths if not all sub menu's are same width Hetneo wrote:Hi Mohammad, You're exactly right. That's is the functionality of thesuperfishextension for Joomla. I found this tutorial very helpful:http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-...this case however,superfish(http://users.tpg.com.au/j_birch/plugins/superfish/) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial intosuperfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I wantsuperfishto display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16 pm, Mohd.Tareqtareq.m...@gmail.comwrote:Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gastcont...@ischagast.nlwrote:That's great news. Would be interested to see the final product.Are there any hints you can give me or point me to a file I can be focusing my attention to achive this?It's a custom made script where you can choose what child you want to target, somethingsuperfishdoesn't have but would be very welcome.---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
superfish doesn't add items, it only animates them *if* they exist did you look at the working example i shared with you? Using superfish it shows several methods to do what you need without using ul's in the div if you are stuck on using ul's inside the div then you would need to do some custom scripting Hetneo wrote: Further to that last post. I have placed the contents of the Parent menu item into a div. However, superfish is adding the list items within the div. One way of solving my issue could be getting superfish to ignore certain ul buried in parent items, but how do I do this? This is the functionality I am looking for: http://hetneo.com.au/mega/ (hover over "Jewellery", you'll see child categories like Ring, Necklaces, etc.. and then grandchildern of Diamonds, pearls, etc..). It seems Super will display the child categories, but is there a way of (like in the example) getting superfish to display the child and the grandchild elements? Thanks, Charles On May 27, 1:25pm, Hetneo charles.kingsley.no...@gmail.com wrote: Hi Charlie, I guess the next question is what happens if there are li items within the div? Superfishdoes not display the grand child menu items when hovering over the parent. I.E. ul id="menu" li id="5" class="item5" a href=""spanParent1/span/a /li li id="2" class="mega" a href=""spanParent2/span/a ul div id="test" class="test" li id="3" class="test" a href=""spanChild1/ span/a ul li id="6" class="test" a href=""spanGrandchild1/span/a /li /ul /li /ul /li /ul I mean, how do I display the child and grand child when a user hovers over a top level parent menu item? Thanks mate (and thank you for your patience :)), Charles On May 26, 8:20pm, Charlie charlie...@gmail.com wrote: simple recipe for multi column subs withsuperfish put div into 2nd level li. Put whatever you want inside this div, images, multiple divs, heading tags etc. Style divs any way you need use supersubs.js to adjust widths if not all sub menu's are same width Hetneo wrote:Hi Mohammad, You're exactly right. That's is the functionality of thesuperfishextension for Joomla. I found this tutorial very helpful:http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-...this case however,superfish(http://users.tpg.com.au/j_birch/plugins/superfish/) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial intosuperfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I wantsuperfishto display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16pm, "Mohd.Ta req"tareq.m...@gmail.comwrote:Hi Hetneo, Its easy to get that kind of menu using _javascript_ / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of _javascript_ 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gastcont...@ischagast.nlwrote:That's great news. Would be interested to see the final product.Are there any hints you can give me or point me to a file I can be focusing my attention to achive this?It's a custom made script where you can choose what child you want to target, somethingsuperfishdoesn't have but would be very welcome.---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
Hehe.. I was afraid you were going to say that. jQuery is my strongest point (as you have probably already guessed) and I am running out of time. BUT I will definitely donate to your wonderful project if you could help me with this custom scripting (hehe.. desperation + desire to use superfish :))! Thoughts :) ? Thanks, Charles On May 27, 8:05 pm, Charlie charlie...@gmail.com wrote: superfishdoesn't add items, it only animates them *if* they exist did you look at the working example i shared with you? Usingsuperfishit shows several methods to do what you need without using ul's in the div if you are stuck on using ul's inside the div then you would need to do some custom scripting Hetneo wrote:Further to that last post. I have placed the contents of the Parent menu item into a div. However,superfishis adding the list items within the div. One way of solving my issue could be gettingsuperfishto ignore certain ul buried in parent items, but how do I do this? This is the functionality I am looking for:http://hetneo.com.au/mega/(hover over Jewellery, you'll see child categories like Ring, Necklaces, etc.. and then grandchildern of Diamonds, pearls, etc..). It seems Super will display the child categories, but is there a way of (like in the example) gettingsuperfishto display the child and the grandchild elements? Thanks, Charles On May 27, 1:25 pm, Hetneocharles.kingsley.no...@gmail.comwrote:Hi Charlie, I guess the next question is what happens if there are li items within the div? Superfishdoes not display the grand child menu items when hovering over the parent. I.E. ul id=menu li id=5 class=item5 a href=/index.php?option=...spanParent1/span/a /li li id=2 class=mega a href=/index.php?option=...spanParent2/span/a ul div id=test class=test li id=3 class=test a href=/index.php?option=...spanChild1/ span/a ul li id=6 class=test a href=/index.php? option=...spanGrandchild1/span/a /li /ul /li /ul /li /ul I mean, how do I display the child and grand child when a user hovers over a top level parent menu item? Thanks mate (and thank you for your patience :)), Charles On May 26, 8:20 pm, Charliecharlie...@gmail.comwrote:simple recipe for multi column subs withsuperfish put div into 2nd level li. Put whatever you want inside this div, images, multiple divs, heading tags etc. Style divs any way you need use supersubs.js to adjust widths if not all sub menu's are same width Hetneo wrote:Hi Mohammad, You're exactly right. That's is the functionality of thesuperfishextension for Joomla. I found this tutorial very helpful:http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-...thiscase however,superfish(http://users.tpg.com.au/j_birch/plugins/superfish/) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial intosuperfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I wantsuperfishto display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16 pm, Mohd.Ta reqtareq.m...@gmail.comwrote:Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gastcont...@ischagast.nlwrote:That's great news. Would be interested to see the final product.Are there any hints you can give me or point me to a file I can be focusing my attention to achive this?It's a custom made script where you can choose what child you want to target, somethingsuperfishdoesn't have but would be very welcome.---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? It's a custom made script where you can choose what child you want to target, something superfish doesn't have but would be very welcome.
[jQuery] Re: Superfish with multicolumn sub navigation
Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gast cont...@ischagast.nl wrote: That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? It's a custom made script where you can choose what child you want to target, something superfish doesn't have but would be very welcome. ---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
Hi Mohammad, You're exactly right. That's is the functionality of the superfish extension for Joomla. I found this tutorial very helpful: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ In this case however, superfish ( http://users.tpg.com.au/j_birch/plugins/superfish/ ) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial into superfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I want superfish to display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16 pm, Mohd.Tareq tareq.m...@gmail.com wrote: Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gast cont...@ischagast.nl wrote: That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? It's a custom made script where you can choose what child you want to target, something superfish doesn't have but would be very welcome. ---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
Hi, Hmm...I had worked with CMS 'Silverstripe' in that we do get varaibles 'current' for current page 'link' for other pages. We do get all pages name from parent table.So I do retrive menu names based on pages from particular field names.Displaying with if exp 'Current' then 'Link'. In silverstripe I used to do the same please check in joomla whether they have same or not On Tue, May 26, 2009 at 1:16 PM, Hetneo charles.kingsley.no...@gmail.comwrote: Hi Mohammad, You're exactly right. That's is the functionality of the superfish extension for Joomla. I found this tutorial very helpful: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ In this case however, superfish ( http://users.tpg.com.au/j_birch/plugins/superfish/ ) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial into superfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I want superfish to display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16 pm, Mohd.Tareq tareq.m...@gmail.com wrote: Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gast cont...@ischagast.nl wrote: That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? It's a custom made script where you can choose what child you want to target, something superfish doesn't have but would be very welcome. ---| Regard |--- Mohammad.Tareque -- ---| Regard |--- Mohd.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
simple recipe for multi column subs with superfish put div into 2nd level li. Put whatever you want inside this div, images, multiple divs, heading tags etc. Style divs any way you need use supersubs.js to adjust widths if not all sub menu's are same width Hetneo wrote: Hi Mohammad, You're exactly right. That's is the functionality of the superfish extension for Joomla. I found this tutorial very helpful: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ In this case however, superfish ( http://users.tpg.com.au/j_birch/plugins/superfish/ ) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial into superfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I want superfish to display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16pm, "Mohd.Tareq" tareq.m...@gmail.com wrote: Hi Hetneo, Its easy to get that kind of menu using _javascript_ / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of _javascript_ 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gast cont...@ischagast.nl wrote: That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? It's a custom made script where you can choose what child you want to target, something superfish doesn't have but would be very welcome. ---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
Hi Charlie, I guess the next question is what happens if there are li items within the div? Superfish does not display the grand child menu items when hovering over the parent. I.E. ul id=menu li id=5 class=item5 a href=/index.php?option=...spanParent1/span/a /li li id=2 class=mega a href=/index.php?option=...spanParent2/span/a ul div id=test class=test li id=3 class=test a href=/index.php?option=...spanChild1/ span/a ul li id=6 class=test a href=/index.php? option=...spanGrandchild1/span/a /li /ul /li /ul /li /ul I mean, how do I display the child and grand child when a user hovers over a top level parent menu item? Thanks mate (and thank you for your patience :)), Charles On May 26, 8:20 pm, Charlie charlie...@gmail.com wrote: simple recipe for multi column subs withsuperfish put div into 2nd level li. Put whatever you want inside this div, images, multiple divs, heading tags etc. Style divs any way you need use supersubs.js to adjust widths if not all sub menu's are same width Hetneo wrote:Hi Mohammad, You're exactly right. That's is the functionality of thesuperfishextension for Joomla. I found this tutorial very helpful:http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/In this case however,superfish(http://users.tpg.com.au/j_birch/plugins/superfish/) is far advanced than that tutorial and I am looking to extend the functionality of the tutorial intosuperfish. Say for example you have three levels of menu menu-level-1, menu- level-2, menu-level-3. When you hover over menu-level-1, I wantsuperfishto display both menu-level-2 and menu-level-3 levels for all menu items on levels two and three. I had hoped someone had achived this to save me some time :). Any ideas? Many thanks, Charles On May 26, 5:16 pm, Mohd.Tareqtareq.m...@gmail.comwrote:Hi Hetneo, Its easy to get that kind of menu using javascript / jquery code. See they have written plugin based on ul li. Now here is a solution like Ischa I guess ;) Step : 1 - Create Main menu div menu1,menu2,menu3,etc 2 - Create another menu below each menu div [menu1 - sub-menu1] 3 - Use 'hover' function of jquery or 'onmouseover / onmouseout' of javascript 3 - Within 'hover' or 'onmouseover/onmouseout' function you need to hide / unhide your divs 4 - Use any function like fadeIn,fadeOut,slideUp,slideUp to toggle your menu. Or you can do it via css like twitter people did. cheers, On Tue, May 26, 2009 at 12:15 PM, Ischa Gastcont...@ischagast.nlwrote:That's great news. Would be interested to see the final product.Are there any hints you can give me or point me to a file I can be focusing my attention to achive this?It's a custom made script where you can choose what child you want to target, somethingsuperfishdoesn't have but would be very welcome.---| Regard |--- Mohammad.Tareque
[jQuery] Re: Superfish with multicolumn sub navigation
Hi Ischa, Any luck in implementing a solution? I, too, am after a mega menu style, like www.ea.com Any suggestions on how to go about this? Thanks for your help, Charles On May 14, 4:53 pm, Ischa Gast cont...@ischagast.nl wrote: Have you taken a look athttp://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Yes I looked at it but I can't find an example with a div that has to show. or tried only using lists with more complex CSS rather than div's? I need to use that div element because of the complex columns design
[jQuery] Re: Superfish with multicolumn sub navigation
For now, not using Superfish I think. I used a script from a colleague of mine, but that script is not public available right now. Maybe in the future Sorry that I can't help you. Gr Ischa On Mon, May 25, 2009 at 11:33 AM, Hetneo charles.kingsley.no...@gmail.com wrote: Hi Ischa, Any luck in implementing a solution? I, too, am after a mega menu style, like www.ea.com Any suggestions on how to go about this? Thanks for your help, Charles On May 14, 4:53 pm, Ischa Gast cont...@ischagast.nl wrote: Have you taken a look athttp://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Yes I looked at it but I can't find an example with a div that has to show. or tried only using lists with more complex CSS rather than div's? I need to use that div element because of the complex columns design
[jQuery] Re: Superfish with multicolumn sub navigation
Hi Ischa, Thanks for the fast reply mate. That's great news. Would be interested to see the final product. Are there any hints you can give me or point me to a file I can be focusing my attention to achive this? Thanks, Charles On May 25, 7:56 pm, Ischa Gast cont...@ischagast.nl wrote: For now, not usingSuperfishI think. I used a script from a colleague of mine, but that script is not public available right now. Maybe in the future Sorry that I can't help you. Gr Ischa On Mon, May 25, 2009 at 11:33 AM, Hetneo charles.kingsley.no...@gmail.com wrote: Hi Ischa, Any luck in implementing a solution? I, too, am after a mega menu style, likewww.ea.com Any suggestions on how to go about this? Thanks for your help, Charles On May 14, 4:53 pm, Ischa Gast cont...@ischagast.nl wrote: Have you taken a look athttp://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Yes I looked at it but I can't find an example with a div that has to show. or tried only using lists with more complex CSS rather than div's? I need to use that div element because of the complex columns design
[jQuery] Re: Superfish with multicolumn sub navigation
Have you taken a look at http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Yes I looked at it but I can't find an example with a div that has to show. or tried only using lists with more complex CSS rather than div's? I need to use that div element because of the complex columns design
[jQuery] Re: Superfish with multicolumn sub navigation
Have you taken a look at http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started or tried only using lists with more complex CSS rather than div's?