I need help with my Anchors

[JohnHow]

Hi,

My client wanted me to set up a web site with scrollable content. Once the site was finish the client decided to add anchors within the ilayer that takes a user to content further down within that ilayer. The script I used for the site is:

Scrollable content script II

It's a great script.

My problem is that anchors will not work within the ilayer, when clicked they go nowhere.

Does anyone have a solution for this?

Thanks

[Twey]

Hm? I've scanned quickly through the script, and they ought to work fine; the script doesn't touch the content of the div/layer, just its position.

[JohnHow]

I have very little scripting knowledge, I am a designer, all I know is when I place an anchor in the ilayer and you click on it nothing happens, the user is not sent to the anchor. I have tried the same thing in and iFrame and it works just fine.

????????? . . .

[Twey]

PLEASE: Include the URL to your problematic webpage that you want help with. or paste your code here inside [code] tags.

[JohnHow]

Hi Twey

This is the link to the Anchor Test as you will see clicking on the link does not take you to the anchor.


Thanks

[jscheuer1]

Works fine here.

[Twey]

Here too. What browser/OS are you using?

[JohnHow]

Wow, you guys are right. Such a fundamental thing I didn't check it out in other browsers.

I work on a Macintosh OS 10.3.9 using Safari. After reading your comments I tried it on a PC using Internet Explorer. Bingo it works. Although the bottom link stops working when you scroll right to the bottom and back up to that link.

Now I have tried the anchors on following Mac browsers and got these results.

Camino – Works Best

Firefox – Works the same as PC Internet Explorer
Netscape

OmniWeb – Does not work
Opera – Does not work

So now I know this is not a universal problem. But it's a big one for me. My clients all use Macs.

Thanks

[jscheuer1]

The script itself already has an alternative method built in. Try these instead of your anchor links (adapted from the moveup() and movedown() functions):

<a href="#" onclick="crossobj.style.top=(contentheight*(-1)+100)+'px';return false;">bottom</a>

and:

<a href="#" onclick="crossobj.style.top=0;return false;">top</a>

Using the two above links as templates (assuming they work in your browsers), you should be able to devise a way to scroll to just about anywhere you need to within the scrollable content area.

[Twey]

Surely that's not very reliable though? The anchors won't always be at the same pixel positions throughout different browsers and resolutions.
P.S. it works in Galeon.