How to add forums to the Quick Navigation menu?

I'm not sure if this had been covered in another topic already. How to add forums to the Quick Navigation menu, just below 'Home' with an indent? Something like this:

Thats what was in my mind... i love drop down menues

@Samantha This is something slight I was working on.

Code:

$(function() {
    var active_tab = $('.fa_navactif').first(),
        breadcrumbs = $('.breadcrumbs').first();

    if (!active_tab.html() && breadcrumbs.html()) {
        var paths = breadcrumbs.find('span').length,
            i = 1,
            container = '',
            a, s = document.createElement('style');

        for (; i < paths; i++) {
            a = document.createElement('a');
            a.innerHTML = breadcrumbs.find('span')[i].innerHTML;
            a.className = 'mainmenu submenu' + i;
            a.href = breadcrumbs.find('a')[i].href;
            a.style = 'padding-left: ' + (10 + i * 10) + 'px';

            container += a.outerHTML;

            s.innerHTML += '#fae_sticky_nav_panel a.submenu' + i + ':after { width: ' + (5 + i * 10) + 'px; left: -' + +(5 + i * 10) + 'px; } ';
        }

        s.innerHTML += '#fae_sticky_nav_panel a[class^="mainmenu submenu"]:hover:after { left: 0; }';
        s.type = 'text/css';
        $('head').append(s.outerHTML);

        $('#fae_sticky_nav_panel a.mainmenu:has(img[alt="Home"])').after(container);
    }
});

It's not done but let me know what you think

Yeah ty. If I can find the time and concentration I'll try it out. lol

I've got kids yelling at my head and so many tabs open, working on stuff everywhere on the test site + I've got to go out to do some shopping still lol

Alright whenever you got timee

yeah, that may be lots later today

Ace 1 wrote:@Samantha This is something slight I was working on.

Code:

$(function() {
    var active_tab = $('.fa_navactif').first(),
        breadcrumbs = $('.breadcrumbs').first();

    if (!active_tab.html() && breadcrumbs.html()) {
        var paths = breadcrumbs.find('span').length,
            i = 1,
            container = '',
            a, s = document.createElement('style');

        for (; i < paths; i++) {
            a = document.createElement('a');
            a.innerHTML = breadcrumbs.find('span')[i].innerHTML;
            a.className = 'mainmenu submenu' + i;
            a.href = breadcrumbs.find('a')[i].href;
            a.style = 'padding-left: ' + (10 + i * 10) + 'px';

            container += a.outerHTML;

            s.innerHTML += '#fae_sticky_nav_panel a.submenu' + i + ':after { width: ' + (5 + i * 10) + 'px; left: -' + +(5 + i * 10) + 'px; } ';
        }

        s.innerHTML += '#fae_sticky_nav_panel a[class^="mainmenu submenu"]:hover:after { left: 0; }';
        s.type = 'text/css';
        $('head').append(s.outerHTML);

        $('#fae_sticky_nav_panel a.mainmenu:has(img[alt="Home"])').after(container);
    }
});

It's not done but let me know what you think

@Ace 1: I tried the script in Edge, but nothing showed...

I plan to check this out when I install Edge. Sorry about that lol

Wait @Samantha did you check if anything showed up while you were within a topic or forum?

@Ange Tuteur: bump

Uh...

Ace 1 wrote:Wait @Samantha did you check if anything showed up while you were within a topic or forum?

Ace 1 wrote:Uh...

Ace 1 wrote:Wait @Samantha did you check if anything showed up while you were within a topic or forum?

Though we have just a few forums ands posts set up on our test site, I did check, even using different placements. Nothing showed. Having had a look at the script I think it's a creative thought having the breadcrumbs collected depending on the current browsing location. I still would like to know how to manually add forums to the Quick Nav though.

I think you should seriously consider creating an Edge test site for yourself to be able to better help people who are using Edge themselves ty.

Like I envisioned, the script works fine in ForumActif Edge.




It's not a complex script. I know what I'm doing.

As for adding all your forums to the Quick Navigation panel, it's definitely possible, but it'll either have to be scripted heavily or you're going to have to enter every category and each one of it's forums and subforums. I could write a code that returns all forums and subforums within the category someone is within, but displaying more than one category's forums is too much.

What do you want to do @Samantha

Uhu... And I know what's causing this not to work on my site. Compare the code below to your original code and you may want to make it a var ...

Code:

$(function() {
            var active_tab = $('.fa_navactif').first(),
                breadcrumbs = $('.breadcrumbs').first();
       
            if (!active_tab.html() && breadcrumbs.html()) {
                var paths = breadcrumbs.find('span').length,
                    i = 1,
                    container = '',
                    a, s = document.createElement('style');
       
                for (; i < paths; i++) {
                    a = document.createElement('a');
                    a.innerHTML = breadcrumbs.find('span')[i].innerHTML;
                    a.className = 'mainmenu submenu' + i;
                    a.href = breadcrumbs.find('a')[i].href;
                    a.style = 'padding-left: ' + (10 + i * 10) + 'px';
       
                    container += a.outerHTML;
       
                    s.innerHTML += '#fae_sticky_nav_panel a.submenu' + i + ':after { width: ' + (5 + i * 10) + 'px; left: -' + +(5 + i * 10) + 'px; } ';
                }
       
                s.innerHTML += '#fae_sticky_nav_panel a[class^="mainmenu submenu"]:hover:after { left: 0; }';
                s.type = 'text/css';
                $('head').append(s.outerHTML);
       
                $('#fae_sticky_nav_panel a.mainmenu:has(img[alt="Index"])').after(container);
            }
        });

TY!

But... there's still a challenge left. The current location hasn't been marked:

As for adding all your forums to the Quick Navigation panel, it's definitely possible, but it'll either have to be scripted heavily or you're going to have to enter every category and each one of it's forums and subforums. I could write a code that returns all forums and subforums within the category someone is within, but displaying more than one category's forums is too much.

Yeah, I don't know. It's sad not all cats and forums can be displayed. Would be very nice to see that work. As for the current category to show all forums, I don't want this to be a personal drama for you and eat up all of your time coding it heavily. Then again, it's up to you to start working on it (or not), or wait for @Ange Tuteur or someone else to come up with a bright idea. Last resort should be the manual input, which was my original idea. To me it's still in an experimental phase at the moment and a 'very nice to have', not a 'should have'.