I needed something very simple and flexible, so I put this in my app.html.erb:
<div id="info_bubble">
</div>
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 Kulik
<[email protected]> wrote:
>
> 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.
> --
> Posted via http://www.ruby-forum.com/.
>
> >
>
--
Emanuele Tozzato
+1 (619) 549 3230
4955 Narragansett Ave Apt #9
San Diego Ca 92107-3157
http://mekdigital.com
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Talk" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---
