ciao ragazzi ho bisogno del vostro aiuto!!! ho un div con dentro una tabella con 40 campi text e vorrei che quando mi posiziono sul primo campo text affianco mi compaia un altro campo text però in rilievo.non so che comando usare per mettere in rilievo un elemento.aspetto tante risposte ciao a tutti!!!per adesso se andate sul primo campo text vedrete che ne compare un altro affianco che però non è in rilievo. vi posto il codice


<html>
<head>
<title>tabella</title>

<SCRIPT type="text/javascript">







function prova(){
var contenitore=document.getElementById('pippo');
alert(contenitore.scrollTop);
}

function visualizza() {

document.getElementById('ccc').innerHTML="<input type='text'>"

}


</script>

</head>
<body>
<form name="uno" action="">
<center><div id="pippo" style="width:450px;height:80px; overflow-x:scroll; overflow-y:scroll;border:1px solid black;">

<table cellpadding="4" cellspacing="1" width="120%" border=0>

<tr>
<td width=20%><input type="text" onfocus = "visualizza();"><td width=20% id="ccc"></td>
</td>
</tr>


<tr>
<td width=20%><input type="text" name="txt" id="txtdue" >
</td>
</tr>

<tr>
<td width=20%><input type="text" name="txtuno">
</td>
</tr>

<tr>
<td width=20%><input type="text" id="txtuno">
</td>
</tr>
</div>
<tr>
<td width=20%><input type="text" name="5">
</td>
</tr>


<tr>
<td width=20%><input type="text" name="6">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="7">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="8">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="9">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="10">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="11">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="12">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="13">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="14">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="15">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="16">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="17">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="18">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="19">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="20">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="21">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="22">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="23">
</td>
</tr>


<tr>
<td width=20%><input type="text" name="24">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="25">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="26">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="27">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="28">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="29">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="30">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="31">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="32">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="33">
</td>
</tr>


<tr>
<td width=20%><input type="text" name="34">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="35">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="36">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="37">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="38">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="39">
</td>
</tr>

<tr>
<td width=20%><input type="text" name="40">
</td>
</tr>
</table>
</center>

</form>






<center>
<form action="">





<input type="button" value="Coordinate" onclick="prova();">

</form>
</div>
</center>

</body>
</html>