scrollleiste

[zu1u]

Hallo Leute,
ich wuerde auf meiner Seite gerne eine Scrollleiste einbauen. Ich weiss aber nicht wie ich es realisieren kann. Ich habe die Suche benutzt aber das hat mir nicht 100% weitergeholfen.

Die Scrollleiste soll Namen aus einer Datenbank enthalten.
Es werden ingesammt sehr viele Namen in der Datenbank sein, und daher moechte ich das immer nur ca. 10 Stueck angezeigt werden und wenn man nach oben/unten klickt sich dann direkt die naechsten 10 Namen zeigen und die andern verschwinden (scrollmaessig eben).

Mit PHP wuerd ich es vieleicht hinkriegen, aber ich moechte nicht das die Seite dann jedesmal neu geladen werden muss.
Kann ich das ganze auch irgendwie mit Javascript oder sonstie realisieren
Habt ihr vieleicht sonstige Tip wie ich das am besten angehe?

Ich habe bisher ausser PHP nicht so viel Erfahrung..
Danke schonmal!

 

[OnlyFoo]

Erzeug dir einen div-Layer mit fixer größe, und setzte das css-Attribute "overflow: hidden" und "position: relative" (oder absolute oder was du willst).
Pack in diesen Container einen weiteren div-Layer mit allen Namen und gib ihm eine ID, Beispiel id='bla', die position ebenfalls absolute oder relative.
Nun mach dir zwei Buttons die je eine Funktion mit ungefär folgendem Code aufrufen:

var names = document.getElementById( "bla" );
names.style.top = parseInt( names.style.top ) - 10;

bzw +10 für den anderen Button...

Das sollte dir eine Idee geben, wie man soetwas realisieren kann.