My apologies if this double (triple?) -posted. googlegroups2 beta is the
worst. This is just an approximation: lack of event handlers for MSIE
Option objects makes workarounds problemmatic.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>untitled</title>
<style type="text/css">
body {
font-size: 90%;
}
select {
behavior: url(dselect.htc);
font: normal 80% arial;
color: #000;
background: #f6f6ff;
}
</style>
</head>
<body>
<form>
<select name="s1">
<option value="" selected="selected">→ choose ←</option>
<option value=""></option>
<option value="alpha" disabled="disabled">• Alpha</option>
<option value="bravo">• Bravo</option>
<option value="charlie">• Charlie</option>
<option value="delta" disabled="disabled">• Delta</option>
<option value="echo">• Echo</option>
</select>
<select name="s2">
<option value="">→ choose ←</option>
<option value=""></option>
<option value="foxtrot">• Foxtrot</option>
<option value="golf">• Golf</option>
<option value="hotel">• Hotel</option>
<option value="india" disabled="disabled">• India</option>
<option value="juliet" disabled="disabled">• Juliet</option>
</select>
</form>
</body>
</html>
[dselect.htc]
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="select_init()" />
<PUBLIC:ATTACH EVENT="onchange" ONEVENT="select_onchange()" />
<SCRIPT>
function select_init()
{
var o = 0,
opt,
opts = this.getElementsByTagName('option');
while (opt = opts.item(o))
{
if (opt.disabled)
opt.style.color = '#888';
if (opt.defaultSelected)
this.defaultIndex = o;
o++;
}
}
function select_onchange()
{
var i = this.selectedIndex;
if (this.options[i].disabled)
this.selectedIndex = this.defaultIndex || 0;
}
</SCRIPT>
</PUBLIC:COMPONENT>
*** Sent via Developersdex
http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!