Changing A tag links

[piggybank1974]

hi there,

I hope somebody can help.

I have several buttons on my webpage and 26 tags for (a-z)

what i want to do is when different buttons are clicked change the ancestor tags in other words some my have links and some may not depending if i have a web page for it.

I'm assuming i need and ID for each Ancestor tag but how to go about doing it?

again I think DHTML will do it but how I can get to the desired element by using this:

document.getElementById('A') ' this is my A link

but i dont know what to do from there, I've been searching on the web for answers but no luck so far?

thanks jason

[Birdman]

<a id="A" href="somewhere">A</a>
<a id="B" href="somewhere">B</a>
<a id="C" href="somewhere">C</a>
<a id="D" href="somewhere">D</a>

Is that what you mean?

[piggybank1974]

no I have the link but when i press another button I want links corresponding to the button.

So i need each link to link to a different page.

thats why i need to use DHTML

[piggybank1974]

Basically I need to know how to change the Ancestor tag dynamically not hard code it as Birdman has done.

[piggybank1974]

Something below is what i'm looking for but for IE

layerWrite(id,null,'<A CLASS="blue" HREF="'+link+'" onMouseOver="linkOver(\''+id+'\',\''+link+'\',\''+text+'\')">'+text+'</A>')

this will rewrite a hypertext link for me to what i want

jason

[RonPK]

Not sure whether I fully understand what you mean, but maybe this is what you're looking for:

<script type="text/javascript">
function makeLink(letter) {
if (document.getElementById) {
document.getElementById('theLink').innerHTML = '<a href="' + letter + '.html">' + letter + '<\/a>';
}
}
</script>

<input type="button" id="myButton" onClick="makeLink('F')" value="F">
<input type="button" id="myButton" onClick="makeLink('Q')" value="Q">
<br>
<br>
<span id="theLink"></span>

Clicking a button changes the hyperlink. That is, in browsers that support getElementByID and innerHTML.