Announcement

**newmand2** · Feb 15, 2004, 10:18 AM

perhaps this may come in handy?

Code:

<script type="text/javascript">
     function tog(elemID){
          document.getElementById(elemID).style.display =
          (document.getElementById(elemID).style.display == 'none') ?
          'block' : 'none'
          }
</script>

<a href="#" onclick="tog('div1')">Style 1</a>
<a href="#" onclick="tog('div2')">Stlye 2</a>
<a href="#" onclick="tog('div3')">Style 3</a>
              <div id="div1" class="class1"><a href="link.htm">THE SAME LINK</a></div>
              <div id="div2" class="class2"><a href="link.htm">THE SAME LINK</a></div>
             <div id="div3" class="class3"><a href="link.htm">THE SAME LINK</a></div>

I know its not EXACTLY what you specified but its all i could think of.

**me'** · Feb 15, 2004, 10:22 AM

Something like this?

Code:

<html>
<head>
  <script>
  window.onload = function () {
    document.getElementById('changeomo').onmouseover = function(){
      document.getElementById('changedomo').style.color = '#f00'
    }
  }
  </script>
  ...
</head>
<body>
  ...
  <a href="#" id="changeomo">Hello</a>
  <a href="#" id="changedomo">World</a>
  ...
</body>
</html>

**Paul Jr** · Feb 15, 2004, 12:54 PM

Ah, silly me, mis-read the post.

**pvz** · Feb 16, 2004, 04:16 AM

Thanks. But is there really no way that I can define which link to change the style of in each case... Something like:

onmouseover="changestyle('link2','#ffffff')"

**Paul Jr** · Feb 16, 2004, 10:21 PM

This is kinda rough draft...

Code:

<script type="text/javascript">
function lite(name, color) {
	document.getElementById(name).style.color=color;
}
</script>
...
<a href="#" onmouseover="lite('link2', '#FFFFFF');" onmouseout="lite('link2', '#000000');">Link</a>
<a href="#" id="link2">Link 2</a>

That also requires you to give each link you want to change an ID. So I'm sure there's a better solution out there.

**newmand2** · Feb 17, 2004, 05:12 AM

Just a quick question... Couldn't you just keep the links the same colour? Why is it that you want to do this? Not being nasty but just wondering.

In PHP (I don't know whether you use PHP or have access to it etc) you can (i think) do this:

PHP Code:


switch($style) {



case 'style1':

echo ('<link href="style1.css" rel="stylesheet" type="text/css">');

break;



case 'style2':

echo ('<link href="style2.css" rel="stylesheet" type="text/css">');

break;



case 'style3':

echo ('<link href="style3.css" rel="stylesheet" type="text/css">');

break;



default:

echo ('<link href="style.css" rel="stylesheet" type="text/css">');

}

And then the links could be www.yourdomain.com/index.php?style=style1

Just a thought

Announcement

Changing the style (the color) of another link?

Changing the style (the color) of another link?

Comment

Comment

Comment

Comment

Comment

Comment