Listenfeld mit frei bestimmbarer Gestaltung und Grafik

Pseudo-Listenfeld per div-Elemente und javascript.
look-alike drop-down-combobox built with div-elements and javascript.

Streifen:

weisse Streifen

gelbe Streifen

rote Streifen

grüne Streifen

Knöpfe:

weisse Knöpfe

gelbe Knöpfe

rote Knöpfe

grüne Knöpfe

Um die eingeschränkten Formatierungsmöglichkeiten klassischer select-Klappfelder zu umgehen, werden in diesem Beispiel Klappfelder samt deren Funktionalitäten und Verhalten durch eine Kombination von html und javascript nachgebaut.

Dadurch können Grafiken nicht nur in den option-Einträgen hinterlegt werden, sondern auch in der Kopfzeile des Klappfeldes.

Auch in diesem Beispiel werden für jeden Listeneintrag css-Hintergrundbilder definiert:

non-trivialer Nachbau per html, css und javascript
korrekte Darstellung auch im Internet Explorer 6, 7 und 8
das Aussehen des Klappfeldes kann und muß bei Bedarf frei gestaltet werden und richtet sich nicht wie bei einem select-Klappfeld automatisch nach den Gegegenheiten des Betriebssystemes des Betrachters
das Verhalten der Klappfelder ist in diesem Demo naturgetreuer als in professionellen Bekleidungskonfiguratoren, die zuweilen im Web zu finden sind.