Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/09/2009, 14:22
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 5 meses
Puntos: 126
Respuesta: Div Flotante....

Hola

Prueba así

Código javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function PosicionAbsolutaElemento(element)  {
  5.     if (typeof element == "string")
  6.         element = document.getElementById(element)
  7.             if (!element) return { top:0,left:0 };
  8.         var y = 0;
  9.         var x = 0;
  10.             while (element.offsetParent) {
  11.                     x += element.offsetLeft;
  12.                     y += element.offsetTop;
  13.                 element = element.offsetParent;
  14.      }
  15.     return {top:y,left:x};
  16.  
  17. }
  18.  
  19. function Show(elElemento,Ventana) {
  20. var PosElemento = PosicionAbsolutaElemento(elElemento);
  21. posLeft = parseInt(PosElemento.left);
  22. posTop = parseInt(PosElemento.top);
  23. document.getElementById(Ventana).style.left = posLeft + "px";
  24. document.getElementById(Ventana).style.top = posTop + "px";
  25. document.getElementById(Ventana).style.display="block";
  26. }
  27.  
  28. function Hide(Div)
  29. {
  30. document.getElementById(Div).style.display="none";
  31. }
  32. </script>
  33. </head>
  34. <body>
  35. <div id="DivAlertas"  style="z-index:1000; position:absolute; top:0px; left:0px; overflow:hidden; display:none;">Una Capa</div>
  36. <table border="1px">
  37. <tr height="100px">
  38. <td>Una prueba</td>
  39. </tr>
  40. </table>
  41. <img id="img" alt="" src="icono_alertas_azul.gif" width="26" height="26" align="middle" onmouseover="javascript: Show(this.id,'DivAlertas')" onmouseout="javascript: Hide('DivAlertas')" style=" margin-top:-3px; border-width:0px;"/>
  42. </body>
  43. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />