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.

Angebot

Sommer Special! Alle Mitgliedschaften zum Sonderpreis!

Prio Support, alle Extensions und alle Templates in einem Paket.

Hier geht's zur Bestellung

Crosstec hilft sparen!

Falls Sie neu bei Crosstec sind aber bereits einen Formulargenerator bei einem anderen Hersteller gekauft haben, dann bekommen sie von uns einen Rabatt von 25% auf unsere 1-Jahres und Pro-Mitgliedschaften

Wie Sie an den Rabatt kommen?

Schreiben Sie uns einfach eine kurze Email mit beigelegten Kaufbeleg (z.B. PayPal Quittung) an sales@crosstec.org.

Wir unterstützen die Joomla Community

Crosstec unterstützt weltweit alle offiziellen Joomla! User Groups und Organisatoren von Joomla! Days die bei Joomla.org registriert sind.

Falls das auf dich zutrifft und du eines unserer Produkte brauchst, schreib uns eine kurze Email an info@crosstec.org und du bekommst eine Flatrate-Mitgliedschaft geschenkt!