Mini Mods - Move forumjump to the navbar with javascript

I wanted as many others do, to move the forumjump menu to the navbar, in the pages that it appeared.
If you just put $forumjump in the navbar, it only works in showthread. I had to think of something else.

Pros:

1. The original vbulletin's forumjump is used and not another re-created version.
2. The template edits are only 3 and the templates edited just 2: navbar and forumjump!
3. No vb html code is changed, the template edits are about adding code.
4. Very little and simple code
5. No plugins

Cons:

1. This hack does not work if the forumjump is not meant to appear on a vb page, it just moves it in those pages that it would appear anyway.
2. The page has to load till the bottom for the forumjump to appear in the navbar. In fact it is firstly loaded at its original position and then moved via javascript in the new one, so in order for the javascript to be executed it has to be loaded at the original postion. This causes the delay.
3. <script> tags in the body and not in head as the standards command
4. If javascript is disabled, the forumjump will remain at its original position.

Instructions
1. Put in the navbar where you want the forumjump to appear this code:

<span id="forumjump_span"></span>

2. In template forumjump add in the start (before any code):

<span id="forumjump_originalspan">

3. In template forumjump add in the end (after any code):

</span>
        <script type="text/javascript">
        document.getElementById('forumjump_span').innerHTML = document.getElementById('forumjump_originalspan').innerHTML;
document.getElementById('forumjump_originalspan').innerHTML = '';
        </script>   

If you want it to remain at its original position as well remove the

document.getElementById('forumjump_originalspan').innerHTML = '';

That's it!

[perfphysio]

</span>
<script type="text/javascript">
document.getElementById('forumjump_span').innerHTM L = document.getElementById('forumjump_originalspan'). innerHTML;
document.getElementById('forumjump_originalspan'). innerHTML = '';
</script>

As this file already ends in a </span> comment do we still add another one berectly below it so the page ends up ending like???

</span>
</span>
<script type="text/javascript">
document.getElementById('forumjump_span').innerHTM L = document.getElementById('forumjump_originalspan'). innerHTML;
document.getElementById('forumjump_originalspan'). innerHTML = '';
</script>

[Lea Verou]

Originally Posted by perfphysio

As this file already ends in a </span> comment do we still add another one berectly below it so the page ends up ending like???

</span>
</span>
<script type="text/javascript">
document.getElementById('forumjump_span').innerHTM L = document.getElementById('forumjump_originalspan'). innerHTML;
document.getElementById('forumjump_originalspan'). innerHTML = '';
</script>

I don't think so, but I don't remember the template that well now.

@FastCougar: Same goes with some vBulletin features, such as the popup menu arrow in pagenav.