Ich möchte eine Dropdown-Liste erstellen, welche bei getroffener Auswahl aus der Liste zu einer URL weiterleitet. Bei Auswahl 1 soll der Benutzer zu der vorgegebenen URL gelangen die für die Auswahl definiert wurde, bei Auswahl 2 zu einer der anderen vorgegebenen URL usw. Ist das möglich?
Ja, ist es.
Als erstes erstellen Sie eine Select-Liste. In diesem Beispiel nennen wir dieses Element Choose.
In dem Feld 'Liste' des dem Select-Liste Element fügen Sie folgendes ein:
0;Choose Page; 0;Choice1 Title;Page 1 0;Choice2 Title;Page 2 0;Choice3 Title;Page 3
(Ersetzten Sie 'Choice1 Title' / 'Choice2 Title' / 'Choice3 Title' mit einem beliebigen Text der später in der Select-Liste angezeigt werden soll.)
Gehen Sie jetzt auf den Erweitert Button von Ihrem Selec-List Element. Geben Sie folgendes in dem Aktionsskript Bereich ein:
Typ: Custom
Aktionen: Änderung (die dritte Box von links)
In dem Code Framework Feld geben Sie folgendes ein:
function ff_Choose_action(element, action) { switch (action) { case 'change': if( element.value == 'Page 1' ) { location.href="http://YourFirstLink.com"; } else if( element.value == 'Page 2' ) { location.href="http://YourSecondLink.com"; } else if( element.value == 'Page 3' ) { location.href="http://YourThirdLink.com"; } break; default:; } // switch } // ff_Choose_action
Vergessen Sie nicht die location.href URLs mit der URL auszutauschen auf welche der Benutzer weitergeleitet werden soll.
HINWEIS: Wenn Sie Ihr Element umbenennen sollten, dann müssen Sie die erste und die letzte Zeile des Codes umändern, damit der Name des Elementes mit dem Code übereinstimmt. Ändern Sie ELEMENTNAME zu den Namen des Elements:
function ff_ELEMENTNAME_action(element, action)
und am Ende des Codes:
} // ff_ELEMENTNAME_action
Klicken Sie auf den "Einstellungen speichern"-Button um die Änderungen von dem Element wirksam zu machen und anschließend auf den grünen Speichern-Button in der oberen linken ecke des Bildschirms
Probieren Sie es aus -- Sie sollten nun eine Dropdown-Liste haben, die bei getroffener Auswahl auf die festgelegte Seite springt. :-)
Dieses Prinzip funktioniert auch bei sections. As long as you identify the unique ID number assigned to the section or element, you can define a style for it.