DHTML basics - how to change css property?

[deko]

I'm trying to change the font style of a link when that link is clicked.
But the link (sometimes) includes a named anchor. So I need to test for a
given named anchor and apply style changes if the test is true - since there
will be several different named anchors in the page. I don't think this is
very advanced, but I'm new to JavaScript .

I code the link like this:

<p><span id="currentlink "><a href="techpage. php#tech02"
onClick="anchor name('#tech02') </a></span></p>

Which calls this function:

function anchorname(n) {
var a=(window.locat ion.hash);
if n=a {
changeproperty span(currentlin k).color=#CC000 0;}
}

That function is pretty much pseudo code. What it needs to do is change the
properties of the css id - which I assume would be declared in a span around
the link. Is the link code correct? The function? Both wrong?

Any help is appreciated...

[deko]

> I'm trying to change the font style of a link when that link is clicked.

But the link (sometimes) includes a named anchor. So I need to test for a given named anchor and apply style changes if the test is true - since there will be several different named anchors in the page. I don't think this is very advanced, but I'm new to JavaScript .

Actually, the link I want to change is not clicked - so I need to use onLoad
in the body tag (I think)...

Does this mean the function would have to loop through each link in the page
and change the color based on the location.hash? Would each link need a
spearate ID?

<p><a href="tech.php# tech01">Tech01</a></p>
<p><a href="tech.php# tech02">Tech02</a></p>
<p><a href="tech.php# tech03">Tech03</a></p>

How to change the color of only #tech02 when the page loads, and the current
named anchor is #tech02?

[DU]

deko wrote:

I'm trying to change the font style of a link when that link is clicked.
But the link (sometimes) includes a named anchor. So I need to test for a
given named anchor and apply style changes if the test is true - since there
will be several different named anchors in the page. I don't think this is
very advanced, but I'm new to JavaScript .

I code the link like this:

<p><span id="currentlink "><a href="techpage. php#tech02"
onClick="anchor name('#tech02') </a></span></p>

Which calls this function:

function anchorname(n) {
var a=(window.locat ion.hash);
if n=a {
changeproperty span(currentlin k).color=#CC000 0;}
}
Much more compact, versatile is:

<p><a href="techpage. php#tech02" onclick="Change Color(this);">S ome
descriptive text</a></p>

function ChangeColor(obj ElementTarget)
{
if(objElementTa rget && objElementTarge t.style)
{
objElementTarge t.style.color = "#C00";
};
}

With this code, the "Some descriptive text" should change color to
#CC0000. There could be other ways to achieve this, depending on your
webapge requirements, analysis, etc. E.g.: an entirely CSS solution

a:active {color: #C00;}


That function is pretty much pseudo code. What it needs to do is change the
properties of the css id - which I assume would be declared in a span around
the link. Is the link code correct? The function? Both wrong?

Any help is appreciated...

Using Web Standards in Your Web Pages
Accessing Elements with the DOM
http://www.mozilla.org/docs/web-deve...tml#dom_access

Making your web page compatible with Mozilla
http://www.reloco.com.ar/mozilla/compat.html

Updating DHTML Web Pages for next generation browsers
http://devedge.netscape.com/viewsour...tml-web-pages/

My javascript section:
http://www10.brinkster.com/doctorunc...scriptCSS.html

DU