Desplegar partes del blog | Oloblogger Hace ya tiempo vimos una manera de ocultar un elemento de nuestra web, para que se mostrará sólo al pinchar en un enlace determinado. Era un...

23 de mayo de 2008

Desplegar partes del blog

Hace ya tiempo vimos una manera de ocultar un elemento de nuestra web, para que se mostrará sólo al pinchar en un enlace determinado. Era una forma de mostrar/ocultar cualquier cosa en cualquier parte. Lo que ocurre es que el "desplegado" se hacía de una forma brusca, no muy estética para algunos lectores que han solicitado una solución para hacerlo más agradable a la vista.

Para ello, tendremos que utilizar dos scripts muy conocido: scriptaculous y prototype. De momento un par de ejemplos para que sólo os molesteis en seguir leyendo si os parecen interesantes.



Primero hay que descargar el script y alojarlo donde acostumbremos a almacenar nuestros archivos. Como siempre, GooglePages es una buena opción (y barata). Pon prototype.js y los seis ficheros scriptaculous.js, builder.js, effects.js, dragdrop.js, controls.js y slider.js en el mismo directorio. (sound.js y unittest.js son opcionales). No nos hacen falta todos, pero ya que estamos y dado que esta librería se usa para muchas utilidades, no nos cuesta trabajo dejarlas preparadas.

Ahora hay que copiar este código justo antes del </head> de tu plantilla, lo que servirá para tener siempre disponibles los correspondientes scripts.

<script type="text/javascript" src="URLdelfichero prototype.js"></script>
<script type="text/javascript" src="URLdelfichero scriptaculous.js?load=effects"></script>

Hay que sustituir el texto en negrita por la dirección de alojamiento de cada uno de los ficheros. Si ya tienes instalado este script, evidentemente este paso lo tienes que saltar. Sólo hay que insertarlo una vez en la plantilla.

Actualización: Una opción más rápida y eficaz de instalar estos SCRIPTS es usando los APIs de Google. Para hacerlo así, sólo tienes que copiar este código justo antes del </head> de tu plantilla...



Y ahora cómo se utiliza...

Cada vez que quieras aplicarlo, copias este otro código dónde quereis que se muestre el enlace y el elemento que queremos desplegar:

<a href="#" onclick="Effect.toggle('IDENTIFICADORUNICO','blind'); return false">ENLACE</a>OTRAS COSAS
<div id="IDENTIFICADORUNICO" style="display: none;"><div>LO OCULTO</div></div>

  • Dónde pone ENLACE, poneis la/s palabra/s que servirá/n como tal para el desplegado (Ver/Ocultar, [+/-], etc.) Podeis sustituir el texto por una imagen poniendo <img src="URLimagen"/>.
  • Dónde pone OTRAS COSAS, podeis colocar cualquier elemento que SI se mostrará. Sirve para cuando hay otras cosas entre el enlace y la parte oculta. Si no es necesario poner nada, pues eso... no se pone nada.
  • LO OCULTO hay que sustituirlo por lo que querais esconder y pueden ser muchas cosas: una imagen, un artilugio, un vídeo,... cualquier cosa que pudierais poner sin esta utilidad.

Muy importe lo de IDENTIFICADOR UNICO. Vereis que aparece dos veces. Es un número una palabra o una combinación de letras y números, que identifican ese DIV oculto. Pues ambas tienen que ser iguales para que el intérprete reconozca a que parte del código se llama cuando se pulsa el ENLACE. Y además cada par de identificadores tiene que ser distinto de cualquier otro que utiliceis en otra ocasión. De no ser así, no funcionará bien.

Variantes:
  • BLIND se puede sustituir por APPEAR o SLIDE, consiguiendo unos efectos distintos.
  • si lo que quereis es que inicialmente el elemento esté visible y que al pinchar se pliegue, entonces hay que eliminar la expresión style="display: none;"
Muuuucha más información sobre scriptaculous en Vagabundia.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

72 comentarios :

  1. Este blog es genial. ¡Qué descubrimiento!

    ResponderEliminar
  2. Hola, Oloblogger, muy bueno tu blog, estoy de acuerdo con androide23. Por ej. ya puse en práctica lo de Tools-pingdom, re-ok.
    Ahora, lo que te quiero preguntar de este post: no entiendo la segunda parte: ¿dónde va el código? y ¿qué es el identificador único? Yo quisiera aplicar esto al archivo del blog y a las etiquetas, x ej.
    Salú2 y gracias.

    ResponderEliminar
  3. Me olvidaba, mi dire es
    http://elrincondeanahi.blogspot.com
    por si te querés dar una vuelta.
    Gracias.

    ResponderEliminar
  4. Anahi, este debe ser el artilugio donde es más complicado aplicar este truco, así que te lo explico entero.

    En primer lugar pincha en expandir artilugios y después busca el nombre del mismo. Normalmente "Archivo del blog". Encontrarás algo como:

    <b:widget id='BlogArchive1' locked='false' title='Archivo del blog'... que termina con un </b:widget> y verás que es un trozo largo de código.

    Bien, pues dentro de ese artilugio hay que buscar

    <b:includable id='main'>
    <a href='#' onclick='Effect.toggle(&quot;archivodelblog&quot;,&quot;blind&quot;); return false'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    </a><div align='center' id='archivodelblog' style='display: none;'>
    <div class='widget-content'>

    Lo resaltado en negrita es lo que tienes que insertar y te faltará además un </div> justo antes de </b:includable>

    por lo que el final del artilugio quedará:

    <b:if cond='data:style == &quot;MENU&quot;'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div>
    <b:include name='quickedit'/>
    </div>
    </div>
    </b:includable>
    </b:widget>

    SUERTE

    ResponderEliminar
  5. Mil gracias, Oloman, no sólo lo apliqué a "Archivos..." como me indicaste, también entendí el mecanismo y lo apliqué a otros artilugios y quedó bomba, como quería. Además el blog se acorta un poco (y hasta que me decida a sacar algunos que no sé bien para que los puse... ja, ja) Gracias otra vez.

    ResponderEliminar
  6. soy nuevo en esto y nesecito ayuda. probe lo el truco de desplegar parte del blog y me salta este error alguien me puede ayudar?

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente:

    Mensaje de error de XML: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

    no se que es lo que tengo que corregir.

    cualquier ayuda se las voy a agradecer

    ResponderEliminar
  7. Dejavu, eso tiene pinta de que te has comido algún caracter. Quizás al copiar y pegar LO OCULTO, pusiste algo de más o de menos.

    ResponderEliminar
  8. Perdona mi ignorancia, pero cuando dices OTRAS COSAS o LO OCULTO, ahí que se pone, ¿la dirección de esos elementos?

    Gracias

    ResponderEliminar
  9. No Van. Donde pone LO OCULTO es donde hay que meter todo el código correspondiente a aquello que quieres que inicialmente no se vea. Por ejemplo, si es una imagen, <img src="http://...etc. Si es texto, pues el texto.

    En el lugar de OTRAS COSAS, se ponen otros códigos u otras cosas que SI se van a ver de manera fija.

    ResponderEliminar
  10. ¿Cómo encuentro el código correspondiente a un elemento que tengo en sidebar del blog? Como es por ejemplo: un texto.
    Para poderlo poner así en LO OCULTO, y aplicar esto que explicas en esta entrada.

    Gracias de antemano

    ResponderEliminar
  11. Tito, tienes que entrar en Edición de HTML y pinchar en la casilla de desplegar artilugios.
    Luego, pulsas CTRL+F y en la barra de búsqueda, pones el texto que quieres localizar.

    Si es un elemento de la sidebar, intenta localizar el nombre del rótulo que lleve el artilugio.

    Si es un código, tendrás que conocer algún elemento que lleve y que no se repita mucho por toda la plantilla.

    ResponderEliminar
  12. Hola, en primer lugar agradecerte porque había decidido reabrir mis cuadernos y este efecto no lograba que me saliera. Tomé tu explicación para Anahí y excelente!

    Ahora, quisiera saber cómo colocarlo en el formulario de comentarios de Blogger. He visto que lo hacen con JQuery, pero no creo poder mezclar tantos scripts, o si no me equivoco con Prototype y Scriptaculus son incompatibles.
    Verdad?

    Quisiera dejarlos listos con eso y ya re-publicar el material de los blogs originales.

    Desde ya muchas gracias.
    Un saludo desde Argentina.

    (No están en mi perfil dado que estamos de preparativos)

    ResponderEliminar
  13. Desconozco como funciona el JQuery que comentas, Mar. De todas formas, hasta ahora, el formulario no se veía y sólo al pinchar en "Publicar un comentario..." salía la ventana emergente.

    Ahora además, puedes incorporarlo al final de las entradas desde la Configuración del Panel de Control.

    También tienes esta opción de Rosa si no te funciona lo anterior.

    ResponderEliminar
  14. Yo siempre usé el Haloscan como sistema de comentarios. Ahora para la reapertura puse el nuevo método.
    Lo configuré desde blogger borrador y funciona. Como utilizo una imagen de enlace para el "click" era que se me había ocurrido que "bajara" o se desplegara tal el efecto del archivo.

    No sabés todo lo que hice ayer dentro de una plantilla de pruebas!
    pero no hubo caso :(

    Bueno, gracias de todos modos

    ResponderEliminar
  15. Hola Oloman:
    He alojado los archivos de Scriptaculous en mi servidor SkyDrive y he copiado los archivos scriptaculous y prototype.js en la plantilla.He abierto un windget y copiado tu codigo con mis variaciones : n0 funciona.
    Esto es lo de menos que seguro que me puedes ayudar a solventarlo porque seguro que algo hice mal lo mas grave es que desde que instalé los archivos script en mi plantilla recibo un mensaje: " Desea detener la ejecucion de este script?. Un script en esta pagina está provocando que Internet Explorer se ejecute con lentitud.El equipo podria dejar de responder si el script se sigue ejecutando.
    Que puedo hacer??????
    Muchisimas gracias
    Por cierto

    ResponderEliminar
  16. Priamo, no puedo abrir tu página y dónde se queda colgada es precisamente intentando abrir un fichero de Skydrive. Elimina las líneas correspondientes a Scriptaculous y Prototype que pusiste y prueba a instalar esto otro que hasta ahora es lo más efectivo que he visto:

    <script src='http://www.google.com/jsapi'/><script>
    google.load(&quot;prototype&quot;, &quot;1.6.0.2&quot;);
    google.load(&quot;scriptaculous&quot;, &quot;1.8.1&quot;);
    </script>

    Luego haz una prueba con un elemento sencillo a ver si despliega.

    Saludos.

    ResponderEliminar
  17. Saludos, después de pelearme mucho con este tipo de truco me parece que casi lo tengo. Porque lo que buscaba era uno que cojiera la frase entera, no el tipico [+/-].
    El caso es que tengo un problema muy curioso y es que cuando le doy al título de mi widget, desaparece todo !!!.
    Por si me lo puedes mirar mi página es http://zzmidway.com lo probé con el widget de subscribir.
    Thx por tu tiempo y un saludo.

    ResponderEliminar
  18. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  19. He solventado lo de antes. Ahora mismo he conseguido que pulsando me lleve al principio de la página obviando lo oculto, toy posicionando el último div por varios sitios probando pero me sigue sin resultar.

    ResponderEliminar
  20. Solucionado, mismo problema que priamo. Me valio la solución que propones en tu ultimo post. sls y thx.

    ResponderEliminar
  21. Ok ZZMidway. Tú te lo guisaste, tú te lo comiste. Así se aprende.

    No hay como leer además del post, los comentarios relacionados. Los problemas y dudas de uno se pueden repetir en otro caso.

    Saludos

    ResponderEliminar
  22. Si la verdad es que a fuerza de pelearte con el código se aprende muchisimo y luego se pueden modificar muchos detalles a tu gusto.

    ResponderEliminar
  23. Mj dijo...

    ¡Lo conseguí!
    Siguiendo tus indicaciones me surgieron todos los problemas que se relatan en los anteriores comentarios. No me desanimé. Releí y volví a leer tus indicaciones y prové una y otra vez y,...¡Eureka!, he visto como se desplegaba mi lista de enlaces. Eso si, también me aparece el puntito (que no me molesta en absoluto) y para que se despliegue tengo que hacer doble clic so bre el título.
    ¡Gracias, gracias, gracias! ¡Un millón de gracias! Eres fantástico

    ResponderEliminar
  24. Lo del doble clic era impaciencia, ahora funciona perfectamente con un sólo clic.
    Gracias de nuevo

    ResponderEliminar
  25. Yo buscaba una receta para macerar ajos, ¿¿como llegue aqui??

    ;P

    ResponderEliminar
  26. Dime exactamente qué pusiste en tu buscador, que a mi también me gustaría saber como terminaste aquí :)

    ResponderEliminar
  27. Loco, muy bueno el blog? no, no es la palabra indicada... ES EXCELENTE! el diseño es lo mejor que vi! la verdad q es para envidiar jeje... q tengas suerte!

    ResponderEliminar
  28. Muchas gracias, sin tu ayuda no lo hubiera logrado.

    ResponderEliminar
  29. Hola de nuevo, Oloman, espero no molestarte demasiado con mis "chorradillas" y, sobre todo, que no te deprimas (ya sabes que es broma).

    Ayer estuve bastante entretenido con el scriptacolous y la verdad es que me lié un poco con la actualización que pones para instalarlo usando los APIs de Google.

    Primero no sabía si de todas maneras era preciso alojar los ficheros previamente en un servidor: ya he comprobado que no. En segundo lugar, cuando dices: "Para hacerlo así, sólo tienes que buscar copiar (¿?) este código justo antes del...", me quedé un poco pillao.

    No tiene demasiada importancia, pero a mi me parece que aquí se te ha colado algo ¿no?

    Ánimo, chaval, y no te deprimas, que estas haciendo una auténtica labor social. Y gracias, como siempre.

    Chao.

    ResponderEliminar
  30. Chacien, efectivamente hay una errata. Lo que hay que hacer es COPIAR el código antes del /HEAD. Y no, no hace falta instalar los SCRIPTS de todas maneras. El código de la actualización es precisamente una forma más fácil de hacerlo que sustituye al anterior sistema.

    ResponderEliminar
  31. Lo primero quiero darte la enhorabuena por este excelente blog donde todos aprendemos siempre algo nuevo.
    mi duda es la siguiente:tengo los posts resumidos de forma que cuando pinchas en "leer mas" se abre el post entero pero en una nueva ventana.¿como tendria que actuar para que cuando se pinche en leer mas se desplieguen cada post en la propia pagina donde esten colocados ?
    P.D:todavia no he instalado ningun archivo de Jquery.

    ResponderEliminar
  32. Aquí tienes una forma sencilla para hacerlo como quieres, aunque se trata de algo manual...

    Opción leer más...

    Como no sé qué tienes instalado actualmente (porque algo tienes aunque no sea JQuery), desconozco si tendrás que cambiar algo de lo que tengas.

    ResponderEliminar
  33. Gracias pero esta opcion que me enseñas es lo que tengo en mi blog,yo me referia a añadirle el efecto scriptaculous a mis posts resumidos de forma que se expandan solo pinchando en " leer mas " y que no se abra en una nueva ventana como esta ahora.
    gracias por tu ayuda Oloman.

    ResponderEliminar
  34. Vale, si ese es el sistema que tienes, lee este otro de Rosa a ver si te sirviera.

    Vuelve a ser manual...

    ResponderEliminar
  35. gracias voy a verlo pero si es manual puede ser una ardua tarea,gracias de nuevo por tu labor y ayuda.

    ResponderEliminar
  36. Oye Oloman no se que esta pasando entorno al script de scriptaculous que no se ven ciertas cosas como el gadget de seguidores en Firefox, ya te lo habia comentado antes...

    La onda es que ignoro si en realidad es esa la razón, lo que si se, es que al quitar el script se ven los seguidores de nuevo...

    Tambien usandolo para deslizar el gatget conteniendo los archivos, veo el efecto deslizante "torpe",...lento y con trabas, lo mismo ocurrio con el slideshow que saque del Escaparate de Rosa, ...de repente las imágenes como que "brincan" o parpadean antes del cambio de imágen, lo noto más en IE...

    En este último caso...sera el script de scriptaculous o el script de las imágenes rotativas y con respecto al deslizamiento del archivo hay una solución y lo de los seguidores desaparecidos...???

    aaahh! muchas preguntas lo sé, pero giran en torno al mismo embrollo...

    Qué me puedes decir...?

    Muchas Gracias y que tengas un excitante día!

    ResponderEliminar
  37. Hola Karla. ¿tú ves mi gadget de seguidores? ...pues eso. Ahí está pero hace ya varias semanas que no se ve y efectivamente, quitando Scriptaculous se recupera. Lo curioso es que fue de repente, lo que deja dos posibilidades: o han actualizado el gadget de Seguidores y ahora se pega de tortas con el script o ha sido el script el actualizado y ahora se pega con lo otro.

    Todavía más raro... en mi PC portátil no lo veo ni con IE ni con FF, pero sí con Chrome y Safari. Me voy al de sobremesa y se ve con todos los navegadores sin problemas.

    ¿Es el gadget, es el script, es el navegador, es la caché...? No tengo ni idea.

    Con respecto al efecto desplegado, ahí no he observado ningún problema.

    En cualquier caso, ya te anticipo que si tengo que elegir entre el gadget y el script, de momento me quedo con el último... y eso es lo que he hecho. Si descubro algo os lo comunicaré, aunque me parece difícil.

    ResponderEliminar
  38. Oloman,

    Si veo el gadget de los seguidores en tu blog, las mia es Laptop,y yo uso IE por default...

    aaah..., no te habia visto en Firefox "No aparecen los seguidores.."

    Con respecto a lo del gatget que se desliza lento...mmm, curioso...por ke yo si he visto ese efecto en el archivo en otros blogs...


    Bueno, no me comentaste sobre el slideshow que quiere descarrilarse en IE, por lo menos en mi compu asi sucede a veses...es un parpadeo que pudiera compararse a un tic nervioso...

    Nos vemos y si no nos escribemos...
    Salu2

    ResponderEliminar
  39. No te comenté nada del slide porque no lo conozco ¿Has probado a comentárselo a Rosa? Seguro que te atiende sin problemas.

    Con respecto a lo de los Seguidores... SEGUIREMOS investigando.

    ResponderEliminar
  40. Lo primero: El blog es alucinante...
    Lo segundo:
    Yo llevo bastante poco en este mundo html, pero se me ocurre si sería posible hacer este despliegue con los saltos de linea de blogger.
    Es evidente que si que se puede hacer metiendolo en el post en vez del salto (ya lo hecho y queda genial)
    Peeero se podria poner por defecto para cuando ponemos un salto de linea?? He intentado hacer algo pero claro, si el IDENTIFICADORUNICO tiene que ser distinto cada vez y encima ponerlo dos veces, la cosa se complica.
    He probado con un generador aleatorio de numeros, pero si encima tengo que poner ese mismo numero dos veces....uff! demasiado para mi!
    Me echa un poco para atrás el hecho de que a nadie se le haya ocurrido... =S
    Se te ocurre algo a ti?? El efecto queda genial, pero ponerlo cada vez provoca que lo "oculto" desaparezca del modo "redactar" de blogger...

    ResponderEliminar
  41. Bro, no entiendo muy bien la cosa. Parece que quieres que parte de un post se despliegue como con este script, pero que quieres meter el enlace en el ¿salto de línea?. Eso es lo que no entiendo ¿Quizás te refieras al "leer más"? En ese caso, será para que se vean desde la página principal del blog, porque llevar al post ya lo hace ¿no?

    ResponderEliminar
  42. Correcto, me gustaría que el "leer más" de la pagina principal haga que se despliegue la entrada (en la misma pagina principal).
    En una entrada es fácil poner el código y ya está, lo que veo complicado es hacer que se ponga "por defecto" en todas las entradas...

    ResponderEliminar
  43. Vale Bro. No he publicado nada sobre eso, pero quizás te sirva esta entrada de El Escaparate:
    http://elescaparatederosa.blogspot.com/2008/10/entradas-expandibles-en-la-pgina.html

    ResponderEliminar
  44. me dice que el enlace de GooglePages esta roto, que hago?

    ResponderEliminar
  45. Funciona de maravilla, pero también se puede hacer con jquery, lo digo para los que como yo, tienen un menú con jquery y esta librería lo fastidia.

    Pero funciona perfectamnete, eso sí.
    Felicidades por el blog, soy un fan tuyo de Bilbao.

    ResponderEliminar
  46. Gracias Oloman! creo que me puede servir!

    ResponderEliminar
  47. Raúl, hay una actualización en la entrada dónde se indica que mejor usar las API de Google. Sigue el link.

    Drawer 4 Everyone, me da a mí que sí. Creo que JQuery es bastante mejor que Prototype y Scriptaculous, pero me da pereza cambiar ahora un montón de cosas.
    Es agradable saber que estamos relativamente cerca. Un saludo fanático.

    Perfecto Bro. Casi siempre hay varias alternativas para hacer (casi) lo mismo.

    ResponderEliminar
  48. Ok Oloman si me funciona como tu dices para "cualquier parte del blog" pero si yo quiero hacerlo para un objeto en el post, entonces la pregunta viene aca, Que combinación de palabra o números pongo en el "IDENTIFICADORUNICO"?

    ResponderEliminar
  49. La que tú quieras. IDENTIFICADORUNICO es una manera de expresar que tiene que tener un identificativo. Por ejemplo "paco", "0989878", "eti12",... en fin, lo que quieras. Sólo hay que tener en cuenta que en las dos ocurrencias (enlace y DIV), tienes que poner el mismo para que funcione.

    Si en la misma página hay otro desplegable de estos, tendrás que usar un nuevo identificador para que el intérprete de código no se lie. Y así sucesivamente.

    ResponderEliminar
  50. lo que mas me gusto de esta entrada es lo facil que se puede cambiar el desplazamiento usando "Slide" "Blind" y "Appear"
    Oloblogger, El Mejor Recurso :D

    ResponderEliminar
  51. Hola Oloman me funciona todo a la perfeccion con firefox, pero con internet explorer 8 no se que pasa que no va, que puede ser?
    Salu2.

    ResponderEliminar
  52. Jujocote no tengo ni idea porque acabo de probar esta misma página con IE8 y sí funciona. Prueba a cargar esta página desde ese navegador. Si te funciona, el problema es que no pusiste bien alguna parte del código. Si no te funciona, entonces debe ser la configuración de tu ordenador. Sin verlo me resulta imposible dar otras opciones.

    ResponderEliminar
  53. Hola Oloman

    Una pregunta, quize poner una imagen en donde mencionas: Podeis sustituir el texto por una imagen poniendo img src="URLimagen"/.
    con sus respectivos <>
    Pero sigue saliendo texto, alguna sugerencia?

    Tambien he puesto estos sliders en varias partes del blog, lo alentan o es igual que si tuviera solo uno?
    mi blog es wii4everybody.com

    saludos gente!

    ResponderEliminar
  54. Disculpa no habia leido una respuesta a Van, voy a intentar eso con a imagen...

    saludos gente!

    ResponderEliminar
  55. (ya funciona la imagen en vez de dar clic a texto)
    No se que hice que ya no hace el Slide, incluso los demas que ni siquiera Edite ya no hacen el efecto slide...

    Estoy usando el codigo API de Google que publicaste aqui, e incluso lo cambie por uno propio que guarde en google code pero nada de slide :(
    help!
    mi blog es el que puse en mi primer comentario.

    saludos gente!

    ResponderEliminar
  56. Pues en un principio yo desde aquí no veo ningún contenido dentro del <div id="menuwii4"... Ozl. No sé que quieres desplegar, pero lo que deba estar inicialmente oculto tiene que ir en tu caso dentro de ese DIV.

    Lo demás parece correcto.

    ResponderEliminar
  57. @oloman, fijate que tienes razon, cuando empeze a moverle ahi desaparecio una vez, pero no le tome importancia (pense que fue error de blogger al cargar)despues le puse el codigo de nuevo pero segun yo lo deje bien... voy a revisarlo mejor, gracias por responder!
    xD

    ResponderEliminar
  58. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  59. @oloman
    Ya se cual es el problema del Slider en mi blog, era esto que puse ese dia que lo edite: http://www.bloggertipandtrick.net/2010/04/featured-auto-content-slider-to-blogger.html

    solo quite la parte del HTML y ya funciona, espero puedas ayudarme a ver si es posible mantener los dos scripts. (el de este post y el del vinculo)

    Saludos gente! xD

    ResponderEliminar
  60. Ozl ese truco que me enlazas funciona con jQuery y resulta que esa librería y la que usa este otro truco (scriptaculous) son incompatibles. No puedes usar las dos simultáneamente.
    Yo uso esta última, pero creo que actualmente es mejor optar por jQuery, ya que se publican muchas más cosas sobre ella.

    ResponderEliminar
  61. Entiendo, voy a buscar entonces algo similar al scriptaculous pero con Jquery, pues me gusta eso de abrir y cerrar (slide) el contenido xD Al igual que el de Solapas que mencionas en otro post de tu blog.

    Saludos y Felices Fiestas!

    ResponderEliminar
  62. Hola Oloman

    Disculpa la molestia de nuevo, encontre este codigo para usarlo con el jQuery desde el google API. Pero no puedo poner mas de Uno porque los dos se traban, y no se como o que identificador cambiar... me imagino que es similar al tuyo.
    codigo:


    (script empieza)
    $(document).ready(function(){
    $('#butShowHide').click(function()
    {
    $('#pShowHide').toggle();
    });
    });

    (script cierra)
    (div id="pShowHide" style="display: block;">

    Contenido AQUI
    (div cierra)

    button id="butShowHide">Show/Hide (cierra button>
    Gracias por todo!!

    Saludos!

    Ozl

    ResponderEliminar
  63. No estoy muy familiarizado con jQuery Ozl, pero supongo que como el ID es pShowHide y butShowHide, esas dos serán las palabras con la que tendrás que identificar respectivamente el contenido a desplegar y el botón para hacerlo. Para cada bloque distinto, tendrás que repetir todo ese código pero con otros dos pares de palabras distintas.

    ResponderEliminar
  64. Gracias, igual ahi estare moviendole y leyendo para aprender bien, Saludos Oloman! xD

    ResponderEliminar
  65. quiero un gadget como lo tiene Rosa (la del escaparate:)) en donde dice Más Botones, porfavor pásane el código!

    ResponderEliminar
  66. El código es el mismo que se explica aquí Facundo. Dónde pone "lo oculto" es dónde irían los botones.

    ResponderEliminar
  67. Esto me va a venir de lujo para esconder los juegos ya que todos tienen música y no pueden sonar a la vez..

    ResponderEliminar
  68. Paulina, oculto no es sinónimo de ausente. Aunque estén ocultos, están ahí y yo creo que se oirán igual.

    ResponderEliminar
  69. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  70. Te contesto en http://www.oloblogger.com/2008/10/aligerar-la-sidebar.html

    No me vayas duplicando comentarios ;)

    ResponderEliminar
  71. jeje... entendido, ya lo he visto en mi correo ;)
    Primero me pasé por aquí y después de comentar llegué a "aligerar la sidebar" y pegué por no escribir de nuevo... I'm sorry, my friend!!
    Si eso te contesto allí, por cierto, aquí tampoco chuta el responder.
    Gracias mil.

    ResponderEliminar
  72. No chuta porque metí en esta entrada scriptaculous para la demo.

    ResponderEliminar