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.

38 comentarios:

Homo Inquietus  

Interesante, lo de crear una ventana modal, propia. He seguido las entradas y con esta última más o menos, lo tengo claro. Ahora solo queda probar y probar ..... bueno y tiempo para poner en práctica, todo lo expuesto en tus entradas. Pero sé con certeza que sí necesito ayuda, puedo recurrir a ti.

Responder
Beben Koben  

i think fixed on CSS more bautiful :D

Responder
JMiur  

Homo Inquietus:
Sólo es cuestión de probar y ver que sale :D

Beben Koben:
Beauty is not a technical matter. It is a subjective definition and can not be discussed.

Responder
Tapestryworkerman  

Hola JMiur.
Otra vez encandilado con el vídeo musical...
Ok my friend!! ;)
Un saludo.

Responder
deathdan93  

Es estupendo crearse una ventana modal propia, al fin y al cabo, a mi me basta con una simple para imágenes y vídeos de Youtube. Pero, ¿Cómo se podría hacer para que te siga hacia arriba y hacia abajo cuando está abierta como lightwindow? ¿Sería muy complicado?

Responder
JMiur  

Es un vicio, Tapestryworkerman :D

Responder
Ronymaru  

No entendí mucho, pero me divertí escudriñando las ventanas modales. Y me parece que mi problema se resolvió por si solo.

Responder
Beben Koben  

just share
http://simplemodal.plasm.it
hehehe ;)

Responder
JMiur  

Ronymaru:
Para eso debes usar position fixed en luagr de position absolute y calcular la altura de top en función de la altura de la ventana del navegador en lugar de calcularla en función de la altura de la página.

Beben Koben:
It's a plugin for MooTools.

Responder
FG  

hola...no estoy entendiendo....puse todo como corresponde y me sale algo asi
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: Element type "el.length" must be followed by either attribute specifications, ">" or "/>".
Error 500

Responder
JMiur  

SI la etiqueta SCRIPT incluye CDATA tal como muetra el post, no debe haber ningún mensaje de error de ese tipo.

Responder
astro2k  

Y porque el puñetero IE8 me saca típica la barrita amarilla diciendome que se intenta ejecutar un script y que si estoy de acuerdo y demás chorradas.

Cuando pincho en esta web en cualquier ejemplo, me sale sin problema, pero cuando ejecuto la que yo he "hecho" en mi ordenador me sale la advertencia de los coj...

¿No hay manera de evitarlo?

Responder
JMiur  

Depende de como lo hayas configurado; revisa las restricciones que tienes agregadas.

Responder
mamadealess  

Hola !!!!...debo confesar que esto me requete supera!!...
estoy queriendo agregar las definiciones a algunas palabras dentro de un texto y se me ocurrio que esto de las ventanas modales podria servir...pero el problema es que no entiendo mucho de esto !!..Alguna sugerencia???...
Será muy bienvenida!!!

Responder
JMiur  

Tendrías que usar alguna ventana modal ya prediseñada.

Responder
mamadealess  

Gracias !!!!.Estuve viendo aqui mismo el ibox..pero se me ocurre que con el tiempo algunos artilugios no se pueden usar (el post es del 2008) por lo que no quise usarlo...Ese estaria bien?...o hay otra manera de poner esa definicion con otra cosa que no sea una ventana modal?

Mil gracias!!!!

Responder
JMiur  

Cualquiera funcionará. La ventana modal de ibox es de las más sencillas.

Responder
mamadealess  

Mil Gracias!!!!!

Responder
mamadealess  

FUNCIONÓ!!..Gracias!!!!....
No sé si hice bien en guardar todo en la misma plantilla....quise alojarlos en google sites pero es inentendible para mí (la ayuda no es tan eficiente que digamos)..salvo que me haya equivocado y google sites no es para eso...
La cuestion es que quedó de rechupete!!!..le voy a poner un borde punteado y listo!!!
Mil gracias!!!!

Responder
JMiur  

No hay ningún problema en guardarlo en la plantilla. A mi juicio, en el caso de Blogger es mejor.

Responder
mamadealess  

Uf..Menos mal!!!!...Muy agradecida!!!

Responder
Ros  

Como puedo lograr que el contenido sea un texto dinamico o no, que vaya ubicado en div id="MVM-contenido">texto</div

JMiur  

¿Y cuál seria ese contenido? ¿de donde sale?

Ros  

El texto lo pondria yo o lo tomaria desde otro lugar mediante php.. pregunto esto porque al querer poner un texto dentro del div contenido me di cuenta que el script solo tomaba imagenes.

JMiur  

Poner sólo un texto sería distinto, debería cambiarse (simplificar) el script.

Ros  

como podria hacerla dado que intente meter getelementbyid pero obviamente no me funciono dado que soy un newbie en esto del js

JMiur  

Como no sé que es lo que estás haciendo, no puedo decirte mucho más. Debería ver tu ejemplo para entender de qué se trata.

Responder
Angel Rosales  

Hola amigo muy bueno tu aport.

Me gustaria saber como le hago para que en vez de la imagen que tu le cargaas o el string de la imagen que le envias, incluya un archivo.php

JMiur  

¿Un archivo PHP que haga qué cosa?

Responder
Alex Moñino  

Buenas,

Haces un trabajo espectacular felicidades!!!
Puede ser que en Chrome no me funcione adecuadamente?
Lo digo porque he realizado todo de pe a pa y en ie y firefox funciona, pero en chrome no.
Alguna idea??

JMiur  

Imposible responderte porque no sé cuál es tu ejemplo y el que se muestra en esta entrada, funciona perfectament en Chrome

Responder
Alex Moñino  

Perfecto ja funciona en chrome, era un tema del charset

Responder
Alex Moñino  

Una pregunta, seria posible en lugar de enseñar una imagen , redirigir a una pantalla de registro o similar?

Muchas gracias!!!

JMiur  

Sí, claro. el contenido puede ser cualquier cosa que agregues; basta crear el código respectivo.

Responder
Unknown  

como seria el codigo para q habra una pagina ya sea html o php, por que intente con varias cuestiones pero no logro conseguir

con window.open me traer el resultado deseado pero no dentro de la ventan modal

JMiur  

Una página externa se debe abrir utilizando una etqueta IFRAME.

Responder
JH MAGNO  

En dónde se pone esa etiqueta IFRAME? Ayuda pliz

JMiur  

Donde quieras que se muestre ese contenido.

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