unijimpe

Excelente… gracias por hacernos la vida mas fácil a los bloggers.

SalU2 desde Monterrey, México

@

excelente blog unijimpe, pero me gustaria saber como se introduce y en que fichero php de la plantilla y si es php no tiene cabecera , con lo cual como, en la pagina del script habla de introducir en la cabecera sin mas. Me lo podriás comentar…usando WP, gracias

Si te interesa usar ThickBox en WordPress puedes usar el plugin que desarrolle para adjuntar automaticamente ThickBox en WordPress, este plugin lo puedes descargar en: http://unijimpe.pandela.net/?p=78

hola el ejemplo es muy bueno, intente probarlo, descarge todos los archivos pero no funciona sale un error en mi IE que dice [object error] , cual serie el error, gracias

hola

igual que a sandro
no funciona error [object error]

Me pasa lo mismo, descargo los archivos, hace el efecto de oscurecer la pantalla, pero me sale una ventana que pone [object error].Si puedieras decirme cual es el error que he cometido te lo agradeceria mucho.

Uno de los problemas de Thickbox es que es incompatible con otras librerias y por ello devuelve error, generalmente esto se resuelve con código adicional, puedes encontrar ayuda detallada en los foros de thickbox http://codylindley.com/thickboxforum/

Hola amigo, tu problemas. pero me fije como lo activas tu desde el blog y me funciono de MARAVILLA esta fue la sintaxis:

ESTA ES LA CLAVE A PUBLICAR. FALTO LO DE LA “var”

var imgLoader = “loader.gif”;

asi funcino de maravilla.
IGUAL DOY LAS GRACIAS. EXITO Y MUY BUENO TU BLOG. MUY FUNCIONAL.

Hola amigo, tu problemas. pero me fije como lo activas tu desde el blog y me funciono de MARAVILLA esta fue la sintaxis:

1.
4.
5.

ESTA ES LA CLAVE A PUBLICAR. FALTO LO DE LA “var”
6.
var imgLoader = “loader.gif”;
7.

asi funcino de maravilla.
IGUAL DOY LAS GRACIAS. EXITO Y MUY BUENO TU BLOG. MUY FUNCIONAL.

Exelente herramienta,

No queria bajarla sin agradecer.

Hola he bajado la libreria y me da el siguiente error:
ReferenceError:imageloader is not defined
Que pudiera estar pasando??

Excelente herramienta, seguir así.

* Damian a mi me pasaba igual. con modificar el fichero thickbox.js:

- Debajo de

//on page load call TB_init
$(document).ready(TB_init);

- Pones:

var imgLoader = “loader.gif”;

Un saludo y gracias

Tengo una inquietud ese mismo se puede usar para un formulario eh estado intentandolo pero no he podido dar con el chiste, si me pueden ayudar gracias.

Otro saludo para ti..
Ya resolvi ese problema.!pero ahora tengo otro..resulta que al cargar las cosas no se me muestran en una ventana sino que se me abre una nueva pagina!!
Inclui bien todos los .js.
A que se debe esto

Hola, tenia el mismo problema en el Archivo thickbox.js.

Despues de adicionar
var imgLoader = “loader.gif”;
funciono perfecto.

Esta muy bueno.
Saludos que buen aporte

Tengo una pregunta,

de esta forma yo puedo pasar parametos de una ventana a la otra?

Lo que pasa es que necesito abrir otra ventana para seleccionar algo y tomar esa información en la ventana inicial.

Gracias.

carlos, lo has podido solucionar, estoy igual

Para pasar variables de una ventana flotantes a la ventana inicial puedes utilizar la palabra clave parent que hace referencia a la página inicial, por ejemplo para asignar un valor a una variable snombre desde la ventana flotantes sería de la forma:

parent.snombre = “jim”;

Ahora si tenemos un campo de texto llamado nombre, podemos asignar un valor de la forma:

parent.document.getElementById(“nombre”).value = “jim”;

Mas información en los foros de ThickBox

Me pasaba que al agregar var imgLoader = “loader.gif”; se abria en otra pagina, lo cambie por imgLoader = ‘loader.gif’; y todo resulto de maravilla, lo que hacen una simples comillas!

