[madguitar_cd]

Hallo,

ich habe ein Problem mit einem JavaScript-Dropdown-Menü:

Ich würde das Menü gerne optisch verändern - mit CSS hat es allerdings nur geringfügig geklappt, denn das Dreieck im Kästchen auf der rechten Seite ist nicht wegzubekommen. Ich las hier im Forum, dass es ohnehin nicht geht, da es Betriebssystembeding ist.

Daher meine Frage: kann ich das Dropdown-Menü anders darstellen, z.B. mittels CSS3? Es handelt sich hierbei um keine einfachen HREFs sondern es sind Einstellungen, die an das System weitergegeben werden (Suchfeld oder Sprachauswahl). Hier ist das Skript:

<form method="get" action="/vufind/Search/Results" name="searchForm" id="searchForm" class="search">
<label for="searchForm_lookfor" class="offscreen">Search Terms</label>
<input id="searchForm_lookfor" type="text" name="lookfor" size="40" value="" class="autocomplete typeSelector:searchForm_type search_bar"/>
<label for="searchForm_type" class="offscreen">Search Type</label>
<select id="searchForm_type" class="search_bar_dropdown" name="type">
<option value="AllFields">Alle Felder</option>
<option value="Title">Titel</option>
<option value="JournalTitle">Zeitschriftentitel</option>
<option value="Author">Verfasser</option>
<option value="Subject">Schlagwort</option>
<option value="CallNumber">Signatur</option>
<option value="ClassificationSWF">Systemstelle</option>
<option value="ISN">ISBN/ISSN</option>
<option value="tag">Tag</option>
</select>
<input type="submit" class="find_button" name="submit" value="Finden"/>


</form>
<script type="text/javascript">$("#searchForm_lookfor").focus()</script>


Vielen Dank im Voraus,

Christian

[Karlarsch]

Die Möglichkeiten der Einflussnahme auf die Darstellung von Select-Elementen bzw. Option-Elementen sind sehr begrenzt. In der Regel wird hier auf eine Replacement-Technik zurückgegriffen um Dropdowns mit individuellem Design zu erstellen.

Gruß
Karl

[madguitar_cd]

Hallo Karl,

danke für die schnelle Antwort! Ist bei der Replacement-Technik die Selektion der Dropdown-Elemente weiterhin gegeben?

Grüße,

Christian

[ChrisKam]

http://lmgtfy.com/?q=select+replacement+

der erste (!) Treffer

[madguitar_cd]

Hallo,

ich habe ein Replacement gefunden, und es soweit wie mir möglich an meine Bedürfnisse angepasst. Es funktioniert soweit, dass das Replacement die Werte vom Dropdown übernimmt und auch auswählt, allerdings werden diese bei Auswahl nicht umgesetzt. Ich glaube, der Fehler ist, dass das Replacement einen Link erstellen will und ich bräuchte eine Art "submit" um die Auswahl zu bestätigen und auszulösen. Hier ist der Code: