[la-finest]

Hallo zusammen,

Ich hab eine Liste mit 5-6 Elementen. Nun möchte ich sowas wie eine Vorschau realisieren. Sobald man mit der Maus über die einen Eintrag der Liste fährt soll unter der Liste eine Box o.ä. erscheinen mit genaueren Informationen als beispiel.

Wie kann ich sowas realisieren? Mithilfe von einem Framework? Welches?


Viele Grüße,
la-finest

[$traight-$hoota]

Das kann eigentlich ziemlich jedes größere JS-Framework, oder du suchst dir eine der vielen tooltip-libraries raus.
Mit dem prototype-framework kannst du z.B. prototip nutzen.

[Basti]

Ich arbeite mit jQuery:

http://docs.jquery.com/Effects/slide...#speedcallback

Wäre dann etwa so:

<ul class="meine_liste">
    <li>
        <h2>Überschrift</h2>
        <p>Details</p>
    </li>
</ul> 

// Alle Details verstecken
$('.meine_liste p').hide();

// Allen Überschriften den Event-Handler verpassen
$('.meine_liste h2').hover(
    function() {
        $(this).siblings('p').slideDown('fast');
    },
    function() {
        $(this).siblings('p').slideUp('fast');
    }
);

Bastian