Hola excelente articulo, me sacaron de un gran lio!. Mil gracias, al principio no me funciono pero coloque imgLoader = ‘loader.gif’; como dice vjdv y funciono perfectamente. de nuevo gracias por colaborar con nosotros los desarrolladores.

la Ventana si se habre pero lo hace abajo de la paguina principal. Como podria solucionar este problema.

Gracias, enserio por la ayuda

Como hago para llamar al ThickBox desde flash?, busque en todos lados pero no encuentro una solucion para este problema. Lo tengo que hacer con una funcion window.open que tenga las propiedades?, como seria la funcion?!

Excelente, realmente es lo que andaba buscando

Excelente articulo y buena forma de explicar.

Saludos desde Piedecuesta-Colombia

Antes que nada, muy buena herramienta, funciona muy padre!

Sin embargo me he topado con un pequeño problema. Al abrir la ventana, quiero pasarle informacion por el metodo “GET”, pero al parecer no funciona, alguien sabe por que??

Hola, estoy usando esta utilidad que me parece muy interesante y fácil de usar. Pero tengo un problema. Para tener mas control sobre ThickBox uso las funciones TB_show y TB_remove. Pero aparece el error:
“TB_WIDTH is not defined”.
He estado mirando el código y no consigo arreglarlo. Estoy probándolo con firefox. ¿A qué puede ser debido?

Muchas gracias, espero vuestra ayuda.

Buenas, gracia primero que nada.

Estoy intentando montar el thickbox para abrir un popup que realizara una busqueda. El problema esta en de quiero pasar una variable al hijo y depues que devuelva al padre.

Si lo envio asi no llega la variable:

href=”http://www.google.com?TB_iframe=true&height=420&width=600&nuevavariable=166″

nuevavariable no muestra nada cuando llega a la hija.

Alguna propuesta?

hola, muchas gracias por la data.
una consulta: ¿como hago para que la imagen, cuando maximiza en la ventana de thickbox, no quede debajo de una pelicula flash?

Me pasa lo mismo que a joselo… la ventana me queda abajo de las peliculas en flash!

hay solucion?

gracias

Lo descubri… es asi:

vas al editor por ej. el Dreamweaver:

clickeas en tu objeto flash y vas a parametros en “Parameter” pones wmode.
y en “Value” pones transparent.

esto hace que el objeto flash quede atras de la ventana flotante.
salut

Exelente herramienta, pero estoy buscado que cuando el usuario abra mi pagina, en ella aparezca una ventana flotante y luego lo pueda cerrar. todo esto dentro de la pagina, no deseo que abra otra ventana del explorador si no que en ella misma muestre el mensaje que deseo y que despues el usuario de cerrar para que continue la navegacion por la web.

Hola,

Quisiera que alguien me pudiera ayudar, he hecho el intento de utilizar esta herramienta y aún nada. Lo he hecho así var imgLoader = “loader.gif”; y imgLoader = ‘loader.gif’;, además he puesto en la página:

Cualquier cosa por si quieren echar un vistazo al sitio, es:
http://www.arcmandarin.com/granitos.asp

Gracias por la ayuda

Muy util. Gracias.

Buenas tardes:

Ante todo agradecerle por tan excelente js, me ayudo a mejorar notablemente la apariencia de mi proyecto.

Gracias

Hola chicos. El Thickbox es muy bueno, pero tengo un problema.

Como le paso mis variables GET a la pagina que abro dentro del thickbox?

para pasar parametros los pasas antes de TB_iframe

href=”http://www.google.com?nuevavariable=166&TB_iframe=true&height=420&width=600

Como bloqueo la ventana para que al dar click fuera de la ventana flotante no se cierre

Con respecto a tu problema lucho, yo solo añado modal=true en la url.
Pero un problema con eso, yo tengo un formulario en la ventana flotante y quiero q al hacer click sobre guardar me vuelva a la misma ventana flotante, pero con modal=true no se puede, cuando hago click sobre guardar me sale que no he rellenado los campos cuando si los he hecho.
Si alguien sabe algo de esto le agradeceria la ayuda.

Quisiera saber como hacer, para que en vez de hacer click en un enlace de texto, haga click en un botón enviar de formulario y se ejecute como su fuera desde un enlace de texto…

estoy usando frames, como hago para abrir la ventana emergente en toda la pagina(sobre todos los frames), ya que me abre dentro de el frame en el cual esta el href

Hola que, es un exelente script y sobre todo facil de montar, mi pregunta es a siguiente, es posible configurar elscript para que se abra automaticamente cuando carga la pagina web, sin necesidad que se tenga que dar clic en algun enlacee??

ya lo resolvi de la siguiente manera

function init()
{
TB_show(‘Texto culquiera’, ‘foto.jpg?&height=480&width=640′, null);
}

y en body lo siguiente:

Lo que pasa es que tengo un hosting de imagenes, y lo que quiero hacer es que al darle el boton “Subir imagen”, aparezca el thickbox con el mensaje “cargando imagen”, y aparece, pero parece que bloquea todo el proceso para subir la imagen porque nunca termina. Alguien sabe porque puede ocurrir esto?.

Muchas gracias de antemano.

Excelente..!!

Necesito que desde la ventana flotante que se abre al hacer click sobre un boton se inserte un valor en un campo de texto. por ejemplo:

window.parent.document.getElementById(“txtDireccionSolicitante”).value = “algun valor”;

esto ya lo logre pero quiero que la ventana flotante que se abre se cierre al tiempo que se asigna ese valor…

se podra hacer con esa libreria?

A mi también me gustaria saver como cargar el thickbox SOBRE TODOS LOS FRAMES de la pagina para no limitar el tamaño del thickbox.

Excelente programa porcierto, bonito, personalizable, free…

Si alguien me puede contestar por favor lo agradeceria.
viktor_garcia@hotmail.com (si no se puede poner el mail, lo siento)

gracias por la herramienta. la estoy utilizando super bien en una pagina… pero tengo un problema… me sale perfecto la ventana transparente, pero el margen inferior es mas ancho que los otros tres y me gustaria saber como cambiarlo o si hay algo que estoy haciendo mal, el codigo de mi imagen es este.:

si alguien sabe como, mil gracias de antemano.. y saludos

Hola!
Estuve revisando y alguien preguntaba por el pase de parámetros, bueno yo tuve algunos inconvenientes con el mismo, porque los borraba o cosas así; luego me di cuenta que lo hacía era cuando llevaban espacios en blancos, lo cual suena lógico porque nosotros mismos estamos construyendo la URL; así que simplemente reemplazé por %20, como lo hacen los navegadores; quedando así:

