Ein Dropdown-Listenfeld Umleitung in Expression Web zu erstellen

Einführung

Dieser Artikel beschreibt, wie ein Dropdown-Listenfeld Umleitung in Microsoft Expression Web zu erstellen.

Weitere Informationen

Dieser Artikel beschreibt, wie ein Dropdown-Listenfeld, die JScript verwendet, um einen bestimmten URL öffnen zu erstellen.

Hinweis In diesem Artikel verwendet benutzerdefinierte JScript möglicherweise nicht in allen Browsern verfügbar. Weitere Informationen zur Browserkompatibilität klicken Sie im Menü Hilfe auf Microsoft Expression Web-Hilfe Geben Sie Browserkompatibilität im Feld Suchen ein und klicken Sie dann auf Suche starten , um die Themen anzuzeigen.

Erstellen Sie im Dropdown-Listenfeld Umleitung

Microsoft bietet Programmierbeispiele lediglich zur Veranschaulichung, ohne ausdrückliche oder konkludente Gewährleistung. Dies beinhaltet, ist jedoch nicht beschränkt auf, konkludente Gewährleistungen der Tauglichkeit oder Eignung für einen bestimmten Zweck. Dieser Artikel setzt voraus, dass Sie mit der von Beispielen verwendeten Programmiersprache und den Tools, die zum Erstellen und Debuggen von Prozeduren verwendet werden, vertraut sind. Microsoft-Supporttechniker helfen der Erläuterung der Funktionalität bestimmter Prozeduren. Allerdings werden sie diese Beispiele nicht ändern, um zusätzliche Funktionalität bereitzustellen oder Prozeduren erstellen, die Ihren spezifischen Bedürfnisse erfüllen.
  1. Starten Sie Expression Web, und öffnen Sie Ihre Website.
  2. Zeigen Sie im Menü Datei auf
    Neuklicken Sie auf die Seite in der
    Klicken Sie im Aufgabenbereich neu auf HTMLund klicken Sie dann auf
    OK.
  3. Zeigen Sie im Menü Ansicht auf
    Seite, und klicken Sie dann auf Code.
  4. Fügen Sie folgenden Code zwischen dem < Body > und < / body >-Tags auf der Seite.
    <h3 align="center">Where Do You Want to Go Today?</h3><center>
    <form>
    <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">
    <option selected>Where do you want to go today?</option>
    <option>- - - - - - - - - - - - - - - - -</option>
    <option>Microsoft Home Page</option>
    <option>MSN Home Page</option>
    </select></p>
    </form>
    </center>
    <script language="JavaScript">
    <!--
    function gotoPage(varItem)
    {
    switch(varItem)
    {
    case 0:
    window.parent.self.status="Goes Nowhere";
    break;
    case 1:
    window.parent.self.status="Goes Nowhere";
    break;
    case 2:
    window.location="http://www.microsoft.com";
    break;
    case 3:
    window.location="http://www.msn.com";
    break;
    }
    }
    // -->
    </script>

    Hinweis Dieses Codebeispiel verwendet die Eigenschaft window.location neue Seiten zu laden. Wenn Sie ein Frameset verwenden, wird die neue Seite im aktuellen Frame angezeigt. Wenn Sie möchten, können Sie die Methode window.open Seite laden und dann einen Zielframe festlegen. Microsoft-Homepage im Vollbildmodus anzeigen, z. B. den folgenden JScript-Code.
    case 2:      window.open("http://www.microsoft.com", target="_top");
    break;

    Hinweis Eine Fehlermeldung, oder die Seite möglicherweise nicht korrekt angezeigt, wenn Sie die Beispiele direkt aus diesem Artikel kopieren und Sie sie in Expression Web fügen. Die spitzen Klammern (<) und (>) können als HTML-Code angezeigt. Um dieses Verhalten zu umgehen, fügen Sie zuerst das Codebeispiel in ein leeres Dokument im Editor. Kopieren Sie das Codebeispiel aus dem Dokument im Editor auf Ihrer Seite in Expression Web. Gehen Sie hierzu folgendermaßen vor:
    1. Kopieren Sie das Codebeispiel in Schritt 4.
    2. Starten Sie Editor, und öffnen Sie ein leeres Dokument.
    3. Klicken Sie im Menü Bearbeiten auf
      Einfügen.
    4. Klicken Sie im Menü Bearbeiten auf
      Wählen Sie alle.
    5. Klicken Sie im Menü Bearbeiten auf
      Kopieren.
    6. Positionieren Sie den Cursor in Expression Web auf eine leere Zeile unmittelbar unterhalb des Tags < Body > soll den JScript-Code einfügen.
    7. Klicken Sie im Menü Bearbeiten auf
      Einfügen.
  5. Klicken Sie im Menü Datei auf
    Speichern.
  6. Geben Sie im Dialogfeld Speichern unter einen Namen und einen Speicherort, speichern Sie die Seite, und klicken Sie auf
    Speichern.
  7. Zeigen Sie im Menü Datei auf
    Vorschau im Browser, und klicken Sie dann auf den Browser zu verwenden, um eine Vorschau die Seite anzuzeigen.

