Latest topics
» [GAME] What are you thinking right now?
by universecat Yesterday at 21:46

» [GAME] Animal Game
by universecat Yesterday at 21:43

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by universecat Yesterday at 21:40

» [GAME] Count to One Million!
by universecat Yesterday at 21:40

» [GAME] Last Letter Game
by universecat Yesterday at 21:39

» [GAME] Post a random picture
by SLGray Yesterday at 16:28

» Dark Mode + Another Question
by Ace 1 Yesterday at 13:31

» Hi everyone!
by skouliki Yesterday at 02:01

» Hai Guys~
by skouliki Yesterday at 01:59

» Add a login popup for the toolbar
by Ape Sun 15 Oct 2017, 13:51

» Mobile Usability Test
by Ange Tuteur Sat 14 Oct 2017, 11:20

» Chit Chat Thread
by Ange Tuteur Sat 14 Oct 2017, 11:20

» [GAME] World Snake
by SLGray Thu 12 Oct 2017, 16:12

» [GAME] Never have I ever..
by Valoish Thu 12 Oct 2017, 13:01

» Browsers & Updates
by SLGray Mon 09 Oct 2017, 12:11

Recent Tutorials
Who is online?
In total there are 10 users online :: 1 Registered, 0 Hidden and 9 Guests :: 2 Bots

jlmic

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

How to add forums to the Quick Navigation menu?

View previous topic View next topic Go down

avatar
Guest
Guest
View all awards

PostGuest on Thu 22 Dec 2016, 13:28

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:




avatar
Paradiseng

Title :
Gender : Male
Posts : 98
Points : 1489
Reputation : 19
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.nigerianpalace.com

PostParadiseng on Thu 22 Dec 2016, 14:02

Thats what was in my mind... i love drop down menues
avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Fri 23 Dec 2016, 06:17

@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
avatar
Guest
Guest
View all awards

PostGuest on Fri 23 Dec 2016, 06:31

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
avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Fri 23 Dec 2016, 06:33

Alright whenever you got timee
avatar
Guest
Guest
View all awards

PostGuest on Fri 23 Dec 2016, 06:35

yeah, that may be lots later today Confused Razz
avatar
Guest
Guest
View all awards

PostGuest on Fri 23 Dec 2016, 09:37

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...
avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Fri 23 Dec 2016, 22:00

I plan to check this out when I install Edge. Sorry about that lol
avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Sat 24 Dec 2016, 07:57

Wait @Samantha did you check if anything showed up while you were within a topic or forum?
avatar
Guest
Guest
View all awards

PostGuest on Sat 24 Dec 2016, 16:30

avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Sun 25 Dec 2016, 07:38

Uh...
Ace 1 wrote:Wait @Samantha did you check if anything showed up while you were within a topic or forum?
avatar
Guest
Guest
View all awards

PostGuest on Mon 26 Dec 2016, 21:10

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 Wink ty.
avatar
Ace 1
Valued Member
Title :

Beta Tester
Gender : Unspecified
Age : 18
Posts : 2142
Points : 2906
Reputation : 87
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://fmdesign.forumotion.com/u190

PostAce 1 on Wed 28 Dec 2016, 06:40

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
avatar
Guest
Guest
View all awards

PostGuest on Wed 28 Dec 2016, 11:32

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 ... Wink

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! Smile

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'.

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum