onmouseover e tendina

[ludoweb.it]

uhm..una domanda ora sono riuscito a sistemare il problema ma quando richiamo una td della table B da una td della tabella A come faccio a metterle vicine e simulare una specie di menu'?

[ludoweb.it]

dopo varie prove sono riuscito ad associare all'evento della prima table la creazione di una seconda table ma rimane il problema che se io mi sposto sulla seconda table la prima scompare mentre cmq dovrebbe rimanere mi aiutate plz!!!

function prova(evento) {
if (evento == 0) {
menu.style.left=document.body.scrollLeft+360;
menu.style.top=document.body.scrollLeft+50;
menu.style.visibility="visible";
return false
}
else {
menu.style.visibility = "hidden";
sub_menu.style.visibility = "hidden";
}
}
<area href="#" onmouseover="prova(0)" shape="rect" coords="18, 65, 49, 77">
function prova2(evento1) {
if (evento1 == 0)
{
sub_menu.style.left=document.body.scrollLeft+460;
sub_menu.style.top=document.body.scrollLeft+50;
sub_menu.style.visibility="visible";
return false
}
<table id="menu" border="0"
width="100" height="100" style="visibility: hidden"
onMouseOver="menu.style.visibility='visible'" onMouseOut="prova(1)" cellpadding=0 cellspacing=0>
<tr>
<td id ="id_cella1" class="cella"
onmouseover="
javascript:document.getElementById('id_cella1').st yle.backgroundColor='red';
prova2(0);"
onmouseout="javascript:document.getElementById('id _cella1').style.backgroundColor='#ffdab9';">
aaaaaaaaa
</td>
</tr>
</table>
oltre a questo ce un'altra table chiamata sub_menu.....

[ludoweb.it]

una domanda..
var menu = '<TABLE id=menu border=1 width=100 height=100>'
menu = menu + '<TR><TD>'+city+'</TD></TR>'
menu = menu + '<TR><TD>Link1</TD></TR>'
menu = menu + '<TR><TD>Link2</TD></TR>'
menu = menu +'</TABLE>'
document.write(menu);

al posto di usare document.write che posso usare per creare sta tabella nel punto esatto in cui richiamo la funzione? dai non ce nessuno che puo aiutarmi?

[ludoweb.it]

qualcuno upo aiutarmi, ho provato a crearlo da solo ma viene na schifezza, plzz!