>I need than when the cell in table becomes active (clicked by mouse or moved by a tab key), a border is drawn around this field.
>(Is is just like in foxpro grid WHEN gridlines are disabled).
>
>Also, a horizontal lines must be drawn before and after the current table row to give visual indication of current row being edited.
>
>How to implement this ? I'm using Internet Explorer 6 only.
Copy the following to a file called "BRDTST.HTC"
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onfocusin" ONEVENT="SetBorder( 'solid thin', 'gray' )" />
<PUBLIC:ATTACH EVENT="onfocusout" ONEVENT="SetBorder( 'none', 'white' )" />
<script language="jscript">
function SetBorder( how, color )
{
event.srcElement.style.border = how
event.srcElement.parentNode.parentNode.style.background = color
}
</script>
</PUBLIC:COMPONENT>Copy the following to BRDTST.HTML in the same directory as above :
<html>
<head>
<style>
INPUT
{
border: none;
behavior:url(brdtst.htc);
}
</style>
</head>
<body>
<table frame=vsides rules=groups cellspacing=0>
<colgroup>
<colgroup>
<thead><td>Header 1</td><td>Header 2</td></thead>
<tr><td><input type=text></td><td><input type=text></td></tr>
<tr><td><input type=text></td><td><input type=text></td></tr>
<tr><td><input type=text></td><td><input type=text></td></tr>
</table>
</body>
</html>That may have the required affect.
The following sites may have info to help you further :
http://www.blooberry.com/indexdot/html/index.htmlhttp://www.w3.org/TR/2000/PR-DOM-Level-2-Core-20000927/http://www.w3.org/TR/2000/PR-DOM-Level-2-HTML-20000927/http://www.w3.org/TR/REC-CSS2/
Len Speed
