problema con ventana dialog

[jmg1189]

hola a todos.

resulta que estoy cargando un archivo php dentro de una ventana dialog, esto funciona bien. el problema radica en que en ese archivo php tengo un select que en el evento "onchange" hace un submit(). y al hacer esto, el dialog se cierra.

ésta es la funcion que estoy usando para abrir el dialog:

Código Javascript:

function VerCondiciones() {
            $("#dialog").dialog({width: 1000, height: 600, title:"SOLICITUD DE ACCION",modal: true, show: "slide", hide: "explode"});
    }
 

y el select que tengo en mi archivo php es:

Código PHP:

echo "<td><center><select class='caja' name='NC$i' onchange='submit()' style='color:black'>";
                                    echo "<option selected disabled></option>";
                                    for($n=0;$n<sizeof($array_nc);$n++){
                                        ?><option value="<?php echo $array_nc[$n];?>" <?php if(isset($_POST['NC'.$i])) {  if($_POST['NC'.$i]== $array_nc[$n]){?>selected<?php } } ?> ><?php echo $array_nc[$n];?> </option> <?php
                                    }
                                echo "<select></center></td>";
                                echo "<td>";
 

podría alguien por favor ayudarme, pues la idea es que se abra el archivo como un dialog, no hacerlo en ventanas emergentes ni por ejemplo de un colorbox, ya que la ventana desde la cual se abre este dialog, ya se ejecuta sobre un colorbox.

de ante mano gracias por leer y muchas mas si me pueden ayudar.

[mortiprogramador]

Saludo.
¿Y porque no agregar un elemento submit?
Pues seguramente es precisamente por el onchange que ocurre el cierre.

[jmg1189]

Iniciado por mortiprogramador

Saludo.
¿Y porque no agregar un elemento submit?
Pues seguramente es precisamente por el onchange que ocurre el cierre.

hola mortiprogramador.

La verdad no entiendo lo que me dices, es que igual soy algo principiante en esto de js. Ahora trato de re estructurar y hago pruebas con mi div y el select asi:

Código HTML:

<div id='dialog' style='display:none'>
            <form method='post' name='sa'>
                <select name='proceso' onchange="sa.submit();">
                   <option></option>
                   <option <?php if(isset($_POST['proceso']) && $_POST['proceso']=="GESTION HUMANA"){ ?>selected<?php } ?> class='uno'>GESTION HUMANA</option>
                   <option <?php if(isset($_POST['proceso']) && $_POST['proceso']=="GESTION DOCUMENTAL"){ ?>selected<?php } ?> class='uno'>GESTION DOCUMENTAL</option>
 </select>
            </form>
        </div>
 

no se de que forma puedo hacer que el dialog haga el submit sin que se cierre, o existe alguna otra ventana asi como de tipo modal en que lo pueda hacer?

[mortiprogramador]

Saludo.
A lo que me refiero es a que el select no tenga el evento submit en el onchange.
En vez de eso, hacer un botón de tipo submit que se encargue de eso.
Con eso se puede cambiar la elección en el select tantas veces se quiera,
y solo en el momento de dar clic al botón submit se harìa el envío.

[jmg1189]

Iniciado por mortiprogramador

Saludo.
A lo que me refiero es a que el select no tenga el evento submit en el onchange.
En vez de eso, hacer un botón de tipo submit que se encargue de eso.
Con eso se puede cambiar la elección en el select tantas veces se quiera,
y solo en el momento de dar clic al botón submit se harìa el envío.

ah ya te entiendo.

lo que pasa es que cuando hago el submit en el onchange, tomo ese valor para hacer una consulta a mysql y cargar otros datos, es por eso que necesito hacer el submit dentro del select.

[mortiprogramador]

Iniciado por jmg1189

ah ya te entiendo.

lo que pasa es que cuando hago el submit en el onchange, tomo ese valor para hacer una consulta a mysql y cargar otros datos, es por eso que necesito hacer el submit dentro del select.

Saludo.
¿Los otros datos se cargan en la ventana dialog?
Sí es así, se podría usar ajax en vez del submit.

Sí se cargan otros datos fuera de la ventana dialog, igual,
el botón submit hará el envío a la ventana madre, tal cual
lo hace actualmente el submit del select.

[jmg1189]

Iniciado por mortiprogramador

Saludo.
¿Los otros datos se cargan en la ventana dialog?
Sí es así, se podría usar ajax en vez del submit.

Sí se cargan otros datos fuera de la ventana dialog, igual,
el botón submit hará el envío a la ventana madre, tal cual
lo hace actualmente el submit del select.

de ajax si sé menos jajaj.
Pues ya pude solucionar haciendolo de esta forma:

Código Javascript:

$(function() {
        $('a.showPopup').click(function(e) {
            e.preventDefault();
            var $this = $(this);
            var horizontalPadding = 15;
            var verticalPadding = 15;
            $('<iframe id="site" src="' + this.href + '" />').dialog({
                title: ($this.attr('title')) ? $this.attr('title') : 'Site',
                autoOpen: true,
                width: 1050,
                height: 500,
                modal: true,
                resizable: false,
                autoResize: true,
                show: "clip",
                hide: "clip",
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            }).width(1050 - horizontalPadding).height(500 - verticalPadding);
        });
    });
 

me abre el dialog dentro de un iframe y se ejecuta perfecto, ahora el problema es que se cuando oprima el boton que guarda los datos que se ingresan en el dialog, se cierre el dialog y se actualice la pagina padre.

[mortiprogramador]

Saludo.
Pues eso creo yo se soluciona poniendo en el action del form que vaya a la página madre y la actualice, o incluso una función javascript ahí en el dialog que le de valor al elemento window.opener, que sería la madre de este.

[jmg1189]

como podria hacerlo dentro de la funcion de javascript. En el iframe cargo la pagina php, la idea es que el boton guardar almacene los datos, y se cierre el dialog y actualice la pagina padre. pero la verdad no se como se pueda hacer, he investigado mucho pero no encuentro como.

[mortiprogramador]

Iniciado por jmg1189

como podria hacerlo dentro de la funcion de javascript. En el iframe cargo la pagina php, la idea es que el boton guardar almacene los datos, y se cierre el dialog y actualice la pagina padre. pero la verdad no se como se pueda hacer, he investigado mucho pero no encuentro como.

Saludo.
Pues tal vez una manera más fácil sea hacer que al dar clic en el botón
se ejecute una función javascript que se encargue de refrescar la ventana padre,
esto teniendo en cuenta lo del window.opener, y llamando al método refresh().

Código Javascript:

function Refrescar()
{
 window.opener.refresh();
o
window.opener.location.reload(true);
}