razon = doc.razonsocial.value;
razon = razon.replace(‘ ‘, ‘%20′);
siglas = doc.siglas.value;
siglas = siglas.replace(‘ ‘, ‘%20′);
tb_show(‘Seleccione el ente’,'POPUP/entesNew.php?height=300&width=400&razon=’+razon+’&siglas=’+siglas);

hola, me ha funcionado bien la herramienta, pero tengo un problema… cuando abro la imagen en thickbox aparece con un margen abajo ancho y no quiero que aparezca as’i, sino con el margen mas angosto igual que los otros 3 y otra cosa… donde y como debo insertar el loader.gif, no he logrado que funcione. si alguien puede ayudarme, lo agradecere… me urge terminar!!! gracias y salu2

el link de la pagina es todomoto.com.mx/galeria

hola Manelik usa la función tb_remove();

Gracias por el ejemplo unijimpe, pero tengo un problema cuando pongo en el enlace: class=’thickbox’ no me llegan los datos con el metodo GET. si lo saco si funciona, es decir si llegan los datos, una ayudita porfa

Gracias , muy buena informacion , la acvo de usar en http://www.lookpatagonia.com

He hecho todos los pasos y no funciona….Ni si quiera hace amago de abrir la ventana, ni la sombra solo ni nada, he añadido la variable imgLoader, he colocado en el head esto:

y las rutas están correctas. Si alguien me puede echar un cable se lo agradeceria muxo.

hola creo que nadie a contestado para abrir el thickbox sobre una pagina con frames, solo se limita al html donde esta la imagen. alguien tien la manera para que ocupe toda la ventana ( osea no se limite adentro del marco?) muy buena pag… saludos

en cuanto a la página con frames lo unico que encontre fue crear una pagina con un iframe que contenga la pagina con los frames y luego la ventana padre seria la del iframe probe y funciona.

hola unijimpe quisiera que me des una manita en un trabajo, el problema que tengo esque nesesito pasara variables desde flash a la ventan del thickbox, cuando abro la flotante sin pasar variables funciona, pero cuando intento pasarle variables por GET no puedo me sale error, espero puedas ayudarme con esto, o si tubieras un tutotiral seria perfecto, mil gracias desde Perú.

P.D.: Mi web esta en under aun, en cuanto la acabe estare postenado la direccion para que todos me den su fedback.

Hola!, he venido utilizando la liberia Thickbox en el desarrollo de varios portales, sin embargo actualmente tengo un error cuando llamó una página con AJAX…La página tiene un boton que abre un formulario con Thickbox, pero no se porque no funciona…
Si la página la llamo normalmente (es decir, sin AJAX) funciona perfectamente el Thickbox, el problema se presenta exclusivamente al ser llamada via AJAX….

Si me pueden ayudar se los agradezco…

hola, mi problema es el siguiente :
tengo unos tabs ajax en jquery y dentro de uno de los tabs muchas fotos , lo que quiero es usar thickbox para mostrar las fotos, pero lo unico que logro hacer es que me habra la url de la imagen….esto es debido a que una vez ejecutado el ajax de los tabs(ajax tab), quita los eventos a los elementos traidos por ajax,…pero no se como solucionarlo….desde yá gracias….bye

hola exelente sistema,facil de utilizar me funsiono todo bien pero necesito hacer que thickbox se inicie autimaticamente con mi web sin tener que utilizar ningun boton, no encuentro la forma trate utilizando el codigo que puso Fenix
function init()
{
TB_show(’Texto culquiera’, ‘foto.jpg?&height=480&width=640′, null);
}
pero no entendi donde hiva puesto, agradeceria mucho su ayuda
que necesito implementar esto en una web
de antemano muchas gracias

Alguien ha encontrado la solución sobre los thickbox sobre páginas con frames???
Necesito ayuda karolazh@gmail.com
Gracias!

Gracias, muy buen tutorial de ventanas emergentes, funciona de maravilla, el error estaba en cambiar las comillas.

Hola amigos tengo un problema pues hay interferencia entre validation.js y thickbox.js.

Solo me deja escojer una :
1 valido
2 o pongo los efectos..

A alguien le ha sucedido ?
escribirme a inf2004107@ucf.edu.cu
se agradece cualquier comentario…

Gracias

no me funciona, abre la pagina en la misma ventana no en el iframe, alguna idea, gracias de antemano.

Yo tambien tengo el problema para pasar variables por GET pero nadie respondio cual es la solucion…por favor alguen puede decir como se puede pasar las variables…a la ventana flotante…

Que tal alguien sabe como mandar llamar este ejercicio desde FLASH??

saludos!!

Hola mi problema es el siguiente.. estoy programando un form de captura de datos como nombre, correo, etc.

y al darle submit.. necesito que la pag en donde esta la conexion a la base de datos y la conexion a esta.. se abra en el ThickBox como puedo hacer esto?? alguien me puede ayudar??

Hola q tal, Excelente pag. pero tengo un problema en el envio de de variables desde la ventana padre a la ventana hija. podrian por favor explicar como es este proceso? eh hecho varios intentos y no eh dado con el problema.. ejemplo.. :
<a href="ejemplo.php?id=&otra=&TB_iframe=true&height=420&width=600″ class=”thickbox”>abrir
por favor donde me es toy equivocando¿? necesito esa ayuda Gracias.!

Ya se ha preguntado antes; ¿Como puedo hacer para que al enviar un dato por un FORM a otra página esta se muestre en una ventana Thickbox?

Mi problema es muy simple. Tengo este FORM en una página:

El PHP acepta el número y genera una página con la ficha de un producto, que se abre en el mismo marco o en una nueva, pero sin Thickbox.

Esto no sirve:

¿Alguien puede echarme una mano?

Gracias.

En el mensaje anerior no aparece el código, aunque lo he escrito. ?Que he hecho mal?

Esto es una fulera mierda…. no tira con GET ni a patás!!!! Tiene su logica???? por su puesto… en el .js donde se le pasa TB_iframe=true&height=420&width=600 se desbarataaaaa y sólo pilla la url sin pasar las otras var. Alguien puede solucionarlo????

Creo que lo caga para pasar al GET los datos es esta parte del .js

var queryString = url.replace(/^[^\?]+\??/,”);
Supongo que aqui es donde limpia la cadena que contiene la url para abrirla, justo antes hay un if del tipo
if (urlType==’.htm’||urlType==’.html’||urlType==’.php’||…. si alguien sabe como repar eso para que se trage vars con GET estaria wapoooooo

YA LO HE COSEGIDOOOOOOOOOOOOOOO…. para pasar los datos por GET tenemos que hacer los siguiente.
1. Editamos el fichero thickbox.js sobre la línea de código 160 está escrito el código
urlNoQuery = url.substr(0,TB_strpos(url, “?”));
Pues bien simplemente comentarlo con // y añadir justo debajo el código
urlNoQuery = url; y ya está….
SE OS TIENE QUE QUEDAR ASÍ
line 160 //urlNoQuery = url.substr(0,TB_strpos(url, “?”));
line 161 urlNoQuery = url;

Y a rodar… ya podemos pasar url con GET… para otra cosa (Marcos) marcos_xurri@hotmail.com

hola me gustaria saber como puedo poner un video de youtube!?

Muchas Gracias por tu aporte amigo, me ha servido de mucho, pero tengo una pequeña duda, como puedo hacer para que inmediatamente se habra mi pagina tambien se abra automaticamente la ventana flotante? resulta que quiero colocar un formulario dentro y quiero que aparezca automaticamente sin hacer click en algun lugar,

Espero la respuesta de alguno,

Muchas Gracias

Eduardo

MIL GRACIAS Xurri “Sansei”, me salvaste de una buena, funciona perfecto lo de las variables GET. Solo comente la linea que dijiste. Saludos.

Xurri o alguien AYUDA!!! Una vez solucionado el problema de recibir parametros GET en una ventana flotante, ahora se presenta otro problema: La ventana flotante hace un insert en una tabla, cuando cierro la ventana flotante, la ventana original tenía un listado de items de esa tabla pero no se ha refrescado…. A quien se le ocurre como refrescarla, intente colocar en body onload=”window.refresh”, pero no funciona porque simplemente no se está haciendo un onload sino que la ventana original siempre permanecio abierta…. Por favor alguien que sepa como hacerlo!!!!!!!!!!!!!!!!!!!!!

Hola JimmyC… fíjate en la parte de código.
function TB_remove() {
$(“#TB_window”).fadeOut(“fast”,function(){$(‘#TB_window,#TB_overlay,#TB_HideSelect’).remove();});
$(“#TB_load”).remove();
$(document).unkeyup();
refresca();//Para cuando cierre cargue de nuevo el intervalo de refresco.
return false;
}

donde refresca() es una función javascript que he escrito antes que es:

function refresca() {
window.location.reload();
}

Suerte y ya me comentas si te ha funcionado… ok???

Es cierto lo del loader, yo lo conseguí hacer funcionar definiendo:
var imgLoader=”loader.gif”;
en la linea 25 de thickbox.js
Gracias esta funcionando.

Me funciona perfecto, pero, necesito poner los .js en /scripts, el css en /css y la imagen en /img.
cuando los ubico, deja de funcionar, estimo que es porque hay que modificar el archivo thickbox.js pero no entiendo nada de js, alguien lo hizo o me puede dar una mano?, muchas gracias