Im Dropdown-Listenfeld Umleitung URL hinzufügen

Um eine URL zur Liste hinzuzufügen, im Dropdown-Listenfeld angezeigt wird, müssen Sie die folgenden Aktionen ausführen:
  • Der Optionsliste im HTML-Code einen Eintrag hinzufügen.
  • Abschnitt "Switch(varItem)""in den JScript-Code einen Eintrag hinzufügen.
Gehen folgendermaßen Sie vor, um ein Listenelement für Microsoft Help und Support-Website hinzuzufügen.

Hinweis Diese Schritte setzen voraus, dass Sie nicht geändert, das Codebeispiel nach, Expression Web eingefügt.
  1. Starten Sie Expression Web, und öffnen Sie die Seite, die im Dropdown-Listenfeld enthält.
  2. Zeigen Sie im Menü Ansicht auf
    Seite, und klicken Sie dann auf Code.
  3. Positionieren Sie den Cursor nach den folgenden HTML-Code auf Ihrer Seite, und drücken Sie die EINGABETASTE, um eine neue Zeile erstellen.
    <option>MSN Home Page</option>
  4. Geben Sie in der neuen Zeile den folgenden HTML-Code um diesen Artikel zur Liste hinzuzufügen.
    <option>Microsoft Help and Support Home Page</option>
  5. Positionieren Sie den Cursor nach dem folgenden JScript-Code auf Ihrer Seite, und drücken Sie die EINGABETASTE, um eine neue Zeile erstellen.
    case 3:      window.location="http://www.msn.com";
    break;
  6. Geben Sie in der neuen Zeile den folgenden JScript-Code um die URL der Website umgeleitet, die Sie hinzufügen.
    case 4:      window.location="http://support.microsoft.com";
    break;

  7. Klicken Sie im Menü Datei auf
    Speichern.
  8. Zeigen Sie im Menü Datei auf
    Vorschau im Browser, und klicken Sie dann auf den Browser zu verwenden, um eine Vorschau die Seite anzuzeigen.

Entfernen Sie eine URL aus dem Dropdown-Listenfeld

Um einen URL aus der Liste entfernen, die im Dropdown-Listenfeld angezeigt wird, müssen Sie die folgenden Aktionen ausführen:
  • Entfernen Sie den Eintrag aus der Optionsliste im HTML-Code.
  • Entfernen Sie den Eintrag aus dem Abschnitt "Switch(varItem)""der JScript-Code.
Gehen folgendermaßen Sie vor, um das Listenelement für Microsoft Help und Support-Website zu entfernen:
  1. Starten Sie Expression Web, und öffnen Sie die Seite, die im Dropdown-Listenfeld enthält.
  2. Zeigen Sie im Menü Ansicht auf
    Seite, und klicken Sie dann auf Code.
  3. Suchen Sie den folgenden Code.
    <option>Microsoft Help and Support Home Page</option>
  4. Wählen Sie den Code, den Sie in Schritt 3 ermittelt und Klickenmit der rechten Maustaste im Codes.
  5. Suchen Sie den folgenden Code.
    case 4:      window.location="http://support.microsoft.com";
    break;
  6. Wählen Sie den Code, den Sie in Schritt 5 ermittelt und Klickenmit der rechten Maustaste im Codes.
  7. Klicken Sie im Menü Datei auf
    Speichern.
  8. Zeigen Sie im Menü Datei auf
    Vorschau im Browser, und klicken Sie dann auf den Browser zu verwenden, um eine Vorschau die Seite anzuzeigen.
Eigenschaften

Artikelnummer: 928708 – Letzte Überarbeitung: 14.01.2017 – Revision: 1

Feedback