leave link underlined after clicking

Dear All,

I have a DHTML menu, and i wish that after the user clicks on a sub-link to view a particular page, the text becomes underlined.

How can I do that?

I tried a mouseout but its not working fine:-

<div class="NC">
<a href="#" id="AAL" class="PL" onMouseover="this.style.backgroundColor='#CC0000'; this.style.color='white'"
onMouseout="this.style.backgroundColor='white'; this.style.color='#CC0000';" onClick="showHide('aboutAAMISub')"><span class="PN">About AAMI</span></a>
<div id="aboutAAMISub" class="subMenu hide">
<div class="subItem"><a href="<%=NonSecureSite()%>/about_aami_insurance/aami_company_profile.asp" target="_top" class="SIL" onMouseOver="this.style.cursor='hand'"><span class="SN">Profile</span></a></div>
<div class="subItem"><a href="javascript:;" onClick="MM_openBrWindow('<%=NonSecureSite()%>/corporate_affairs/default.asp','corporateaffairs','status=yes,width= 790,height=480')" target="_top" class="SIL" onMouseOver="this.style.cursor='hand'"><span class="SN" >Corporate Information</span></a></div>
<div class="subItem"><a href="<%=NonSecureSite()%>/about_aami_insurance/aami_news_centre/aami_news_centre.asp" target="_top" class="SIL" onMouseOver="this.style.cursor='hand'" onMouseout="this.style.textDecoration='underline'" ><span class="SN">News Centre</span></a></div>
<div class="subItem"><a href="<%=NonSecureSite()%>/aami_customer_service/customer_charter.asp" target="_top" class="SIL" onMouseOver="this.style.cursor='hand'" ><span class="SN">Customer Charter</span></a></div>
<div class="subItem"><a href="<%=NonSecureSite()%>/about_aami_insurance/sponsorship.asp" target="_top" class="SIL" onMouseOver="this.style.cursor='hand'"><span class="SN">Sponsorship</span></a></div>
<div class="subItem"><a href="<%=NonSecureSite()%>/aami_customer_service/abbi_business_insurance.asp" target="_top" class="SIL NBG" onMouseOver="this.style.cursor='hand'"><span class="SN">Small Business Insurance?</span></a></div>
</div>
</div>

Try a more appropriate forum. This is the ASP forum

dito the above comment...

could you not use css however, for visted link? or active link? to add an underline...

Wow, you're kinder than I benbramz.

i am?

Ok ok wrong place but yeah he could just do:

a:visited { text-decoration: underline; }

<style type="text/css">

a.link, a.visited, a.active {text-decoration:;}
a:hover {text-decoration:;}

</style>

That is how you format all the links at one time if you wanted to know I don't know if you did or not but there you go. I think thatis how you do the hover one.

Why is this in the css section, LOL, looks like javascript to me.

It was Javascript at first but then what he needed was something to do with CSS I assume. He need help with links and CSS is a much easier way to solve his problem. Your right though it could have been put in Javascript or either one. Basically fits in both areas.

Nope. although this could probably be achieved with Javascript it is the simple CSS psuedo's used to define and style links you would just need to put nothing into the text-decoration on every single link which he wants underlined.

In every single link you want, for example.

HTML: Select all

a: link
a: active
a: hover
a: visited

Therfore just a basic CSS use.