Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
![[Código JavaScript] Box Mostrar / Ocultar Empty](https://2img.net/i/empty.gif)
Ejemplo
ABIERTAS
CERRADAS
- Código:
<head>
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script></head>
ABIERTAS
- Código:
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Ejemplo</td><td align="right">
[<a title="show/hide" id="exp1219538502_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538502');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538502" style="padding: 3px;">este codigo es util cuando tienes demaciado texto en una pagina, de esa forma lo comprimes y tarda menos en cargar.
<a href="/portal.html">Volver</a></div>
</div>
CERRADAS
- Código:
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Otro Ejemplo</td><td align="right">
[<a title="show/hide" id="exp1219538810_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538810');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538810" style="padding: 3px;">modo cerrado, esmejor asi puedes tener mucho texto y que la pagina se vea pequeña lo cual es bueno a la hora de cargar la pagina!</div>
</div>
