Cerrar ventana de Shadowbox

[alejocr]

Compañeros

Tengo una pagina que muestra una consulta, al presionar sobre de los registros, muestra una ventana de Shadowbox con una accion. Hasta aqui todo bien, el asunto es que requiero que cuando el usuario llene los dos datos que se le piden en esta ventana y presione OK, la ventana se cierre.

Saludos

[caricatos]

Tema movido desde javascript

shadowbox no es algo estandar javascript, o sea se trata de una librería... en tal caso es de agradecer que se especifique de qué librería se trata.

Saludos

[gonza_06]

si usas jquery podes usar

Código Javascript:

$('#boton_ok').click(function(){
    var valor_input_1 = $('#input_1').val();
    var valor_input_2 = $('#input_2').val();
    if(valor_input_1 == null || valor_input_2 == null){
        $('#box_id').fadeOut(300);
    }
    else{
        alert('Completa el formulario');
    }
})
 

[masterojitos]

gonza_06, es errado puesto que como indica caricatos, para poder saber como cerrar la ventana, necesitamos de saber que libreria usa, ya que no todos los codigos son tan flexibles como para hacerlo con ese codigo que has puesto.

una vez mas, se necesita saber de que codigo estas usando.

suerte para todos.

[alejocr]

Amigos

Esto es mas o menos:
Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

Ahora mi codigo va asi:

Código PHP:

  <script type="text/javascript" src="shadowbox.js"></script> 
<script type="text/javascript"> 
Shadowbox.init(); 
</script>  
  

Mas abajo...

Código PHP:

 ."<td class=\"celda\">"?><a rel="shadowbox;height=175;width=270" href="procesa.html"  title="Asignar Placa">Procesar</a><?php "</td>\n" 
         ."</tr> \n";   

El asunto es así, se muestra la consulta y un enlace para que abra la pagina de procesar la información, donde se le asignan dos datos y luego un botón de "OK" u otro de "Cancelar", lo que quiero es que en cualquiera de los casos, una vez efectuado el procedimiento, que esta ventana se cierre y vuelva a la pantalla de consulta.

Voy a poner en linea la consulta para que puedan verla.

Saludos y de nuevo muy muy agradecido.

[alejocr]

Otra cosa mas,,

Todo esto salio en base a una necesidad especifica, paso a comentar a ver si me pueden ayudar, pues no necesariamente debo hacerlo como hasta ahora.

La consulta muestra 4 columnas de datos, "numero, direccion, fecha y hora", en base a esto, deberia de dar click sobre la direccion y esto deberia hacer aparecer una ventana donde se asignan dos datos a esta direccion. El asunto es que he tratado de hacer esto y los navegadores me lo toman como un popup y por tanto lo bloquean, asi es que es este mismo foro alguien me sugirio usar este javascript. De hecho con esto tengo varios problemas.
1. La consulta deberia de actualizarse cada XX segundos para ver si han entrado mas datos. Esto lo resolvi temporalmente con una rutina de regarga al final del codigo (alguien tambien se sugirio que usara AJAX, pero a duras penas puedo con PHP como para meterme con otro).
2. Al presionar la direccion (que lo estoy haciendo con un boton al lado), me debe mostrar una pequeña centana, una vez procesado esto, debe de cerrarse y seguir en la consulta de fondo.

Esto es a grandes rasgos lo que requiero

Saludos y gracias por su ayuda.

[Isabel]

Hola alejocr, lo conseguiste? porque estoy en la misma situación

[alejocr]

Isabel,

Pues casi, lo que pasa es que tuve que descartar la opción de abrir la ventana con esta función "shadowbox" pues me ocasionaba varios problemas. Me imagino que esta mas relacionado con mostrar imágenes y animaciones.

En este momento estoy tratando de hacerlo con una sencilla ventana tipo POPUP, pues de hecho la aplicación no corre sobre internet, mas bien una intranet donde puedo controlar los parametros de seguridad del navegador a nivel de usuario.

Me queda un pequeño problema sobre el traslado de las variables de la pagina padre a la hija, pero ya casi lo soluciono.

Mas bien, si explicas un poco el problema, talvez lo podamos solucionar juntos.

Saludos

[Isabel]

Pues resulta que abro una ventana con el Shadowbox, pero esta a su vez abre una que ya no está dentro del shadowbox, lo que quiero es que cuando esta ultima se abre, que se cierre la que está en el shadowbox

Muchas gracias

[chichote]

Es relativamente simple

Código HTML:

$.post("post.php", { }, function(data)
	{
	if(data == "ok")
		{
		alert("Los datos han sido guardados correctamente.");
		window.parent.Shadowbox.close();
		}
	else
		{
		alert("Ocurrio un Error, intente nuevamente.");
		}
	});

paso a explicar:
Con jquery estoy haciendo un post con ajax y me devuelve un dato, si es ok lanza un mensaje y cierra la ventana, para q funcione el cierre del popup o div flotante shadowbox debes tener cargada la libreria en la pagina que esta contenida.
Pero lo importante para ti es:

Código HTML:

window.parent.Shadowbox.close();

sabiendo que primero debes incluir

Código HTML:

<script type="text/javascript" charset="utf-8" src="js/shadowbox/shadowbox.js"></script> 

Saludos.

[Isabel]

Muchiiiiiiiiiiiiisimas gracias, en Mozilla funciona perfectamente, pero en Internet Explorer, aparte de cerrar la ventana shadowbox, me intenta cerrar la principal, se te ocurre alguna manera para evitarlo?

Gracias

[Isabel]

Jajaa, no he dicho nada, funciona perfectamente en los dos navegadores

Gracias

[chichote]

Iniciado por Isabel

Jajaa, no he dicho nada, funciona perfectamente en los dos navegadores

Gracias

De nada Isabel.