Dropdownfelder

Wenn Sie in der Toolbox unter der Kategorie Formularsteuerelemente einen Doppelklick auf dem nebenstehend abgebildeten Symbol ausführen, wird ein Dropdownfeld in das HTML-Dokument an der Position der Einfügemarke eingefügt.

Ebenso wie Kontrollkästchen und Optionsfelder bieten Dropdownfelder den Besuchern mehrere Optionen zur Auswahl an. Wenn Sie ein Dropdownfeld in Ihr HTML-Dokument einfügen, bestimmen Sie, ob das Listenfeld eine Mehrfachauswahl unterstützen soll.

Um einem Dropdownfeld Einträge hinzuzufügen, bewegen Sie den Mauszeiger darauf und betätigen einmal die rechte Maustaste. Wählen Sie aus dem anschließend angezeigten Kontextmenü den Eintrag Formularfeldeigenschaften aus. Ihrer Auswahl folgt ein Dialogfeld, mit dessen Hilfe Sie das Listenfeld füllen können, wie in Abbildung 9.16 dargestellt.

Klicken Sie auf die Schaltfläche Hinzufügen. Ein weiteres Dialogfeld wird geöffnet, das ebenfalls in Abbildung 9.16 zu sehen ist. Geben Sie in das Feld unter Auswahl den Text des ersten Eintrages ein. Jedem Eintrag ist ein bestimmter Wert zugewiesen, mit dessen Hilfe Sie später in Ihrem JavaScript-Code ermitteln können, ob der Eintrag ausgewählt wurde. Soll dieser Wert anders lauten als der Eintrag (weil der Eintragstext z.B. zu lang ist), aktivieren Sie das Kontrollkästchen Wert angeben und geben in das Feld darunter den gewünschten Wert ein. Klicken Sie auf OK, um dem Dropdownfeld den neuen Eintrag hinzuzufügen. Wiederholen Sie diese Schritte für jeden gewünschten Eintrag, und verlassen Sie das Dialogfeld anschließend mit OK.

Hinweis: Wenn Sie das Dialogfeld Dropdownfeld-Eigenschaften aufrufen, ist in der Auswahlliste bereits ein leerer Eintrag aufgeführt, den Expression Web 2 dort automatisch angeordnet hat. Diesen Eintrag benötigen Sie nicht. Er kann sogar störend wirken, wenn die Webseite später angezeigt wird. Um diesen Platzhalter zu löschen, markieren Sie ihn mit einem Mausklick und klicken rechts neben der Auswahlliste auf die Schaltfläche Entfernen.

Die wichtigsten Eigenschaften eines Dropdownfeldes, die Sie im Aufgabenbereich Tageigenschaften bestimmen und verändern können, sind multiple und size. Die Eigenschaft multiple bestimmt, ob die Besucher mehrere Optionen aus dem Listenfeld auswählen dürfen. Setzen Sie die Eigenschaft dazu auf den gleichnamigen Wert multiple. Mit size geben Sie die Höhe des Listenfeldes in Zeilen an.

Wenn Sie die Höhe des Dropdownfeldes nach dem Einfügen nicht verändert haben, wird rechts am Feld ein nach unten weisender Pfeil angezeigt, den die Besucher anklicken müssen, um das Feld zu öffnen und die Einträge anzeigen zu lassen. Haben Sie die Größe geändert, und können nicht alle Einträge im Listenfeld angezeigt werden, werden Bildlaufleisten daran angeordnet, mit deren Hilfe die Besucher durch das Listenfeld blättern können.

Bilder

Wenn Sie in der Toolbox unter der Kategorie Formularsteuerelemente einen Doppelklick auf dem nebenstehend abgebildeten Symbol ausführen, wird ein Platzhalter für ein Bild in das HTML-Dokument an der Position der Einfügemarke eingefügt.

Um den Platzhalter durch ein Bild zu ersetzen, bewegen Sie den Mauszeiger darauf und klicken einmal die rechte Maustaste. Wählen Sie aus dem anschließend angezeigten Kontextmenü den Eintrag Formularfeldeigenschaften aus. In dem Dialogfeld, das nach Ihrer Auswahl geöffnet wird, bestimmen Sie auf der Registerkarte Allgemein in dem Feld unter Bild den Pfad zu der Bilddatei. Klicken Sie auf die Schaltfläche Durchsuchen, die dem Feld folgt, um nach der Datei zu suchen. Sie können außerdem einen Text angeben, der angezeigt werden soll, wenn ein Besucher die Anzeige von Bildern deaktiviert hat. Das Dialogfeld bietet darüber hinaus Optionen zum Ändern der Größe, des Abstandes und der Ausrichtung des Bildes an (Registerkarte Darstellung). Bildformularfelder erfüllen denselben Zweck wie Schaltflächen. Wenn ein Besucher später auf ein solches Bild klickt, können Sie mit JavaScript-Anweisungen auf dieses Ereignis reagieren, was im nächsten Abschnitt beschrieben wird.

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.