Change Link Colour With Javascript

[Pope Pius X2]

I have a little problem. I have a menu with a set of links, one of which has to be a different colour to the others. I know this can be done manually but I'm using a CMS system that doesn't allow this, so I'm trying to change it with Javascript, to no avail. The closest I've come to a solution is this script for Invision Power Board, but I can't customise it.

<script>//New PM Flasher - By Markup
userLinks=document.getElementById('userlinks');
if(userLinks.innerHTML.match("Inbox"))
{
newMsg=false;
a=userLinks.getElementsByTagName("A");
for(i=0;i<a.length;i++)if(a[i].innerHTML.match(/Inbox\s\([0-9]+\)/)&&a[i].innerHTML.match(/[0-9]+/)>0)newMsg=i;
if(newMsg)
{
inbox=a[newMsg];
inbox.style.fontWeight="Bold";
inbox.style.color="Red";
}
}
 
</script>
 

Any ideas anyone?

[acoder]

Post the code for the links.

[Pope Pius X2]

If there are two links, both the same colour and I want one different, for example:

[HTML]
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="mainmenu">
<tr align="left">
<td>
<a href="index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel">home</a>
</td>
</tr>
<tr align="left">
<td>
<a href="index.php?option=com_content&amp;task=view&a mp;id=12&amp;Itemid=26" class="mainlevel">why train with us?</a>
</td>
</tr>
</table>
[/HTML]

I'm trying to apply a version of the code I posted above to these links, so that, for example, the second link would change colour when the document loads through my javascript.

[acoder]

How are you determining which link is the one whose colour you're changing?

[Pope Pius X2]

How are you determining which link is the one whose colour you're changing?

That's my problem my friend, the code in my first post is just an example. I was trying to use something similar to the code I posted.

So I have two links for example, one "home" and one "about us" (this is just an example). Both links are white but I need the "about us" link to be red. I need the Javascript to search my page at run time for the "about us" link, and if it finds the link, it'll change the colour. Unfortunately I don't know how to tell the Javascript to find this particular link as it doesn't have it's own ID. This is why I was trying to use the code I showed in my first post.

[acoder]

Try:

var links = document.getElementsByTagName("a");
for (i = 0; i < links.length; i++) {
  if (links[i].innerHTML == "about us") links[i].style.color = "red";
}

[Pope Pius X2]

Thanks for your help, I managed to get a solution similar to this.

[acoder]

Glad to see that you got it working. Post again if you have more questions.