I have my own style-sheet based on the ‘outlook2003-orange’ style-sheet. But I have the Read/Unread flag at the top and bottom of each post, so once I’ve got to the bottom I can make the post read.
So it look like:
But for ages, I have had a problem when I click the envelope, that the pictures change, but the entry status doesn’t. So today I decided to track it down. The image is changed via an onclick JavaScript event, and the status is changed via a <map><area> event.
After click at the edges of the picture, when the mouse cursor was still the arrow, not the hand, I noticed the picture still changed, but the status didn’t. As soon as the cursor changed to a hand, the status would also change.
*click*, the cursor was the changed by the <area>. So now I changed the coords element from coords=”1,1,12,12” to coords=”0,0,16,16”, it never misfires.
I understand the original mapping was true to the icon displayed, but it wasn’t the complete surface of the image displayed. So when reading you look to see if the image would change, then move on. Only later to discover some entries where marked unread. Problem solved.
Only problem left to solve is why on some blogs, does <map><area> events not work, even when the mouse is in the middle of the page.