ciao ragazzi ho bisogno del vostro aiuto!! io ho un div con dentro una tabella con quaranta campi text e vorrei che quando mi posiziono sul primo campo text affianco comparisse un pop-up delle dimensioni di una text area piccola che stia dentro il td.aspetto con ansia una risposta ciauuuuu a tutti 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="<textare a rows='2' cols='15' ></textarea>"

}


</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% height="40" valign="bottom"><input type="text" onfocus ="visualizza();">
<td width=40% id="ccc" height="40" valign="top"></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>