How to Drop Down a Link in Microsoft Expressions

The Microsoft Expressions Web editor provides you with functionality to create drop-down menus for your website, as well as the ability to configure one of the drop-down items as a link. Configuring a drop-down menu item as a link requires you to use JavaScript within the drop-down menu's HTML code. The JavaScript will then instruct your site visitor's Web browser to redirect to the link that you specify for the drop-down menu item.

Instructions

1. Launch Microsoft Expressions.

2. Click "File" at the top of the window, and then click "Open."

3. Double-click the file to which you want to add a drop-down menu with links.

4. Click the "Code" option at the bottom of the window, and then browse to the location on the page where you would like to insert the drop-down menu.

5. Type the following code into the page -

   "<form method="post">
   <select name="Select1" onchange="window.open(this.value,'','');">
   <option value="http://www.mysite1.com">Link 1</option>
   <option value="http://www.mysite2.com">Link 2</option>
   </select></form>

6. Replace "Link 1" and "Link 2" with the values that you want to display to your visitors. For example, if you wanted to allow your visitors to choose between links for your blog and a friend's blog, you could replace the values with "My Blog" and "My Friend's Blog."

7. Replace "http://www.mysite1.com" and "http://www.mysite2.com" with the URLs of the pages that you want visitors to be directed to when they select one of the drop-down menu options.

8. Click "File" at the top of the window, and then click "Save" to save your changes.

Tips & Warnings

• If you do not want one of the items in the drop-down menu to redirect to a different site, you can leave the "value" setting of the "<option>" tag blank.

References

• W3Schools: HTML <select> Tag