W3C home > Mailing lists > Public > public-html@w3.org > May 2007

Re: Horizontal menu-2

From: Thomas Broyer <t.broyer@gmail.com>
Date: Fri, 25 May 2007 17:25:32 +0200
Message-ID: <a9699fd20705250825x7258b95fr8b4974c08f42300b@mail.gmail.com>
To: public-html@w3.org

2007/5/25, Dmitry Turin:
>
> Good day.
> I already raised this question, but i not writed example wholely (as i find now).
> I offer the following constructuction
>
> <select text="Name of part1 of site">
>   <option value="www.company.com/dir1/dir2/docname.htm">Part1.1</option>
>   ...
>   <option value="./folder1/folder2/document.htm">       Part1.9</option>
> </select>
> <select text="Name of part2 of site">
>   <option value="www.site.net/folder/filename.htm">     Part2.1</option>
>   ...
> </select>
> <select text="Name of part3 of site">
>   <option value="www.project.org/directory/file.htm">   Part3.1</option>
>   ...
> </select>
>
> to create _horizontal menu_ (menu in horizontal line) of site without JS
> (that is important for low-skill users).

<menu type="toolbar">
  <menu label="Name of part1 of site">
    <a href="www.company.com/dir1/dir2/docname.htm">Part1.1</a>
    ...
    <a href="./folder1/folder2/document.htm">Part1.9</a>
  </menu>
  <menu label="Name of part2 of site">
    <a href="www.site.net/folder/filename.htm">Part2.1</a>
    ...
  </menu>
  <menu label="Name of part3 of site">
    <a href="http://www.project.org/directory/file.htm">Part3.1</a>
    ...
  </menu>
</menu>

If you want some sort of backwards compatiblity, you can intercalate a
<select> element in between the outermost <menu> and its children and
replace those child <menu> elements with <optgroup> elements; then add
some javascript to do a
window.location=this.options[this.selectedIndex].value.

You can of course add text separators between <a> elements (still for
backwards compatibility) as they will be ignored when constructing the
menu; e.g.:
<a href="...">Option 1</a> | <a href="...">Option 2</a> | <a
href="...">Option 3</a>

-- 
Thomas Broyer
Received on Friday, 25 May 2007 15:49:36 UTC

This archive was generated by hypermail 2.3.1 : Monday, 29 September 2014 09:38:44 UTC