- From: Thomas Broyer <t.broyer@gmail.com>
- Date: Fri, 25 May 2007 17:25:32 +0200
- 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