Как создать всплывающие окна hoverover в Rails 3.1

Я искал способ реализовать всплывающее окно с зависанием без везения. Поскольку он используется на многих сайтах, я думал, что будет легко найти инструкции, но мне интересно, не хватает ли я чего-то основного. Я посмотрел на qTips2 и несколько других, но они кажутся мне больше, чем мне нужно.

У меня есть приложение Rails 3.1 и вы хотите отображать более подробную информацию, когда пользователь наводит курсор на строку в таблице. Это что-то встроенное в Rails, которое мне не хватает, или мне нужно дополнение?

Я уверен, что кто-то укажет мне в правильном направлении.

Спасибо!

Ответ 1

Используйте некоторые CSS и Javascript!

Вот пример, с которым вы можете играть: http://jsfiddle.net/cdpZg/

Скопируйте его здесь, на всякий случай.

HTML:

<div id='user'>I am a user. Move your mouse over me</div>
<div id='popup'>Extended info about a user</div>
<div>I a piece of useless information. No use hovering over me.</div>

CSS:

#popup {
    height: 50px;
    width: 200px;
    text-align: center;
    vertical-align:middle;
    background-color: cornflowerblue;
    color: white;
    display: none;
    padding-top: 8px;
    position: absolute;
}

JavaScript:

$(document).ready(function() {
    $('#user').hover(function() {
        $('#popup').show();
    }, function() {
        $('#popup').hide();
    });
});

Ответ 2

Просто установите заголовок на вашей ссылке, подобный этому

<a title="Some text that will show up when I hover over this link">My link</a>