Display a graphic for visted links

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
scott.g
Beginner
Beginner
Posts: 8
Joined: Fri Sep 23, 2005 3:41 am
Location: Australia
Contact:

Display a graphic for visted links

Post by scott.g »

I would like to be able to display a graphic when a link has been visited in the menu. Imagine the menu is to training files, I would like to place a little tick along side each link in the menu when they have visted that training page, so when they come back, thay know they have been there.

I have tried:
pageimage="tick.gif"; // cant get this to work. I am not sure if there should be an image already in the aI statement, I tried it with this aI stament:
aI("text=PowerPoint;image=/Cintinel/faq/XPmenu/XPMenuRedArrow.gif;url=index.htm;");
iether way no luck.

clickimage="tick.gif"; // this works and appears onclick but does not remain.

I have aslo used:
visitedcolor="#490161"; // this works well, but the colors dont seem very vivid or dark.

Thanks for your help
:roll:
Regards
Scott G
stuart
Advanced
Advanced
Posts: 14
Joined: Sat Aug 20, 2005 7:35 pm

Post by stuart »

Hi Scott

Not sure how to solve your problem but I believe the pageimage property is used with the pagematching facility, i.e. if the page you were on matched the url in the aI then the pageimage would be displayed.
Don't think this is what you want.

You might try the Page Highlighting Module demo but I'm not sure how you'll track which pages your visitors have visited.

Stuart
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

There is a demo that would allow you to include a text breadcrumb, like some of the big sites i.e. You are here-->History-->weekly-->yesterday.

Breadcrumb Demo

You might also be able to do that using css and setting up a class to do the visited link.

Ruth
scott.g
Beginner
Beginner
Posts: 8
Joined: Fri Sep 23, 2005 3:41 am
Location: Australia
Contact:

Post by scott.g »

Hi Ruth
Thanks for your help.
I was able to get the pagematch facility working, Thats Cool, Your breadcrumb idea is neat also, thankyou, but I would realy like to have a tick graphic indictae they have clicked on the link.
If you have any other great ideas, I would love to hear them. :)
Regards
Scott G
scott.g
Beginner
Beginner
Posts: 8
Joined: Fri Sep 23, 2005 3:41 am
Location: Australia
Contact:

Post by scott.g »

Thanks Stuart
I looked through your suggestion. It seems that this is another method for highlighting the page you are on. I cant see how to adapt it. I would think that what ever drives visitedlinks :) to change color, would have to drive this idea.

Thanks.
Regards
Scott G
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

You can do it using css. You would have to create a class which would put the image in when a link is visited. I don't do much css with stuff like that, but if you were creating just a text link you would put something like this

Code: Select all

A:visited {
        text-decoration: none;
        background-image: url(spot1.gif);
        background-repeat: no-repeat;
        background-position:left;
	padding:16px;
		
      }
That image is 11px wide and 10 high. The padding makes sure the text shifts beyond the image. Sorry I can't help on making a class for the menu. I don't really know how you'd get the link into a class since it's already a pseudo class. i.e. it has the a dot link and you need the . to make a class, I think. I'm not too knowledgeable in css.

If you can figure out how to make the class, then you would just include that in your style section offclass="yourclass"; onclass="yourclass"; I think you'd have to do both to make sure the image is there, or maybe not. You'd have to check that out.

Ruth
Post Reply