Cách tạo cửa sổ bật lên di chuột qua trong Rails 3.1

Question

Tôi đã tìm kiếm cách để triển khai cửa sổ bật lên di chuột qua không có may mắn. Bởi vì nó được sử dụng trên rất nhiều trang web, tôi nghĩ rằng nó sẽ được dễ dàng để tìm thấy hướng dẫn, nhưng tôi tự hỏi nếu tôi thiếu một cái gì đó cơ bản. Tôi đã nhìn vào qTips2 và một vài người khác, nhưng những điều này có vẻ giống như nhiều hơn tôi cần.

Tôi có ứng dụng Rails 3.1 và muốn hiển thị thêm chi tiết khi người dùng di chuột qua một dòng trong bảng. Đây có phải là thứ gì đó được tích hợp vào Rails mà tôi đang thiếu hay tôi cần một tiện ích bổ sung không?

Tôi chắc chắn sẽ đánh giá cao người nào đó đang chỉ cho tôi đúng hướng.

Cảm ơn!

Answer 1

này sử dụng một số CSS và Javascript!

Dưới đây là một ví dụ bạn có thể chơi với: http://jsfiddle.net/cdpZg/

Sao chép nó ở đây, chỉ trong trường hợp.

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(); 
    }); 
}); 

Answer 2

Chỉ cần đặt tiêu đề vào liên kết của bạn như

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