daluu
asked on
need Scrolling side navigation bar
My superiors would like to use a scrolling side navigation bar like the one at http://www.glassdog.com on the college department's website. Looking at the Glassdog site, it looks like the effect makes use of javascript along with position with stylesheets, right? However, the code is complex. So...
I was wondering if anyone knows how to make such a script or where to get one but with less complex code or less code.
I was wondering if anyone knows how to make such a script or where to get one but with less complex code or less code.
I didn't think it was that bad...
mostly other peoples javascript though.
tools.js is kinda weak, but I thought the site was nicer than a lot of other sites like it I've seen.
Bob
but, the navigation is decidedly un DHTMLey
mostly other peoples javascript though.
tools.js is kinda weak, but I thought the site was nicer than a lot of other sites like it I've seen.
Bob
but, the navigation is decidedly un DHTMLey
ASKER
Just for clarification,
My superiors want the navigation menu to SCROLL with the page, the navigation menu itself we can manage. We just need the scrolling SCRIPT to use with our menu not the menu itself.
My superiors want the navigation menu to SCROLL with the page, the navigation menu itself we can manage. We just need the scrolling SCRIPT to use with our menu not the menu itself.
Well , then it something complitly different .
Try this code it's IE5 , you'll get the idea :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//[avnerc@fundtech.co.il]
function changePosition()
{
obj=document.getElementByI d("moshe") ;
obj.style.pixelTop=documen t.body.scr ollTop;
}
//-->
</SCRIPT>
<style>
#moshe
{
position:absolute;
border:ridge;
height:20px;
width:20px;
left:200px;
top:0px;
}
</style>
</HEAD>
<BODY onscroll="changePosition() ">
<Div id="moshe">Moshe</div>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsgf dgsdfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsgf dgsdfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsgf dgsdfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
dgsdfg<br>fdshgtjfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsgf dgsdfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsdg sdfg<br>fd shgtjfgfhg jfhgjytdgf dsgfdgsdfg <br>y65<br >5876765<b r>fdsgfdgf 7687576856 dgfdsgfdgs dfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfdsgf dgsdfg<br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
fdsgfdgfjfhgjdgfdsgfdgsdfg <br>fdshgt jfgfhgjfhg jytdgfdsgf dgsdfg<br> y65<br>587 6765<br>fd sgfdgf7687 576856dgfd sgfdgsdfg< br>
857768<br>9876iulkjlkhkjhl khj<br>y65 <br>587676 5<br>fdsgf dgf7687576 856dgfds
</BODY>
</HTML>
Try this code it's IE5 , you'll get the idea :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//[avnerc@fundtech.co.il]
function changePosition()
{
obj=document.getElementByI
obj.style.pixelTop=documen
}
//-->
</SCRIPT>
<style>
#moshe
{
position:absolute;
border:ridge;
height:20px;
width:20px;
left:200px;
top:0px;
}
</style>
</HEAD>
<BODY onscroll="changePosition()
<Div id="moshe">Moshe</div>
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
dgsdfg<br>fdshgtjfgfhgjfhg
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
fdsgfdgfjfhgjdgfdsgfdgsdfg
fdsgfdgfjfhgjdgfdsgfdgsdfg
857768<br>9876iulkjlkhkjhl
</BODY>
</HTML>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The absolute best scolling menu bar on the Internet, bar none, is PopUp Menu Creator.
You can download a free version at http://popup.jscentral.com/
It not only offers a vertical scrolling bar but also a horizontal bar. You don't have to do any coding. It provides the coding for you via an outstanding GUI interface.
It runs circles around the menu bar on the website you referenced as an example.
Here are several sites that I am using it on:
http://www.dancesteps.addr.com/
http://www.erhsalum.com/
http://www.jbslider.com
You can download a free version at http://popup.jscentral.com/
It not only offers a vertical scrolling bar but also a horizontal bar. You don't have to do any coding. It provides the coding for you via an outstanding GUI interface.
It runs circles around the menu bar on the website you referenced as an example.
Here are several sites that I am using it on:
http://www.dancesteps.addr.com/
http://www.erhsalum.com/
http://www.jbslider.com
avner..
How can your code work with Netscape4.x?
I got 4.06 and I said..
obj=document.all("moshe");
but did not work...
How can one get around that?
How can your code work with Netscape4.x?
I got 4.06 and I said..
obj=document.all("moshe");
but did not work...
How can one get around that?
try :
document.layers['moshe']
But you'll need to use other events because onscroll dosen't work in NS4 , and you'll need to use different properties because NS4 dosen't have a x.style propertie.
document.layers['moshe']
But you'll need to use other events because onscroll dosen't work in NS4 , and you'll need to use different properties because NS4 dosen't have a x.style propertie.
ASKER
Thanks for all the suggestions. We managed to get the Glassdog scripts working. Anyways, Reader's suggestion was most useful.
Anyway , this is a list of readymade tree navigaton bars , pick the one you like :
http://developer.netscape.com/viewsource/smith_menu/smith_menu.html
http://www.treemenu.com/
http://www.webreference.com/dhtml/hiermenus/instructions/noframes/step1.html
http://webreference.com/dhtml/dynomat/hiermenus3/ie/index.html
http://www.bratta.com/dhtml/scripts.asp?url=scripts/scripts.asp?id=28&ac=7&order=created
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
http://www.ivanpeters.com/