How to realize a horizontal top menu single line with scroll buttons ?

Hi I asked once to make the navitabs scollable.

Now I made a static menu on top of every page with a fixed width. I made a scroll arrows for left and right if there are so much tabs that they dont fit into the fixed width.

The problem is that i used javascript and this doesn't work. And also the active tab isn't hightlighted.

Is there another way to realize a top menu which is left-right scrollable ?

Thanks

2 answers

I customized the page decorator with this code:

<script type="text/javascript">

scrollStep = 3
timerLeft = ""
timerRight = ""

function scrollDivLeft(id){
clearTimeout(timerRight)
document.getElementById(id).scrollLeft-=scrollStep
timerRight=setTimeout("scrollDivLeft('"+id+"')",10)
}
function scrollDivRight(id){
clearTimeout(timerLeft)
document.getElementById(id).scrollLeft+=scrollStep
timerLeft=setTimeout("scrollDivRight('"+id+"')",10)
}

function stopMe(){
clearTimeout(timerRight)
clearTimeout(timerLeft)
}

</script>

<div id="left-scroll" onclick="scrollDivLeft('topthemen-div')" onmouseout="stopMe()">
<img src="arrow-left.png" height="35" border="0" />
</div>
<div id="top-div">
<table id="top-tab" border="0"><tr>
#foreach ($value in $rootChildren)
#if( $value == $page || $value == $parentPage || $value == $grandparentpage || $value == $greatgrandparentpage )
<td class="top-active"><a href="$rootUrl$value.title">$value.title</a></td>
#else
<td class="top-notakcive"><a href="$rootUrl$value.title">$value.title</a></td>
#end
#end
</tr>
</table>
</div>
<div id="right-scroll" onclick="scrollDivRight('topthemen-div')" onmouseout="stopMe()">
<img src="arrow-right.png" height="35" border="0" />
</div>

I made a table with overflow and at the left and right end divs as scroll buttons.

The only plugin I used is the voodoo plugin for the grandparentpage and greatgrandparentpage but this is only for my navigation hierarchy.

What are you using to implement the menu? is this a plugin with web-ui modules or just some template/theme hacking?

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted yesterday in United States

Atlassian Certification

Hello, Today it is about Atlassian Certification. Do you have an interest in taking the exam? If yes share with us so if we have couple people we can start a group study. All the best,   ...

49 views 6 1
View post

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you