Pregunta

Estoy tratando de hacer una especie de asistente mediante thickbox, y funciona bien cuando se abre por primera vez. Cuando hago clic en siguiente me gustaría cerrar el div He abierto y abrir uno nuevo en thickbox, pero ¿cómo se hace? He probado el siguiente código, pero simplemente cierra la thickbox y no se abre de nuevo:

tb_show("", "#TB_inline?height=280&width=620&inlineId=divStart", "");
tb_remove();
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");
¿Fue útil?

Solución

Puede utilizar este código:

// no uso tb_remove () de función

$("#TB_window").remove();
$("body").append("<div id='TB_window'></div>");
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

Si utiliza iframe para cargar contenido:

var p = parent;
p.$("#TB_window").remove();
p.$("body").append("<div id='TB_window'></div>");
p.tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

Otros consejos

he llegado a esta página de respuesta, y trató la solución que aquí se propone. No funcionó. He utilizado una de mis viejos trucos, y al igual que casi cada vez, funcionó. Aunque este post es más de 3 años de edad, que quería compartir el truco. El truco es usar window.setTimeout para retrasar la llamada a la siguiente tb_show ().

window.setTimeout(function(){
    tb_show("", "#TB_inline?height=300&width=300&inlineId=confirmDiv&modal=true");
    $("#TB_window").css({'border':'0px', 'background':'none'});
    },300); 

Tenga en cuenta también otros dos trucos que he utilizado:

  1. he querido mostrar un referente popup.The HTML estaba en un div con id "confirmDiv". Pero estaba mostrando el thickbox habitual con el título y el relleno. Así que la segunda línea elimina el color del borde y el fondo de TB_Window, que muestra sólo el código HTML emergente.

  2. También utilicé una anchura general de la altura de 300px, aunque mi ventana emergente fue sólo 250 píxeles. Esto evitará que las barras de desplazamiento, incluso si el contenido es un poco más grande. El TB_Window no está mostrando todos modos, por lo que no tendrá importancia.

Espero que esto ayude a alguien.

He encontrado la respuesta a mí mismo. Abrí un div que contiene todos los pasos, y los justos a través de JavaScript decidí lo div para mostrar.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top