TAILIEUCHUNG - Taking Your Talent to the Web- P23

Taking Your Talent to the Web- P23:It was a simple solution to a complex problem. On one side, thousands of designers and art directors are eager to take their talents to the Web but aren’t sure how. On the other, web agencies could not find enough good web designers to get their work done. | Taking Your Talent to the Web 311 option value B List option value C List option value D List option value E List option value F List option value G List option value H List option value I List option value J List option value K List option value L List option value M List option value N List option value O List option value P List option value Q List option value R List option value S List option value T List select form This script will automatically change pages as soon as the user highlights any item in the list. If you prefer you can use a button or other mechanism to actually initiate the action. You can also easily add inline CSS to add some style to the whole sorry affair select name modules onChange load_page size 1 style font-size -10px font-family verdana geneva arial background-color 336 color ccc The resulting mega-menu will look nice and take up very little space on the page see Figure . Compared with an endless list of standard HTML links the advantages of JavaScript-based navigation become obvious. To compensate for non-JavaScript-capable browsers you should include a standard HTML menu somewhere on the page but it need not be a mess if you consolidate these HTML links using subpages a href A-G a a href L-N a etc. 312 HOW The Joy of JavaScript Browser Compensation Figure Add JavaScript to a standard HTML FORM element throw in a dash of CSS for style and you have a tasty alternative to the traditional navigation menu. Instead of the mess of links the client may have demanded you have a clean intuitive interface requiring very little space on the page . Browser Compensation Problem You want to use particular technology say CSS without causing old browsers to fail. Solution Browser detection and redirection. As we ve probably boasted 100 times already