Show active link by changing color after click in frame site

  • lajocar
  • Proficient
  • Proficient
  • User avatar
  • Posts: 272
  • Loc: South Africa

Post 3+ Months Ago

Hi there,

I want to know how to change a link color in a div in frame website.

On hover over the parent link in the site navigation on the left another set of links appear and only if you click one of the second the second links then the content will appear in a frame on the right.

How can I show which link was last clicked and then when you click on another link in the menu then reset the previous clicked link back to normal.

I have the following on the main frame page style in head section

A:link { COLOR: #F0860C; TEXT-DECORATION: none}
A:visited { COLOR: #F0860C; TEXT-DECORATION: none}
A:hover { COLOR: #ffffff; TEXT-DECORATION: none}
A:active { COLOR: #F0F0C0; TEXT-DECORATION: none}

All of the above work on overall links on page

Here are the code for the links that I want to show active when clicked on and then reset back to normal when you click on another link. Remember this is in a frame web page setting.

Code: [ Select ]

<DIV class=style9 id=Architeture style="background-color: #323131; Z-INDEX: 6; LEFT: 137px; VISIBILITY: hidden; WIDTH: 254px; POSITION: absolute; TOP: 116px; HEIGHT: 321px">
<P class=hand2 align=left>&nbsp;</P>
<P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><a href="about/flavio-manzo-cv.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >C.V.</a></P>
<P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/project-design-philosophy.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Design Philosophy</A></P>
<P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/the-architects-philosophy.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Architects Philosophy</A></P>
<P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/researches.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Researches</A></P>
<P class=hand2 align=left>&nbsp;</P>
</DIV>
  1. <DIV class=style9 id=Architeture style="background-color: #323131; Z-INDEX: 6; LEFT: 137px; VISIBILITY: hidden; WIDTH: 254px; POSITION: absolute; TOP: 116px; HEIGHT: 321px">
  2. <P class=hand2 align=left>&nbsp;</P>
  3. <P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><a href="about/flavio-manzo-cv.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >C.V.</a></P>
  4. <P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/project-design-philosophy.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Design Philosophy</A></P>
  5. <P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/the-architects-philosophy.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Architects Philosophy</A></P>
  6. <P class=hand2 onMouseOver="MM_showHideLayers('Loadpic','','hide','Easter','','hide','Phoenix','','hide','Team','','show','Cigarillo','','hide','Spring','','hide')" align=left><A href="about/researches.html" target="FRAME1" onClick="return loadIframe('FRAME1', this.href)" >Researches</A></P>
  7. <P class=hand2 align=left>&nbsp;</P>
  8. </DIV>


Thanks

Regards
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 74 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.