esta es la funcion....
Código:
function mostrarMenu(cual,que){
var menu = "";
menu = menu + "<body style=\"border:0px;background-color: #EEEEEE\">\n";
menu = menu + "<link href=\"http://www.localhost/css/main.css\" rel=\"stylesheet\" type=\"text/css\">\n";
menu = menu + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"1\" class=\"menu\" id=\"menu\">\n";
menu = menu + que;
menu = menu + "</table>\n";
menu = menu + "</body>\n";
window.frames(cual).document.write(menu);
document.getElementById(cual).className='visible';
}
y aca esta la tabla .... con el boton y el iframe
Código:
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><button onmouseover="Javascript:mostrarMenu('iframe100','<tr><td>hola</td></tr>')">mostrar
menu sobre un combo-box</button></td>
</tr>
<tr>
<td><iframe id="iframe100" class="oculto" onmouseout="Javascript:if(checkMouseLeave(this,event)){ocultarMenu(this);}"></iframe></td>
</tr>
</table>
estilos...
Código:
<style type="text/css">
<!--
iframe {
position: absolute;
z-index: 100;
}
iframe.oculto {
display:none;
visibility:hidden;
}
iframe.visible {
display:block;
visibility:visible;
}
-->
</style>
perdon por la choclera de codigo..