Klappfelder (Combobox) und Bilder
Diese Beispiel-Programmierung zeigt, wie ein Klappfeld durch css-Formatierung mit einer Grafik versehen werden kann.
Das geschieht anhand einer kleinen Demo-Anwendung, die einen Bekleidungs-Konfigurator mit seinen Grundfunktionen (Visualisierung wechselnder Bekleidung) zeigt.
Es werden 2 Verfahren demonstriert:
- mit einer Grafik versehene option-Einträge einer html-select-Liste
- ein per html nachgebildetes Klappfeld, daß komplett frei formatiert werden kann
Beide Verfahren sind gedacht für die Implementierung in Webseiten, die z.B. dynamische Webshop-Daten verarbeiten.
Das Austauschen einer Grafik nach Wählen eines Listeneintrages geschieht in beiden Fällen per javascript.
Die benötigte Code-Menge für html, css und javascript beträgt nur einen geringen Bruchteil dessen, den "professionelle" Konfiguratoren mit sich bringen.