WebSite X5Help Center

 
Peter R.
Peter R.
User

Auswahllisten mit Links  de

Autor: Peter R.
Visitado 1079, Seguidores 1, Compartilhado 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

Publicado em
6 RESPOSTAS
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Ich würde sagen so....

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

Ler mais
Publicado em de Andreas S.
Peter R.
Peter R.
User
Autor

Hallo Andreas,

Danke!

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

Ler mais
Publicado em de Peter R.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em de Andreas S.
Peter R.
Peter R.
User
Autor

funktioniert so leider auch nicht.

Ler mais
Publicado em de Peter R.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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>

Ler mais
Publicado em de Andreas S.
Peter R.
Peter R.
User
Autor

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.

Ler mais
Publicado em de Peter R.