JMiur [E]

Una ventana modal no es otra cosa que un contenedor HTML como cualquier otro que tiene una característica básica, permanecer oculta hasta que se hace click en algún botón. En principio, nada en particular y podrían diseñarse cientos de modelos gráficos pero digamos que lo más usual es que al abrirse, la pantalla se oscurece y sobre la página se muestra un elemento con cierto contenido que luego, podemos cerrar.

22 comentarios:

Paula  

Jorge, tu manera de transmitir conocimiento es tan didáctica, que el placer de aprender contigo es inmenso. Como suele decirse, me saco el sombrero... :D

Responder
el Zambullista  

Hola, JMiur, vuelvo a molestarte. En un blog de galerías de imágenes venía usando sin problemas Image Thumbnail Viewer II, un script de Dynamic Drive, hasta hoy. El problema no creo que sea atribuible a la galería, sino a alguna automatización nueva (e intrusiva, para mi gusto) de Blogger (ponele). El asunto es que desde hoy, cuando hago click en una miniatura de cualquier galería, se abre una ventana modal con la foto arriba y al pie todas las miniaturas de la galería (convertidas en cuadradas), con el link de la foto activa a la izquierda, precedido por un texto en español ("Imagen de..."; de ahí que no sospeche de la angloparlante Dynamic Drive). ¿Hay algún modo de evitar o anular esa ventana modal no deseada e impuesta, que estropea a la fuerza las decisiones estéticas que uno pueda haber tomado?
Gracias, y perdón por lo palabrero del comentario.

Responder
Yhonny E.  

Buenas Sr JMiur. Se este no es el post indicado para mi consulta, pero quisiera me ayudara porfavor, sere breve. Me gustaria añadir widgets debajo de los post y encima, asi tambien en la barra lateral y debajo del encabezado en mi blog, eso sin restablecer los artilugios en la plantilla diseño, no quiero que pierda los efectos, como las imagenes de las barras ni las fuentes. Gracias por su atencion. Un abrazo.

Mi blog es identico a este http://www.aulamusical.blogspot.com/ solo que lo tengo en privado por ahora

Responder
el Zambullista  

Hola de nuevo. Por lo que pude averiguar, el problema de las imágenes de un post mostradas a la fuerza en una ventana modal está relacionado con un link de Blogger a una hoja de estilo de Lightbox que se inserta en el código fuente, lo quieras o no: http://www.blogger.com/static/v1/widgets/3353720152-widget_css_lightbox_bundle.css

Ay, Blogger, Blogger...

Responder
Manuel Alberto  

Como siempre JMiur, haciendo sencillas las cosas complejas, :)
Saludos.

Responder
VerónicaAM  

hola, disculpa se que esta pregunta no tiene nada que ver con el post (quizas) pero...

Vos no sabrias decirme como hacer posible el efecto de esta plantilla?

http://btemplates.com/2010/blogger-template-tequilas-flamejantes/

osea mostrar los posts solo con una imagen y el titulo o parecido.


desde ya muchas gracias ^^ que tengas lindo dia :)

Responder
el Zambullista  

En el Foro de Ayuda de Blogger, Vku, que no es de Blogger, escribió un script para solucionar transitoriamente el problema de las imágenes que abren en una ventana modal porque a Blogger así le pintó. Vku advierte que su script puede funcionar dependiendo "de las imágenes que tengan". A mí me funcionó.

Responder
Karla Castañeda  

JMiur, ya vistes que Blogger ha habilitado una ventana modal para mostrar las imágenes de las entradas, increíble!, lo voy descubriendo en mi blog, de forma accidental al hacer click sobre una imagen, que cool!!

Sabes que por un momento pensé que se había instalado algo tipo cooliris, entre tantas cosas que bajo, pero el código fuente no miente y el asunto viene desde Blogger...

ah!! ...super...!!!

Responder
JMiur  

Gracias, Paula :D

Yhonny E
¿Y que inconveniente tienes?

Gracias, Manfenix :D

Curu-Curu:
N sé a cuál efecto te refieres.

el Zambullista:
Ese tipo de scripts no funcionará. No es algo que afecte sólo a imágenes colocadas con URL de tipo s1600; afecta a todas (yo no uso jamás ese tipo de URL y acá se ve el COSO de Blogger.

Tampoco importa se están alojadas en Blogger o en otros servidores y sean enlaces o no lo sean.

Es un script que agrega Blogger y por ahora, no parece haber opciones para quitarlo; es parte del sistema en si mismo aunque no está agregado a todos los blogs. Se lo ve en el código fuente:

_WidgetManager._RegisterWidget('_BlogView', .............'lightboxEnabled': true, 'lightboxModuleUrl': 'http://www.blogger.com/static/v1/jsbin/XXXXXXXXXX-lbx_es.js'}, 'displayModeFull'));

