Hallo,
ich suche jemanden, der mir folgendes umsetzen kann:
Auf der Seite für Eingabefelder (Kundenseitig) soll eine Fontauswahl stattfinden. Die Fonts werden alle über eine CSS in die Seite implementiert, ein automatisches Auslesen ist daher nicht notwendig.
Ich füttere ein Select-Feld mit Daten nach dem Muster font-name:lang-var. Die Liste der Font-namen wird vom shop aus im DOM unter select#orderOption<id> > option value="font-name" abgelegt.
<select id="orderOption<id>">
<option value="font-name">lang-var</option>
<option value="font-name">lang-var</option>
<option value="font-name">lang-var</option>
usw.
</select>Ich hätte nun gern, dass das Select-Feld dynamisch wird. Erste Suchen haben mir schnell aufgezeigt, nur mit CSS kommt man da nicht hin, auch CSS innerhalb der Sprachvariable wird von browsern gekonnt ignoriert.
Daher wäre mir am liebsten, dass bei einem Klick auf das Feld nicht die normale Dropdown-Liste öffnet. Sondern ein Dialogfeld mit fixer größe, indem die Scrollbare Auswahlliste erscheint, die den Font mit dem Inhalt der Sprachvariable darstellt. Klickt der Nutzer auf einen Font und übernimmt ihn soll er auch tatsächlich ausgewählt sein, damit keine Verwirrung entsteht. Das i-tüpfelchen wäre ein Effekt beim Scrollen ähnlich wie bei einem Wahlrad.
Ich hoffe ich habe das gut genug beschrieben. Freue mich von euch zu hören 