Bueno ya encontre la solución al mensaje del dia de ayer, básicamente era que estaba perdiendo el foco.
Estoy trabajando con varias capas, en cada capa le agrego una tabla, las tablas contienen las opciones que estoy trayendo de una tabla em postgretSql, en conclusión es un menu y aqui tienen el codigo de la función prinicpal por si les ayuda en algo.
function despMenu(nombre,sn,depende,nivel,newobj)
{
var gvNivel;
var gvDepende;
var gvTipo;
var gvLink;
obj=document.getElementById(nombre);
if (sn>0)
{
grupoArr=Fgrupos(nivel);
contenidoArr=Fcontenido(nivel);
dependeArr=Fdepende(nivel);
nivelArr=Fnivel(nivel);
lvtabla=celdas(nivel);
tipoArr=Ftipo(nivel);
linkArr=Flink(nivel);
for (l=3;l>=nivel;l--)
{
mimenu=niveles(1);
obj=document.getElementById(mimenu);
lvtabla=celdas(l);
hijouno=document.getElementById(lvtabla);
if (hijouno)
{
obj.removeChild(hijouno);
}
}
lvmenu=niveles(nivel);
obj.style.visibility = "visible";
myTable = document.createElement("TABLE");
myTable.id = lvtabla;
myTable.border = "1";
myTableBody = document.createElement("TBODY");
for (var q=grupoArr.length; q>=0; q--)
{
if (dependeArr[q]==newobj)
{
textVal = contenidoArr[q];
gvNivel = nivelArr[q];
gvDepende = grupoArr[q];
gvTipo = tipoArr[q];
gvLink = linkArr[q];
if (gvTipo=="M")
{
row = document.createElement("TR");
cell = document.createElement("TD");
cell.setAttribute("WIDTH","15%");
cell.setAttribute("HEIGHT","50");
cell.id=gvDepende;
cell.onmouseover=function(){despMenu
(lvmenu,1,gvDepende,gvNivel,this.id); return false;};
textNode = document.createTextNode(textVal);
cell.appendChild(textNode);
row.appendChild(cell);
myTableBody.appendChild(row);
}
else {
row = document.createElement("TR");
cell = document.createElement("TD");
cell.setAttribute("WIDTH","50");
cell.setAttribute("HEIGHT","50");
ref = document.createElement("A");
ref.href=gvLink;
textNode = document.createTextNode(textVal);
ref.appendChild(textNode);
cell.appendChild(ref);
row.appendChild(cell);
myTableBody.appendChild(row);
}
}
myTable.appendChild(myTableBody);
obj.appendChild(myTable);
}
} else
{
obj.style.visibility = "hidden";
}
}
el cuerpo es el siguiente
<div id="Menu1" class="cabMenu" >
<table>
<?php
while($filas=pg_fetch_assoc($nivelcero))
{
?>
<tr><td onMouseover="despMenu('itMenu1',1,<?php echo $filas['tr_id'];?>,<?php echo $filas['tr_nivel'];?>,this.id)" id="<?php echo $filas['tr_id'];?>"><?php echo $filas['wp_tramite'];?></td></tr>
<?php
}
?>
</table>
<div id="itMenu1" class="itMenu" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)">
</div>
</div>
<div id="itMenu11" class="itMenuDes" onMouseover="destacar(this,0)" onMouseout="destacar(this,1)" >
</div>
<div id="itMenu12" class="itMenuAct" onMouseout="destacar(this,1)" >
</div>
<div id="itMenu13" class="itMenuAct" onMouseout="destacar(this,1)" >
</div>
Bueno perdonen la redundancia de código, apenas son mis pinitos en la web