Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/03/2012, 11:41
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Cubrir celda con una div

Podes hacer algo asi, la idea es que tengas el div con el formulario dentro de la celda, pero que en el css le pongas la propiedad display:none; para mantenerlo oculto por defecto, luego con javascript, le cambias la propiedad desde el menu.

Analizá este ejemplo

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Mostrar ocultar capas cambiando valor del texto</title>
  5. <meta name="description" content="Mostrar ocultar capas cambiando valor del texto" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8. #oculta1,#oculta2 {
  9. display: none;
  10. width: 180px;
  11. font-family: arial, serif;
  12. padding: 15px 5px;
  13. border: dotted 1px #554F9D;
  14. background-color:#A3AD76;
  15. font-size: 10pt;
  16. margin-top: 3px;
  17. margin-bottom:20px;
  18. }
  19. p{
  20. font-weight: bold;
  21. font-size: 11pt;
  22. width: 180px;
  23. cursor: pointer;
  24. font-family: arial, serif;
  25. padding: 5px;
  26. border: dotted 1px #554F9D;
  27. margin-bottom: 2px;
  28. margin-top: 3px;
  29. }
  30. /*]]>*/
  31. <script type="text/javascript">
  32. //<![CDATA[
  33. /* Configurar */
  34. var tn = "Ocultar"; // Texto para cuando la capa esté visible
  35. var tb = "Mostrar"; // Texto para cuando la capa esté oculta
  36. /* No Editar */
  37. var tags_span = new Array();
  38. function cTxt(laclase,eltexto,propiedad) {
  39. var tags_span=document.getElementsByTagName('span');
  40. for (i=0; i<tags_span.length; i++) {
  41. if (tags_span[i].className==laclase) {
  42. var texto = eltexto;
  43. tags_span[i].innerHTML= texto;
  44. }
  45. }
  46. document.getElementById(laclase).style.display = propiedad;
  47. }
  48.  
  49. function m_o(cdv) {
  50. var e = document.getElementById(cdv);
  51. e.style.display =(e.style.display=="block")?cTxt(cdv,tb,'none'):cTxt(cdv,tn,'block');
  52. }
  53. //]]>
  54. </head>
  55. <p><span class="oculta1" onclick="m_o('oculta1');">Mostrar</span></p>
  56. <div id="oculta1">
  57. Christus eum filiam sum cum suam non coepit, mytilenam cuius ampullam ungues dotis quare quae vero non coepit
  58. </div>
  59. <p><span class="oculta2" onclick="m_o('oculta2');">Mostrar</span></p>
  60. <div id="oculta2">
  61. Lorem ipsum dolor sit amet, jesu Dionysiadem tuos ratio indue villicus potest in fuerat
  62. </div>
  63. </body>
  64. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.