Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje28-09-2008, 10:35 (UTC)    
Título del mensaje: [Código Javascript] Boxs con Mostrar/Ocultar

Cita:
<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>


para que aparescan abiertas
Cita:
<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>


para que aparescan cerradas
Cita:
<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>

______________

Mi Banner
<a href="http://chaproducciones.at.ua"><script src="http://chaproducciones.at.ua/media/?t=video;w=468;h=60;f=http%3A%2F%2Fchaproducciones.at.ua%2FFlash%2Fheader.swf" type="text/javascript"></script></a>


Ultima edición por chaproducciones el Lun Oct 13, 2008 1:29 am; editado 1 vez
Mensaje28-09-2008, 11:00 (UTC)    
Título del mensaje:

Me parece un excelente codigo es como el spoiler y muy bien podria servir para no hacer tan largos los box. pero este codigo se puede adaptar con las plantillas iceblue?
______________
Mensaje28-09-2008, 11:08 (UTC)    
Título del mensaje:

enplenovuelomx escribió:
Me parece un excelente codigo es como el spoiler y muy bien podria servir para no hacer tan largos los box. pero este codigo se puede adaptar con las plantillas iceblue?

es para cual kier diseño, con ox no me referia a los boxs de los diseños
si no a unas cajas o divs ke se peden ocultar o mostrar....
______________

Mi Banner
<a href="http://chaproducciones.at.ua"><script src="http://chaproducciones.at.ua/media/?t=video;w=468;h=60;f=http%3A%2F%2Fchaproducciones.at.ua%2FFlash%2Fheader.swf" type="text/javascript"></script></a>
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group