Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 13/03/2012, 11:41

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<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Mostrar ocultar capas cambiando valor del texto</title>
<meta name="description" content="Mostrar ocultar capas cambiando valor del texto" />
<style type="text/css">
/*<![CDATA[*/
#oculta1,#oculta2 {
display: none;
width: 180px;
font-family: arial, serif;
padding: 15px 5px;
border: dotted 1px #554F9D;
background-color:#A3AD76;
font-size: 10pt;
margin-top: 3px;
margin-bottom:20px;
}
p{
font-weight: bold;
font-size: 11pt;
width: 180px;
cursor: pointer;
font-family: arial, serif;
padding: 5px;
border: dotted 1px #554F9D;
margin-bottom: 2px;
margin-top: 3px;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
/* Configurar */
var tn = "Ocultar"; // Texto para cuando la capa esté visible
var tb = "Mostrar"; // Texto para cuando la capa esté oculta
/* No Editar */
var tags_span = new Array();
function cTxt(laclase,eltexto,propiedad) {
var tags_span=document.getElementsByTagName('span');
for (i=0; i<tags_span.length; i++) {
if (tags_span[i].className==laclase) {
var texto = eltexto;
tags_span[i].innerHTML= texto;
}
}
document.getElementById(laclase).style.display = propiedad;
}
 
function m_o(cdv) {
var e = document.getElementById(cdv);
e.style.display =(e.style.display=="block")?cTxt(cdv,tb,'none'):cTxt(cdv,tn,'block');
}
//]]>
</script>
</head>
<body>
<p><span class="oculta1" onclick="m_o('oculta1');">Mostrar</span></p>
<div id="oculta1">
Christus eum filiam sum cum suam non coepit, mytilenam cuius ampullam ungues dotis quare quae vero non coepit
</div>
<p><span class="oculta2" onclick="m_o('oculta2');">Mostrar</span></p>
<div id="oculta2">
Lorem ipsum dolor sit amet, jesu Dionysiadem tuos ratio indue villicus potest in fuerat
</div>
</body>
</html>

Saludos