Karla:
Sí, lo vi. Lamento no compartir el entusiasmo. Simplemente, destruye parte de este blog, impide que funcionen cosas.
O Blogger informa lo que ha hecho y da la opción de deshabilitar esa función o habrá que pensar seriamente en irse.

El código que genera ese COSO es de terror y el script está lleno de funciones para etiquetas las imágenes, enviarlas a Google Plus y cosas por el estilo que no parecen estar funcionando. También parece incluir visor para videos.

Yo: LO ODIO.

Responder
Karla Castañeda  

Jeje, bueno, siento mucho que te esté causando problemas, puede sacarte de onda cuando pasa algo sin que se te avise y sin opción a elegir, pero, creo que la mayoría lo recibirá con agrado. Posiblemente hagan cambios al respecto :).

Parece que todavía no han dicho nada, about that..., en su blog, pero tal vez en eso anden jaja..., por mi parte yo voy a cambiar las imágenes que subí desde Windows Live Writter, ya que con esas parece que hay problemas...

Salu2!

Responder
Yhonny E.  

Hola, gracias por la respuesta, bueno mi problema es el siguiente, cuando voy a diseño me presenta la pestaña PLANTILLA, entonces no puedo añadir widgets en la pagina diseño como antes, entonces no puedo agregar nada ni en la barra ni debajo o encima de los post, solo me dice plantilla y tengo que editar el codigo de ella, pero no me sale como antes, con la pestaña diseño agregar widgets. Y cuando lo arreglo para que salgan otra vez, pues pierde el diseño clasico, pierde las imagenes de la abrra lateral, pierde el efecto clasico de los titulos de entrada, y eso es lo que no quiero perder, con el beneficio que tambien pueda agregarle widgets sin perder el formato original de la plantilla clasica. Gracias por su atencion

Responder
JMiur  

Qué ves cuando entras a tu cuenta no es algo sobre lo cual pueda guiarte. Si los widgets no son editables, puedes fijarte en el código y verificar que no estén bloqueados. Si lo están dirán algo así:

<b:widget id='xxxxxxx' locked='true' title='xxxxxxxx' type='xxxxxxxx'/>

en cuyo caso, basta que elimines el atributo locked='true'
o lo reemplaces por locked='false'

busca toda referencia a locked='true' y cámbiala.

Responder
EL CONDE  

hola Jmiur... q buena explicacion (exelente, como siempre), pero de casualidad sabes como ponerle fotorafias desde picasa y botones de navegabilidad? gracias... seria de mucha ayuda, si no es mucha molestia...

Responder
JMiur  

En las entradas que siguen a esta serie se muestra cómo usarlo para mostrar imágenes que, en lso demos, están en Blogger o sea, en Picasa.

En cuanto a agregar botones, para eso, debes construir un script específico que controle la galería de imágenes, probablemente usando arrays o algún otro método.

Responder
Anónimo  

Te digo la verdad? no entendi nada de nada, osea no se que poner de todos los codigos que mostraste, decime que agrego a la plantilla y que pongo en un gadget para mostrar un video de YouTube con un click en una imagen. Saludos!

Responder
JMiur  

Acá no hay nada que copiar y pegar. Si quieres una ventana modal que haga eso, hay cientos de ellas en la web.

Si quieres aprender cómo funciona y cómo crear una, deberás seguir leyendo las siguentes tres entradas y luego, practicar, probar y ver.

Responder
Iván  

Hola JMiur, soy yo de nuevo, siemore que tengo alguna duda me dirijo a tu blog, siempre me ayudaste y espero no causarte problemas, necesito por favor que me digas como puedo hacer una ventana como esta, junto con las imagenes dentro, si puedes verlo te paso el link:

http://shippuden.tv/naruto-shippuden-248-y-249-sub-espanol.html

Debajo del video dice "descargar capitulo", quiero la ventana que se abre cuando le clickeas y luego de esperar unos segundos aparece otra con imagenes para descargar, reportar, etc...

Si me puedes ayudar con esto estaria muy agradecido, es para mi web.

Gracias por todo JMiur, saludos desde acá.

Responder
JMiur  

Usando una ventana modal. En el caso de ese ejemplo, es algo creado con la libreria jQuery y que probablemente, es parte del tema de WordPrss que utiliza el sitio.

Responder
Conocedor de la vida  

Hola

¿Eso de la ventana modal es como usted tiene la sección de contacto de este blog?

JMiur  

Si. Eso es una ventana modal. Hay muchas variantes de ese tipo de ventanas. Depende del uso que se le quiera dar.

Conocedor de la vida  

Pues que bien, siempre había querido algo así para mi blog se ve mas profesional.

Voy a leer todo su blog seguro me llevare bastante conocimiento y lo pondré en practica.

Le agradezco mucho.

Responder
Alejo Arias  

Gracias, buena explicación.
Me causa gracia lo de los botoncitos de las ventanas que no aparecían sino arriba.

Saludos.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR