Come creare popup in hoverover in Rails 3.1

Question

Ho cercato un modo per implementare un popup di passaggio del mouse senza fortuna. Perché è usato su tanti siti ho pensato che sarebbe stato facile trovare le istruzioni, ma mi chiedo se mi manca qualcosa di base. Ho guardato qTips2 e pochi altri, ma questi sembrano molto più di quanto ho bisogno.

Ho un'app Rails 3.1 e voglio visualizzare più dettagli quando un utente passa su una linea in una tabella. È qualcosa di costruito in Rails che mi manca, o ho bisogno di un add-on?

Certo che apprezzerebbe qualcuno che mi indicasse la giusta direzione.

Grazie!

Answer 1

Usa un po 'di CSS e Javascript!

Ecco un esempio si può giocare con: http://jsfiddle.net/cdpZg/

Copia qui, per ogni evenienza.

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

Basta impostare il titolo sul tuo link come questo

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