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.
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:
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:
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>
<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>
<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;"
¿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.
Y muchos más artículos interesantes si nos sigues en...
Este blog es genial. ¡Qué descubrimiento!
ResponderEliminarHola, Oloblogger, muy bueno tu blog, estoy de acuerdo con androide23. Por ej. ya puse en práctica lo de Tools-pingdom, re-ok.
ResponderEliminarAhora, 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.
Me olvidaba, mi dire es
ResponderEliminarhttp://elrincondeanahi.blogspot.com
por si te querés dar una vuelta.
Gracias.
Anahi, este debe ser el artilugio donde es más complicado aplicar este truco, así que te lo explico entero.
ResponderEliminarEn 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("archivodelblog","blind"); 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 == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
SUERTE
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.
ResponderEliminarsoy nuevo en esto y nesecito ayuda. probe lo el truco de desplegar parte del blog y me salta este error alguien me puede ayudar?
ResponderEliminarNo 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
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.
ResponderEliminarPerdona mi ignorancia, pero cuando dices OTRAS COSAS o LO OCULTO, ahí que se pone, ¿la dirección de esos elementos?
ResponderEliminarGracias
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.
ResponderEliminarEn el lugar de OTRAS COSAS, se ponen otros códigos u otras cosas que SI se van a ver de manera fija.
¿Cómo encuentro el código correspondiente a un elemento que tengo en sidebar del blog? Como es por ejemplo: un texto.
ResponderEliminarPara poderlo poner así en LO OCULTO, y aplicar esto que explicas en esta entrada.
Gracias de antemano
Tito, tienes que entrar en Edición de HTML y pinchar en la casilla de desplegar artilugios.
ResponderEliminarLuego, 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.
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!
ResponderEliminarAhora, 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)
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.
ResponderEliminarAhora 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.
Yo siempre usé el Haloscan como sistema de comentarios. Ahora para la reapertura puse el nuevo método.
ResponderEliminarLo 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
Hola Oloman:
ResponderEliminarHe 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
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:
ResponderEliminar<script src='http://www.google.com/jsapi'/><script>
google.load("prototype", "1.6.0.2");
google.load("scriptaculous", "1.8.1");
</script>
Luego haz una prueba con un elemento sencillo a ver si despliega.
Saludos.
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 [+/-].
ResponderEliminarEl 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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarHe 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.
ResponderEliminarSolucionado, mismo problema que priamo. Me valio la solución que propones en tu ultimo post. sls y thx.
ResponderEliminarOk ZZMidway. Tú te lo guisaste, tú te lo comiste. Así se aprende.
ResponderEliminarNo hay como leer además del post, los comentarios relacionados. Los problemas y dudas de uno se pueden repetir en otro caso.
Saludos
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.
ResponderEliminarMj dijo...
ResponderEliminar¡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
Lo del doble clic era impaciencia, ahora funciona perfectamente con un sólo clic.
ResponderEliminarGracias de nuevo
Yo buscaba una receta para macerar ajos, ¿¿como llegue aqui??
ResponderEliminar;P
Dime exactamente qué pusiste en tu buscador, que a mi también me gustaría saber como terminaste aquí :)
ResponderEliminarLoco, 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!
ResponderEliminarMuchas gracias, sin tu ayuda no lo hubiera logrado.
ResponderEliminarHola de nuevo, Oloman, espero no molestarte demasiado con mis "chorradillas" y, sobre todo, que no te deprimas (ya sabes que es broma).
ResponderEliminarAyer 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.
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.
ResponderEliminarLo primero quiero darte la enhorabuena por este excelente blog donde todos aprendemos siempre algo nuevo.
ResponderEliminarmi 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.
Aquí tienes una forma sencilla para hacerlo como quieres, aunque se trata de algo manual...
ResponderEliminarOpció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.
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.
ResponderEliminargracias por tu ayuda Oloman.
Vale, si ese es el sistema que tienes, lee este otro de Rosa a ver si te sirviera.
ResponderEliminarVuelve a ser manual...
gracias voy a verlo pero si es manual puede ser una ardua tarea,gracias de nuevo por tu labor y ayuda.
ResponderEliminarOye 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...
ResponderEliminarLa 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!
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.
ResponderEliminarTodaví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.
Oloman,
ResponderEliminarSi 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
No te comenté nada del slide porque no lo conozco ¿Has probado a comentárselo a Rosa? Seguro que te atiende sin problemas.
ResponderEliminarCon respecto a lo de los Seguidores... SEGUIREMOS investigando.
Lo primero: El blog es alucinante...
ResponderEliminarLo 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...
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?
ResponderEliminarCorrecto, me gustaría que el "leer más" de la pagina principal haga que se despliegue la entrada (en la misma pagina principal).
ResponderEliminarEn 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...
Vale Bro. No he publicado nada sobre eso, pero quizás te sirva esta entrada de El Escaparate:
ResponderEliminarhttp://elescaparatederosa.blogspot.com/2008/10/entradas-expandibles-en-la-pgina.html
me dice que el enlace de GooglePages esta roto, que hago?
ResponderEliminarFunciona 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.
ResponderEliminarPero funciona perfectamnete, eso sí.
Felicidades por el blog, soy un fan tuyo de Bilbao.
Gracias Oloman! creo que me puede servir!
ResponderEliminarRaúl, hay una actualización en la entrada dónde se indica que mejor usar las API de Google. Sigue el link.
ResponderEliminarDrawer 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.
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"?
ResponderEliminarLa 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.
ResponderEliminarSi 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.
lo que mas me gusto de esta entrada es lo facil que se puede cambiar el desplazamiento usando "Slide" "Blind" y "Appear"
ResponderEliminarOloblogger, El Mejor Recurso :D
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?
ResponderEliminarSalu2.
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.
ResponderEliminarHola Oloman
ResponderEliminarUna 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!
Disculpa no habia leido una respuesta a Van, voy a intentar eso con a imagen...
ResponderEliminarsaludos gente!
(ya funciona la imagen en vez de dar clic a texto)
ResponderEliminarNo 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!
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.
ResponderEliminarLo demás parece correcto.
@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!
ResponderEliminarxD
Este comentario ha sido eliminado por el autor.
ResponderEliminar@oloman
ResponderEliminarYa 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
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.
ResponderEliminarYo uso esta última, pero creo que actualmente es mejor optar por jQuery, ya que se publican muchas más cosas sobre ella.
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.
ResponderEliminarSaludos y Felices Fiestas!
Hola Oloman
ResponderEliminarDisculpa 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
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.
ResponderEliminarGracias, igual ahi estare moviendole y leyendo para aprender bien, Saludos Oloman! xD
ResponderEliminarquiero un gadget como lo tiene Rosa (la del escaparate:)) en donde dice Más Botones, porfavor pásane el código!
ResponderEliminarEl código es el mismo que se explica aquí Facundo. Dónde pone "lo oculto" es dónde irían los botones.
ResponderEliminarEsto me va a venir de lujo para esconder los juegos ya que todos tienen música y no pueden sonar a la vez..
ResponderEliminarPaulina, oculto no es sinónimo de ausente. Aunque estén ocultos, están ahí y yo creo que se oirán igual.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarTe contesto en http://www.oloblogger.com/2008/10/aligerar-la-sidebar.html
ResponderEliminarNo me vayas duplicando comentarios ;)
jeje... entendido, ya lo he visto en mi correo ;)
ResponderEliminarPrimero 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.
No chuta porque metí en esta entrada scriptaculous para la demo.
ResponderEliminar