Auswahllisten mit Links
Autore: Peter R.Hallo,
ich möchte über Auswahllisten Links zu Unterseiten setzen.
Zum Beispiel so:
<form action="select.html">
<label>Alphabetische Suche(in):
<select name="top5" size="5">
<option>AB</option>
<option>Alu Fix</option>
<option>Alu Rein APR</option>
<option>Alu Rein APU</option>
<option>Alu Rein M</option>
<option>Alu Rein S</option>
<option>Antigraffiti-Emulsion</option>
<option>Autoscheibenreiniger Sommer</option>
<option>ILKA-Autoshampoo</option>
</select>
</label>
</form>
Mit "Link einfügen" kann man im Text Objekt einen einen Link zur gewünschten Seite setzen.
In der Vorschau erscheint er in der Liste aber nicht als Link.
Mit dem HTML Objekt müssen die Links direkt in den Code geschrtieben werden. Das ist im linken Feld bei "AB" so gemacht.
<option value="https://www.ilka-chemie.com/oduil/ab.html">AB</option>
Auch hier erscheint in der Liste kein Link.
Hier ist das Beispiel in web zu sehen:
https://www.ilka-chemie.com/oduil/suche-dropdown.html
Oben sind 2 Listen als HTML Objekt eingefügt. Unten als Text Objekt mit aktiviertem HTML
Gibt es eine Möglichkeit mit WX5 einen Link in so einer Liste einzufügen?
Grüße an alle
Ich würde sagen so....
<option value="AB"><a href="https://www.ilka-chemie.com/oduil/ab.html">Home</a></option>
Autore
Hallo Andreas,
Danke!
ich habe deinen Vorschlag im HTML Objekt eingefügt (Home) . Wird aber leider auch nicht verlinkt.
O.K. wenn du deine Methode oben verwenden willst, musst du dieses Script noch einfügen...
<script>
$("select").click(function() {
var open = $(this).data("isopen");
if(open) {
window.location.href = $(this).val()
}
$(this).data("isopen", !open);
});
</script>
Es ist aber so, dass du vorher die Auswahl markieren musst und beim 2. Klick der Link geöffnet wird.
Autore
funktioniert so leider auch nicht.
Also bei mir funktioniert es im HTML-Objekt
<form action="select.html">
<label>Alphabetische Suche(in):
<select name="top5" size="5">
<option value="https://www.ilka-chemie.com/oduil/ab.html">AB</option>
<option>Alu Fix</option>
<option>Alu Rein APR</option>
<option>Alu Rein APU</option>
<option>Alu Rein M</option>
<option>Alu Rein S</option>
<option>Antigraffiti-Emulsion</option>
<option>Autoscheibenreiniger Sommer</option>
<option>ILKA-Autoshampoo</option>
</select>
</label>
</form>
<script>
$("select").click(function() {
var open = $(this).data("isopen");
if(open) {
window.location.href = $(this).val()
}
$(this).data("isopen", !open);
});
</script>
Autore
ok. Mit Doppelklick darauf geht es. Das hatte ich falsch verstanden. Ist schon mal was.
Zunächst erst einmal herzlichen Dank.
Eleganter wäre das im Text Objekt mit Link einfügen.
Vielleicht gibt es noch bessere Lösungen.