Cross posted from the "RoR:Talk" board...
This is more a CSS question than a Rails one.
In AWDwR, in the script.aculo.us section talking about auto-completion,
it says
"It is worth highlighting that there is no JavaScript to enable the
arrow-up, arrow-down, highlight behavior of the list. It is enough to
provide the stylesheet above; it turns out that all <ul> tags support
that behavior (in relatively modern browsers) and just need styles to
show off the changing state."
So am I right in believing that the following .html file would display
something like a selection box, when arrow-up, arrow-down and mouse
hover events happen? Doesn't seem to. All other CSS select boxes on the
Web have at least a :hover definition, and a little bit of JavaScript
for IE.
<html>
<!--DTD stuff -->
<head>
<style>
div.auto_complete {
width: 350px;
background: #fff ;
}
div.auto_complete ul {
border:1px solid #888 ;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected {
background-color: #ffb ;
}
div.auto_complete ul strong.highlight {
color: #800 ;
margin:0;
padding:0;
}
</style>
<body>
<div class="auto_complete">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
</body>
</html>
|
