Coding to duplicate navigation bar below last post in thread

[Shaliza]

Hi... 

I have a question about the coding for duplicating the navigation bar at the bottom of a thread as mentioned in this thread below:

support.proboards.com/thread/655077/duplicating-navbar-bottom

When I use the coding provided in that thread and add it to the Global Header, the navigation bar is duplicated below the affiliate table. How do I code it so that the duplicated navigation bar appears below the quick reply and above the shout box?

Thanks for the help!  

[Retread]

Feb 29, 2020 17:32:47 GMT -8 Shaliza said:

How do I code it so that the duplicated navigation bar appears below the quick reply and above the shout box?

Hi Shaliza

That's the Navigation Tree.

I think we can just make one slight tweak on Scott 's script to place it before an element with the classes shoutbox, container, and full, rather than before the element footer.

Try this and let me know if it works for you:

<script type="text/javascript">
    $(document).ready(function(){
        var navTreeTop = $('#navigation-tree').offset().top + $('#navigation-tree').height();
        $(window).scroll(function(){
            if($(window).scrollTop() > navTreeTop && !$('#navigation-placeholder').length){
                $('#navigation-tree').before('<div id="navigation-placeholder"></div>').insertBefore('.shoutbox.container.full');
                $('#navigation-placeholder').height($('#navigation-tree').height()).css('margin-bottom',$('#navigation-tree').css('margin-bottom'));
            } else if($(window).scrollTop() < navTreeTop && $('#navigation-placeholder').length) {
                $('#navigation-tree').insertAfter('#navigation-placeholder');
                $('#navigation-placeholder').remove();
            }
        });
    });
</script>

[Shaliza]

Thank you so much, Retread. That worked perfectly to have the Navigation Tree below the Quick Reply Box and above the Shout Box.

I really appreciate the help.

[Nscalerr 🐺]

I tried the coding on my forum and it doesn't even show up, except in the title bar of the shoutbox, which is only on the home page of the forum.

[Retread]

Mar 2, 2020 20:29:21 GMT -8 Nscalerr 🐺 said:

I tried the coding on my forum and it doesn't even show up, except in the title bar of the shoutbox, which is only on the home page of the forum.

That makes sense. The script Scott wrote removes the nav tree from the page after you scroll it off the screen, then places it before the footer.

The change I made, places it before the shoutbox instead of before the footer. Without the shoutbox on the page, the script has nowhere to place it.

[Shaliza]

Hello Nscalerr 🐺

Sorry the code did not work for you since your shout box is only on the home page. 

I originally tried to use the coding which was provided by Scott in this thread... 

support.proboards.com/thread/655077/duplicating-navbar-bottom


<script type="text/javascript">
   $(document).ready(function(){
       var navTreeTop = $('#navigation-tree').offset().top + $('#navigation-tree').height();
       $(window).scroll(function(){
           if($(window).scrollTop() > navTreeTop && !$('#navigation-placeholder').length){
               $('#navigation-tree').before('<div id="navigation-placeholder"></div>').insertBefore('footer');
               $('#navigation-placeholder').height($('#navigation-tree').height()).css('margin-bottom',$('#navigation-tree').css('margin-bottom'));
           } else if($(window).scrollTop() < navTreeTop && $('#navigation-placeholder').length) {
               $('#navigation-tree').insertAfter('#navigation-placeholder');
               $('#navigation-placeholder').remove();
           }
       });
   });
</script>


This is the original code without the editing that I asked for, which Retread was kind enough to provide.  

Hope this unedited version will work for you.