Lea Verou
07-06-2007, 10:00 PM
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:
The original vbulletin's forumjump is used and not another re-created version.
The template edits are only 3 and the templates edited just 2: navbar and forumjump!
No vb html code is changed, the template edits are about adding code.
Very little and simple code
No pluginsCons:
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.
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.
<script> tags in the body and not in head as the standards command
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').innerHTM L = 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!
If you just put $forumjump in the navbar, it only works in showthread. I had to think of something else.
Pros:
The original vbulletin's forumjump is used and not another re-created version.
The template edits are only 3 and the templates edited just 2: navbar and forumjump!
No vb html code is changed, the template edits are about adding code.
Very little and simple code
No pluginsCons:
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.
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.
<script> tags in the body and not in head as the standards command
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').innerHTM L = 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!