Selectboxen inkl. Schaltflächen und Scrollbars frei gestalten.

[Gernot Back]

Hallo an alle,

ich stehe nächste Woche wohl vor der undankbaren Aufgabe, eine Selectbox mit Javascript nachbauen zu müssen:

Der Kunde will die Schaltfläche mit dem Pfeil zum Aufklappen derselben sowie deren Scrollbar unbedingt in seinen Markenfarben gestaltet wissen. (Naja, wenn er unbedingt ins Unglück rennen will ... !)

Meine Idee ist ja, zunächst einmal im HTML-Code mit ganz normalen Selectboxen zu arbeiten und diese dann nachträglich "onload" über Javascript durch die gestaltete Variante mit Links (A-Elementen) zu ersetzen.

Nach Begriffen wie "customized select" bzw. "~ dropdown" u.Ä. habe ich bereits gesucht und dabei wenig Brauchbares gefunden.

Also habe ich mich mal einfach selbst ans Werk gemacht und bin so weit auch bereits gekommen:

http://lernspielwiese.de/customselect/

Ich arbeite da auch für den IE und Firefox bereits jetzt mit Timeouts und globalen Variablen (sehr unschön), aber für Opera scheint das alleine auch noch nicht zu helfen, da dort ein Focus-Event auf der Pseudo-Selectbox offensichtlich meist auch gleich wieder ein Blur-Event auf diesem Ersatz-Link auslöst.

Lustig ist es ja sowieso auch, wenn man etwa die Seiten von BMW mit Opera besucht, wo solche Pseudo-Selectboxen vorkommen, deren Entwickler sich allerdings um unaufdringliches Javascript, wie es mir vorschwebt, von vornherein nicht gekümmert haben:

http://www.bmw.com/

bzw. noch 'schöner':

http://www.bmw.de/

Letzteres ist allerdings eine Flash-Seite.

Kennt jemand ein wirklich brauchbares Skript, das ich mir für meine Zwecke  anpassen könnte, oder Seiten, wo es besser läuft als bei BMW (das Verhalten der dortigen "Selectboxen" ist ja, auch wenn man die Seite mit anderen Browsern als Opera besucht, nicht wirklich normal), bzw. hat jemand von euch eine Idee, wie ich meinem Focus-Blur-Problem bei Opera begegnen könnte? (Mit e.preventDefault() und e.stopPropagation() habe ich schon vergeblich experimentiert)

Gruß Gernot