Highlighting target links within a document

[Charon]

While using the following to self link documents

<a name="NAME"></a>

<a href="#NAME"></a>

Is there a way to dynamicaly bold, underline, or highlight the target
<a name="NAME"></a> once the link has been clicked. Does anyone know
of a html or javascript method of accomplishing this ?
Any help is appreciated.

- Eric

[Bertilo Wennergren]

Charon:

Is there a way to dynamicaly bold, underline, or highlight the target
<a name="NAME"></a> once the link has been clicked. Does anyone know
of a html or javascript method of accomplishing this ?
Any help is appreciated.

Since "<a name="NAME"></a>" doesn't have any content, there's not much
to bold, underline or highlight, is there?

But if there is content, you can try the CSS3 pseudoclass ":target", e.g.:

:target { font-weight: bold; text-decoration: underline; }

It will work in Mozilla/Firebird, probably also in Safari, possibly in
Opera.

--
Bertilo Wennergren <be******@gmx.net> <http://www.bertilow.com>

[David Dorward]

Charon wrote:

While using the following to self link documents

<a name="NAME"></a>

<a href="#NAME"></a>

Is there a way to dynamicaly bold, underline, or highlight the target
<a name="NAME"></a> once the link has been clicked. Does anyone know
of a html or javascript method of accomplishing this ?

<http://dorward.me.uk/software/frag/> (but you have to switch from name to
id)

--
David Dorward http://dorward.me.uk/

[Brian]

Charon wrote:

While using the following to self link documents

<a name="NAME"></a>

<a href="#NAME"></a>

Is there a way to dynamicaly bold, underline, or highlight the target
<a name="NAME"></a> once the link has been clicked.
Such a thing is possible using css 3's :target pseudo-class. Using
your second html example above, place the following in your styles:

a#name:target {
font-weight: bold;
}

Note that css 3 is only a recommendation at this point. However,
Mozilla already supports part of it, including :target. Opera may, as
well.
Does anyone know of a html
html is a structural markup language, and has no formal way to color
anything.
or javascript method of accomplishing this ?

There is possibly a js means, but I don't know much about js. Try a
js newsgroup.

--
Brian
follow the directions in my address to email me

[Brian]

Brian wrote:

Charon wrote:

While using the following to self link documents

<a href="#NAME"></a>

Is there a way to dynamicaly bold, underline, or highlight the target

Such a thing is possible using css 3's :target pseudo-class. Using
your html example above, place the following in your styles:

a#name:target {
font-weight: bold;
}

oops. That's bogus. The above css declaration would work with an id,
but not the a href="name" contruct given. Sorry. Try something like

<a href="foo.html" id="name">foo resource</a>

Here's a better example:

<h2 id="name">project name</h2>

#name:target {
font-weight: bold;
}

better still:

<ul id="toc">
<li><a href="#name">project name</a></li>
<li><a href="#goal">project goals</a></li>
<li><a href="#timeline">project timeline</a></li>
</ul>

<h2 id="name">project name</h2>
<!-- content -->

<h2 id="goal">project goals</h2>
<!-- content -->

<h2 id="timeline">project timeline</h2>
<!-- content -->

h2:target {
font-weight: bold;
}

--
Brian
follow the directions in my address to email me