Code: Select all
<select name="option"> <option value="Select One" selected>-- Controls --</option> <option value="Add New Link" onclick="javascript:showdiv('AddNewLink')">Add New Link</option> <option value="Remove Link" onclick="javascript:showdiv('RemoveLink')">Remove Link</option> <option value="Add New Category" onclick="javascript:showdiv('AddNewCat')">Add New Category</option> <option value="Remove Category" onclick="javascript:showdiv('RemoveCat')">Remove Category</option></select>Code: Select all
function showdiv(divtoshow){ hideAll('no'); // simply sets all div styles to hidden if (document.getElementById) { document.getElementById(divtoshow).style.visibility = 'visible'; } else { if (document.layers) { // Netscape 4 document.divtoshow.visibility = 'visible'; } else { // IE 4 document.all.divtoshow.style.visibility = 'visible'; } }}If you want to see this code live, it's at http://www.chalksdesign.com/links