# Anyone know a good way to do a caption popup on mouseover? **URL:** \ **Category:** Rails\ **Created:** [December 18, 2008, 6:18am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916 "2008-12-18T06:18:25Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 18, 2008, 6:18am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/1 "2008-12-18T06:18:25Z")
I have been using overlib (javascript library) to create popups on mouseover but it has issues with some browsers. I just need something simple and was wondering if any had any suggestions. ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 18, 2008, 6:55am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/2 "2008-12-18T06:55:49Z")
I needed something very simple and flexible, so I put this in my app.html.erb: this in app.js function info(obj, msg){ if (msg) { $(‘info\_bubble’).innerHTML = msg; $(‘info\_bubble’).style.top = obj.y + ‘px’ $(‘info\_bubble’).style.left = 30 + obj.x + ‘px’ $(‘info\_bubble’).style.visibility = ‘visible’; } else { $(‘info\_bubble’).style.visibility = ‘hidden’ } } this is app.css #info\_bubble { opacity: .80; filter: alpha(opacity=80); position:absolute; border:1px #333 solid; visibility:hidden; font-size:10px; font-family: verdana; color:#000; font-weight:bold; background:#85a5d6; padding:5px; } and added the tag on the object :onMouseOver =\> “info(this, ‘download’)”, :onMouseOut =\> “info()” it worked for me, but I have the bad habit to do everything in house… 🙂 On Wed, Dec 17, 2008 at 9:18 PM, Scott K. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote: > – Emanuele T. +1 (619) 549 3230 4955 Narragansett Ave Apt #9 San Diego Ca 92107-3157 > **[MekDigital.com is for sale | HugeDomains](https://www.hugedomains.com/domain_profile.cfm?d=mekdigital.com)** > > Join thousands of people who own a premium domain. Affordable financing available. ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 18, 2008, 7:28pm UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/3 "2008-12-18T19:28:43Z")
cool thanks i’ll test it out this week! ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 19, 2008, 12:01am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/4 "2008-12-19T00:01:27Z")
Scott K. wrote: > cool thanks i’ll test it out this week! i just got it working. i like it because it’s so simple but is there anyway to have the popup show up at the mouse pointer instead of a fixed location? i dont know javascript very well offhand. also, it looks like it’s getting invalid argument on IE7 ☹ ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 19, 2008, 12:19am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/5 "2008-12-19T00:19:49Z")
I did not try it on god-damn-IE… =) you should modify the js part with code from this example [CodeLifter – Coding Hub](http://www.codelifter.com/main/javascript/capturemouseposition1.html), the script was originally based on mouse position, but I thought it was annoying… 🙂 On Thu, Dec 18, 2008 at 3:01 PM, Scott K. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote: > ## also, it looks like it’s getting invalid argument on IE7 ☹ > > Posted via [http://www.ruby-forum.com/](http://www.ruby-forum.com/). > > > – Emanuele T. +1 (619) 549 3230 4955 Narragansett Ave Apt #9 San Diego Ca 92107-3157 > **[MekDigital.com is for sale | HugeDomains](https://www.hugedomains.com/domain_profile.cfm?d=mekdigital.com)** > > Join thousands of people who own a premium domain. Affordable financing available. ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 19, 2008, 6:42am UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/6 "2008-12-19T06:42:57Z")
Emanuele T. wrote: > I did not try it on god-damn-IE… =) > > you should modify the js part with code from this example > [CodeLifter – Coding Hub](http://www.codelifter.com/main/javascript/capturemouseposition1.html), > the script was originally based on mouse position, but I thought it > was annoying… 🙂 hmm…looks like the link is redirecting to their homepage. i’ll take a look around the site. ---
**Author:** ![skirkpatrick](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/73ab20/32.png) [@skirkpatrick](https://www.ruby-forum.com/u/skirkpatrick)\ **Post date:** [December 19, 2008, 6:15pm UTC](https://www.ruby-forum.com/t/anyone-know-a-good-way-to-do-a-caption-popup-on-mouseover/155916/7 "2008-12-19T18:15:26Z")
title= tag attributes maybe?