Quick Links Anyone?

[toddpianoworks]

The webpage I am needing help with is here:

http://www.toddpianoworks.com/services_offered.html

On the blue menu, you will notice that I have a list of "quick links" that I have bookmarked/linked to the particular item. The issue I am running into is when someone clicks on a link, and it brings the page down to the item they clicked on, the quick link menu is still stuck at the top of the page.

Is there a way to have my quick links scroll down with the page?

Thank you!

[CarbonTerry]

Re: Quick Links Anyone?

See this.

[toddpianoworks]

Re: Quick Links Anyone?

Thanks! That helps a lot.

Now, my question is, how do I get it to float over the blue menu I have for the links? Right now, the floating menu is completely to the left.

Thanks again for the help.

[CarbonTerry]

Re: Quick Links Anyone?

You will have to edit the code. See the RED TEXT.
The X & Y will have to be figured out by you.
The "fromtop" will make it easier for you to position the menu.

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
var startX = 75,
startY = 400;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>

[toddpianoworks]

Re: Quick Links Anyone?

Got it, thanks!

Now, where in this HTML do I enter the color codes for the link colors?

I tried several ways, but nothing changed.

[toddpianoworks]

Re: Quick Links Anyone?

Nevermind about the color, I did figure it out.

However, another issue I have is that the floating menu floats to far toward the bottom of the screen, hiding the last three links from ever being clicked.

What setting do I need to change here?

[CarbonTerry]

Re: Quick Links Anyone?

Shorten the "Y" axis.

[toddpianoworks]

Re: Quick Links Anyone?

Could you please check it out one more time on your end, and let me know if it looks good?

http://www.toddpianoworks.com/services_offered.html

Thanks again for your help!

[CarbonTerry]

Re: Quick Links Anyone?

It does not work at all for me. How about posting a screen shot?

[glendene]

Re: Quick Links Anyone?

Hey Carbon Terry, I have followed your posts with interest. I wish I had your level of knowledge. You are a great contributor to the VH forum. Not trying to P in your pocket but your contributions are very helpful. That's all, just wanted to let you know that your help & expertise does not go unnoticed.

[CarbonTerry]

Re: Quick Links Anyone?

Ty

[CarbonTerry]

Re: Quick Links Anyone?

Todd,
Here's the issue for me. The blue bar where the menu resides is far enough down (on my Computer) that I cannot see the floating menu at all.
What screen resolution do you use? I'll set that on my computer and see how it looks.