Re[4]: [Ovillo] caja desplegable.

Tue, 30 Aug 2005 15:16:38 -0700 

Hola Inti,

     Solo por ser un poco picajoso :) tal y como lo tienes oculta el
     elemento después de tener cargada toda la página, si la web es
     muy pesada hará un efecto precarga algo molesto, por eso tenía yo
     ese parche en el html, escribía una hoja de estilos si había
     javascript. Puedes probar a cargar esa hoja de estilos dentro del
     archivo .js (document.write no funciona bien ahí) y eliminar esa
     ñapa que puse.

     No se me ha ocurrido un buen método para este asunto. Antes
     aprovechaba el atributo disable en el link de la hoja de estilos
     (en xhtml strict desaparece esta propiedad). Alguien tiene un
     método más sofisticado???


     

Tuesday, August 30, 2005, 10:26:49 PM, you wrote:

IC> On 8/30/05, Raúl Martín <[EMAIL PROTECTED]> wrote:
>> 
>> Aquí te dejo un ejemplillo,
>> http://www.ubicuit.net/ejemplosCSS/ocultarcapa/ocultarcapa.htm
>> 

IC> muchas gracias. ya lo tengo funcionando.

IC> le hice unas pequeñas modificaciones para adaptarlo a lo que necesito yo.
IC> esto es el codigo final que me quedo:

IC> function despliega(caja) { 
IC>  if (document.getElementById(caja))
IC> 
IC> document.getElementById(caja).style.display=(document.getElementById
IC> (caja).style.display=="block"?"none":"block");
IC> } 
 
IC> function myArticles() {
IC>  if (document.getElementById("myArticles"))
IC> 
IC> document.getElementById("myArticlesTitle").style.cursor="pointer";
IC>  document.getElementById("myArticlesList").style.display="none";
IC>  var target=document.getElementById("myArticlesTitle");
IC>  if (target.addEventListener)
IC>  target.addEventListener("click", function() { despliega("myArticlesList");
IC> }, false);
IC>  else
IC>  target.attachEvent("onclick", function()
IC> {despliega("myArticlesList"); } );
IC> }

IC> if (window.addEventListener)
IC>  window.addEventListener('load', myArticles, false); 
IC> else window.attachEvent("onload", myArticles);

IC> <div id="myArticles">
IC>  <h2 id="myArticlesTitle">Mis art&iacute;culos</h2>
IC>  <div id="myArticlesList">
IC>  <p>Usted no posee artículos guardados. Para guardar artículos haga click en
IC> el icono <img alt="+" src="../-img/toolbox/articulos.gif" /> junto a las
IC> noticias.</p>
IC>  </div>
IC> </div>

IC> inti castro
IC> [EMAIL PROTECTED]




        Saludos.
        
_________________________________

 Todo lo que no aprendí,
            no se me ha olvidado.
_________________________________



_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a