• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

How to highlight a hyperlink?(Urgent)

 
Ranch Hand
Posts: 176
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello Folks,
I have a frame based application where the links are present in the left frame and the right frame is used for the content of the links.How can a highlight a hyperlink which i select by clicking it till the time iam in that screen.For example,i have a link called customers view,when i click on it,the customers are displayed,in the screen,i can add a customer,modify a customer and can delete a customer.Iam using a:active in the style sheets..the link is highlighted for a moment...when i click on add,modify or delete buttons,the hyperlink becomes normal...it is not highlighted any more...Please help me out....
Regards,
Ravi
 
Ranch Hand
Posts: 937
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I think the problem is coz of the css.
can u post that..
if u want the link to remain the way u want after user clicking the link u need a:link,a:active,a:visted,a:hover
some thing like this.
.class1 A:link {text-decoration:none;color:green;}
.class1 A:active {text-decoration:none;color:green;}
.class1 A:visited {text-decoration:none;color:green;}
.class1 A:hover { text-decoration:underline;color:#0000FF;background-color: #C0C0C0;color:#FFFFFF;}
 
Ravi Kumar Ravuru
Ranch Hand
Posts: 176
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello Sunitha Raghu,
The following is my code.
<html><head><style>a:link {text-decoration:'none'; color:'#A52A2A'}a:visited{text-decoration:'none'; color:'#000000'}a:hover {text-decoration:'underline'; color:'#65609e'}a:active {text-decoration:'underline'; color:'#A52A2A'}BODY { font-decoration: none; }BODY{scrollbar-face-color:'#f5f5f5'; scrollbar-base-color:'#f5f5f5';scrollbar-arrow-color:'#000000';scrollbar-track-color:'#f5f5f5';scrollbar-shadow-color:'#f5f5f5';scrollbar-highlight-color:'#f5f5f5';scrollbar-3dlight-color:'#f5f5f5';scrollbar-darkshadow-Color:'#f5f5f5';}</style></head><body bgcolor='#f5f5f5' text='#000000'>
Please let me know what are the corrections i have to do?
Regards,
Ravi
 
sunitha reghu
Ranch Hand
Posts: 937
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
In order to highlight the link in the add like this---
A:hover { text-decoration:underline;color:'#65609e';background-color: #C0C0C0;}
[#cococo--can be any color)
i hope im thinking the rt way wat u want. of not tell me.
.class1 {font-family:Times New Roman,Times,serif,sans-serif; font-size:16px; font-weight:bold;}
.class1 A:link {text-decoration:none;color:'#A52A2A';}
.class1 A:active {text-decoration:none;color:'#A52A2A';}
.class1 A:visited {text-decoration:none;color:'#000000';}
.class1 A:hover { text-decoration:underline;color:'#65609e';background-color: #C0C0C0;}
BODY { font-decoration: none; }
BODY{ scrollbar-face-color:'#f5f5f5'; scrollbar-base-color:'#f5f5f5'; scrollbar-arrow-color:'#000000'; scrollbar-track-color:'#f5f5f5'; scrollbar-shadow-color:'#f5f5f5'; scrollbar-highlight-color:'#f5f5f5'; scrollbar-3dlight-color:'#f5f5f5'; scrollbar-darkshadow-Color:'#f5f5f5';}
 
Ravi Kumar Ravuru
Ranch Hand
Posts: 176
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello sunitha raghu,
You are getting my problem.When i click on the link,the color of the link is changed but it won't stay for long time.I mean when i click customer view link,at that moment the color of link is changed,when at the right frame when i click on add/update/delete buttons,the link color will be gone.Please read my first post for more details.
Regards,
Ravi
 
sunitha reghu
Ranch Hand
Posts: 937
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ravi Kumar:when i click on add,modify or delete buttons,the hyperlink becomes normal...it is not highlighted any more
Becomes normal--u mean hover-background color is not working???
I tested in two frames for me everything working well
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
The reason why is when you change the page, you change the object property and the link is not active any more in the frames eyes, even though it is. One solution is to have a little javascript tell the fram what style it should have when it is loaded.
 
reply
    Bookmark Topic Watch Topic
  • New Topic