Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:31
Display a graphic for visted links
Poster: scott.g
Dated: Friday September 23 2005 - 4:57:12 BST
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
Poster: stuart
Dated: Friday September 23 2005 - 20:23:27 BST
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
Poster: Ruth
Dated: Friday September 23 2005 - 21:29:32 BST
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
Poster: scott.g
Dated: Saturday September 24 2005 - 7:38:59 BST
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.
Poster: scott.g
Dated: Saturday September 24 2005 - 7:47:08 BST
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.
Poster: Ruth
Dated: Saturday September 24 2005 - 8:19:04 BST
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:
A:visited {
text-decoration: none;
background-image: url(spot1.gif);
background-repeat: no-repeat;
background-position:left;
padding:16px;
}
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