WebSite X5Help Center

 
Peter R.
Peter R.
User

Auswahllisten mit Links  de

Автор: Peter R.
Просмотрено 921, Подписчики 1, Размещенный 0  

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

Размещено
6 Ответы
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Ich würde sagen so....

<option value="AB"><a href="https://www.ilka-chemie.com/oduil/ab.html">Home</a></option>

Читать больше
Размещено От Andreas S.
Peter R.
Peter R.
User
Автор

Hallo Andreas,

Danke!

ich habe deinen Vorschlag im HTML Objekt eingefügt (Home) . Wird aber leider auch nicht verlinkt.

Читать больше
Размещено От Peter R.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

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.

Читать больше
Размещено От Andreas S.
Peter R.
Peter R.
User
Автор

funktioniert so leider auch nicht.

Читать больше
Размещено От Peter R.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

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>

Читать больше
Размещено От Andreas S.
Peter R.
Peter R.
User
Автор

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.

Читать больше
Размещено От Peter R.