Note: For those visitors with Javascript enabled, clicking on a comment will highlight it and all those comments that relate to it. A red border shows the comment in focus, green borders signify parent comments, blue borders signify child comments. Read more…
-
Dunstan:
If anyone's wondering, I removed the transparent PNG from the CSS and replaced it with a solid background colour. I then applied Moz-only opacity to it.
Why? Well, the image was taking too long to load for my liking, leaving users with an un-usable popup for a few seconds.
I prefer that everyone gets usable, and a few get fancy.
-
Hey,
I'm not sure if I'll use this on my site or not, however there are some bugs to this it seems.
I'm on XP Pro (patched) running IE6 (patched) and get some buggy behaviour for links in the body of comments: the popup appears at or near the bottom of the screen...
Actually, trying it out it seems like a pixel-offset, though I'm too lazy to open PhotoShop and see how many pixels it is.
Good luck fixing the bug.
J
-
Dunstan:
Hey, that's odd - you're right J, it does it to me as well on IE6 - but it works fine on my off-line test pages :o/
There must be something odd in my site making it freak out. (It's fine in Moz.)
-
Dunstan:
Yes, it turns out IE is offsetting the popups by the height of my weather header. It only happens in the main body of the page, not on the navigation menu.
It only seems to do this on my site, which is helpful :o)
I think I'll block IE from running the script here, but leave the downloadable version unchanged.
Why don't I ever spot these things during testing?...
-
Dunstan:
IE6 duly blocked... shame, but there we are.
-
I love the new "screw IE" mentality amoung web developers on independent sites. It's a natural backlash to the way we must bow down to it in professional work.
-
Oh, another reason why this is useful is Moz seems to trunucate long titles and end them with a "..." where IE will just display everything in the title. This is espescially annoying on link blogs (such as Anil Dash's) where the commentary in the link titles is some of the best stuff but to see it all I have to view source, at which point nothing is clickable anymore so I have to bounce between windows if I feel the link is worth following.
-
This is a very nice approach to style the normal pop-up (although pop-up isn't the right word for it, I like hove-over more) of links.
But there is one problem: the pop-up is positioned relatively to the link itself, as opposed to the mouse position what would seem more logical.
But there is a real problem too: when the same link resides on two lines (like the 'let me know' link in your post) the pop-up is located at the right side of the link. Thus giving some strange results when hovering over the word 'know'.
-
I have been entirely lax in not thanking you chaps for hacking on nicetitles to make it better, I must admit. Sorry; tied up frantically at the moment, if you'll excuse the phrasing. Excellent work, I say. I vacillate myself between a PNG background and an opacity setting; the opacity method allows rounded corners on the titles, but you can't (easily) set the opacity of the background but not the text thereupon. These things are sent to try us, I suppose. :-)
-
Dunstan:
Hey Stuart - not a problem, it's great to have the script to start with, I'd never be able to write it from scratch :o)
The opacity thing isn't hard though - just set one opacity for the div, and then another for the text - that's all, only two lines of css. E.g.:
div.nicetitle {-moz-opacity: .87;}
div.nicetitle p {-moz-opacity: 1;}
-
Do you know, if I had half a brain, I'd be dangerous. Naturally I was just about to think of styling the paragraphs *inside* the div, but, er, er, I was getting a cup of tea, yeah, that sounds plausible... :-)
-
I am having problems with nicetitles and image links (you can try out the images on the sidebar of my blog [1]). I don't know if this is a general problem or something I'm missing, but if anyone has a suggestion or two I'd be more than willing to try it out :)
[1] http://binarybonsai.com
-
Good work!
You also seem to have fixed the problem with Mac OS X Safary - befor it poped up a JavaScript Alert each time I went over a link - which somewhat degraded usability ;-)
-
Marten:
Great script. I was wondering, wouldn't it be handy to do this on the acronym tag as well?
-
Dunstan:
Michael, (I think you're moving house or something right now) I too had image-link problems with the old version, but I think I fixed it in my version - did you try that yet?
I think I had to add in some extra code - anyway, it works on this site, lemmie know it my version falls over at your place.
-
Marten:
Just send dunstan the update I did myself. It now supports all tags (still user-selected, but extendible by editing an array). Hope he posts it, I don't have a blog to host it.
