Foros del Web » Programando para Internet » Javascript » Frameworks JS »

[SOLUCIONADO] El submit se realize al cargar pagina

Estas en el tema de El submit se realize al cargar pagina en el foro de Frameworks JS en Foros del Web. Buenas, vereis, estoy realizando una aplicacion, en la cual al entrar en la seccion de búsqueda, deseo que aparte de tener mi buscador, realize la ...
  #1 (permalink)  
Antiguo 29/09/2014, 03:15
 
Fecha de Ingreso: noviembre-2009
Mensajes: 33
Antigüedad: 15 años
Puntos: 0
El submit se realize al cargar pagina

Buenas, vereis, estoy realizando una aplicacion, en la cual al entrar en la seccion de búsqueda, deseo que aparte de tener mi buscador, realize la busqueda total como si el campo estuviese en blanco.

Es decir, que realize una búsqueda directamente como si diese un blank.

Os dejo por aquí la parte de mi código correspondiente al apartado buscar bien

Código:
<?php
    if (session_status() <> PHP_SESSION_ACTIVE) {
        session_start();
    }

    $tipo = isset($_GET["tipo"]) ? $_GET["tipo"] : "";
    switch ($tipo){
        case "inmueble_urbano":
            $tipo = " - INMUEBLES URBANOS";
            $valor = 1;
            break;
        case "inmueble_rustico":
            $tipo = " - INMUEBLES RÚSTICOS";
            $valor = 2;
            break;
        case "vias_urbanas":
            $tipo = " - VÍAS URBANAS";
            $valor = 3;
            break;
        case "vias_rusticas":
            $tipo = " - VÍAS RÚSTICAS";
            $valor = 4;
            break;
        case "derechos_reales":
            $tipo = " - DERECHOS REALES";
            $valor = 5;
            break;
        case "historico":
            $tipo = " - MUEBLES DE CARÁCTER HISTÓRICO O ARTÍSTICO";
            $valor = 6;
            break;
        case "valores_mobiliarios":
            $tipo = " - VALORES MOBILIARIOS";
            $valor = 7;
            break;
        case "creditos":
            $tipo = " - CRÉDITOS Y DERECHOS";
            $valor = 8;
            break;
        case "vehiculos":
            $tipo = " - VEHÍCULOS";
            $valor = 9;
            break;
        case "semovientes":
            $tipo = " - SEMOVIENTES";
            $valor = 10;
            break;
        case "otros_muebles":
            $tipo = " - OTROS MUEBLES";
            $valor = 11;
            break;
        case "revertibles":
            $tipo = " - REVERTIBLES";
            $valor = 12;
            break;
        default :
            $tipo = " - GENERAL";
            $valor = 0;
            break;
    }
?>

<script type="text/javascript">
    
    
    $(document).ready(function() {
        //carga en una variable el id del usuario conectado a la aplicación
        id_usuario_sesion = <?php print $_SESSION["id_usuario_sesion"] ?>;
        
        
        
        //intercepta el evento submit
        $('#formulario').submit(function() {
            //oculta el formulario de motivo de baja
            ocultar_baja();  
            //oculta los posibles errores anteriores que pudiera haber
            ocultarErrores();
            //envía el formulario usando AJAX
            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: $(this).serialize(),
                //muestra un mensaje con la respuesta de PHP
                success: function(data) {
                    //comprube si se ha encontrado o se ha producido algún error
                    if (data.substring(0,5) == "ERROR"){
                        $('#campo_errores').html('Se ha producido un error al ejecutar la búsqueda<br><br>' + data);
                        mostrarErrores();
                        ocultarResultados();
                    } else if (data.substring(0,5) == "VACIO"){
                        $('#campo_errores').html('No se ha devuelto ningún resultado para la búsqueda realizada');
                        mostrarErrores();
                        ocultarResultados();
                    } else{
                        ocultarErrores();
                        $('#resultados').html(data);
                        mostrarResultados();
                    }
                }
            })        
            return false;
        }); 
    });
         
    function volver_al_menu (){
        $("#capa").load('buscar');
    }
   
    //muestra los avisos y errores de la búsqueda
    function mostrarErrores() {
        $("#campo_errores").removeClass("oculto");
    }
    
    //oculta los avisos y errores de la búsqueda
    function ocultarErrores() {
        $("#campo_errores").addClass("oculto");
    }
    
    //muestra los resultados de la búsqueda
    function mostrarResultados() {
        $("#resultados").removeClass("oculto");
    }
    
    //oculta los resultados de la búsqueda
    function ocultarResultados() {
        $("#resultados").addClass("oculto");
    }    
    
    //muestra los datos del usuario en un ventana nueva
    function verBien(a){
        var td = a.parentNode;
        var tr = td.parentNode;
        //carga el id del bien a modificar
        window.open('index.php?tipo=modificacion_bien&id_bien=' + tr.id,'_blank');
    }
    
    //genera el certificado del bien
    function verCertificado(a){
        //comprueba si el usuario tiene permisos para imprimir el certificado, ya que sólo se le permite a secretarios
        <?php 
        if ($_SESSION['rol_usuario'] <= 4){ //tiene permisos
        ?>
            var td = a.parentNode;
            var tr = td.parentNode;
            $.post('informes/certificado.php', { id_bien: tr.id }, function (result) {
                WinId = window.open('', 'newwin'); //, 'width=400,height=500');//resolucion de la ventana
                WinId.document.open();
                WinId.document.write(result);
                WinId.document.close();
            });
        <?php    
        } else { //no tiene permisos
        ?>    
            alert ("No tiene permisos para imprimir el certificado");
        <?php  
        }
        ?>
    }
    
    //elimina un bien
    function borrarBien(a){
        try {
            if (validar_campo_motivo_baja()){
                var td = a.parentNode;
                var tr = td.parentNode;
                //var table = tr.parentNode;
                var parametros = 'id_bien=' + tr.id + '&usuario=' + id_usuario_sesion + '&motivo=' + document.getElementById("motivo_baja").value;
                $.ajax({
                    type: "POST",
                    url: "consultas/eliminar.php?tipo=dar_de_baja_bien",
                    data: parametros,
                    success: function(data) {            
                        if (data.substring(0,2) == "OK"){ //si se ha eliminado correctamente
                            //refresca la búsqueda con el valor de baja actualizado
                            $('#formulario').submit();
                            ocultarErrores();
                            ocultar_baja();
                        } else{
                            $('#campo_errores').html('No se ha podido dar de baja el bien<br>');
                            mostrarErrores();
                        }
                    }
                }); 
            } else {
                $('#campo_errores').html('El campo motivo de baja es obligatorio<br>');
                mostrarErrores();
            }
        } catch (e) {
            alert("Se ha producido un error al dar de baja el bien." + e);
        }
    }
    
    function mostrar_baja(t){
                //comprueba si tiene permisos de escritura/modificación
        <?php 
            if ($_SESSION["rol_usuario"] > 4) { //si solo tiene permisos de lectura
        ?>
                alert("No tiene permisos para dar de baja el bien.");
        <?php
            } else {
        ?>
                $("#cuadro_baja").removeClass("oculto");
                bien_a_dar_de_baja = t;
        <?php
            }
        ?>                
    }
    
    function ocultar_baja(){
        $("#cuadro_baja").addClass("oculto");
        document.getElementById("motivo_baja").value = "";
    }
    
    function validar_campo_motivo_baja(){
        var validado = true;
        var motivo = document.getElementById("motivo_baja").value;
        if (motivo === null || motivo.length === 0 ||  /^\s+$/.test(motivo)){ 
            validado = false;
        } 
        return validado;
    }
    
</script>

<div id="campo_errores" class="error oculto">
</div>

<div class="titulo">
    <h1>
        BÚSQUEDA DE BIENES<?php print $tipo ?>
    </h1>
</div>

<div class="cuadro" id="capa_alta">
    <div class="titulo2">
        <h1>
            INTRODUZCA CUALQUIER DATO DEL BIEN A BUSCAR
        </h1>
    </div>
    <div id="contenido_izq">
        <fieldset id="cuadro_busqueda" class="subgrupo_centrado">
            <legend></legend>
            <?php
                print '<form action="consultas/buscar.php?tipo=buscar_bienes&id_tipo=' . $valor . '" method="post" id="formulario" name="formulario">';
            ?>    
                <ul>
                    <li>
                        <label> TEXTO A BUSCAR:</label>     
                        <input class="texto" id="nombre_usuario" name="texto" value="">
                    </li>
                </ul>
                <div class="botones botones_centrados">
                    <input class="boton_enviar" type="submit" value="BUSCAR" id="buscar" title="BUSCAR">
                    <input class="boton_enviar" type="button" value="CANCELAR" id="cancelar" title="CANCELAR" onclick="volver_al_menu();">
                </div>
            </form>
        </fieldset>
    </div>

   
    
    <div id="resultados"></div>

</div>
  #2 (permalink)  
Antiguo 06/10/2014, 01:36
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: El submit se realize al cargar pagina

Hola:

No debes reflotar tus temas sin aportes, ya que simplemente se borran...
Sobre la pregunta, sin usar librerías sería:

window.onload = function() {
document.forms[el_índice_o_nombre_del_formulario].submit()
}

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 06/10/2014, 01:55
 
Fecha de Ingreso: noviembre-2009
Mensajes: 33
Antigüedad: 15 años
Puntos: 0
Respuesta: El submit se realize al cargar pagina

Trate de usar la sentencia con mi form : formulario

Pero no me devolvio ningun resultado

Mi formulario está de este tipo:

Código HTML:
Ver original
  1. <?php
  2.                print '<form action="consultas/buscar.php?tipo=buscar_bienes&id_tipo=' . $valor . '" method="post" id="formulario" name="formulario">';
  3.             ?>    
  4.                 <ul>
  5.                     <li>
  6.                         <label> TEXTO A BUSCAR:</label>    
  7.                         <input class="texto" id="nombre_usuario" name="texto" value="">
  8.                     </li>
  9.                 </ul>
  10.                 <div class="botones botones_centrados">
  11.                     <input class="boton_enviar" type="submit" value="BUSCAR" id="buscar" title="BUSCAR">
  12.                     <input class="boton_enviar" type="button" value="CANCELAR" id="cancelar" title="CANCELAR" onclick="volver_al_menu();">
  13.                 </div>
  14.             </form>

Intento hacer :

Código HTML:
Ver original
  1. window.onload = function() {
  2. document.forms[formulario].submit()
  3. }

Pero no me funciona.
Como puedo hacer la llamada?

PD: cuando realizo el submit, lo recojo en jquery así:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.         //carga en una variable el id del usuario conectado a la aplicación
  3.         id_usuario_sesion = <?php print $_SESSION["id_usuario_sesion"] ?>;
  4.        
  5.        
  6.        
  7.         //intercepta el evento submit
  8.         $('#formulario').submit(function() {
  9.             //oculta el formulario de motivo de baja
  10.             ocultar_baja();  
  11.             //oculta los posibles errores anteriores que pudiera haber
  12.             ocultarErrores();
  13.             $('#resultados').html("");
  14.             mostrarResultados();
  15.             //envía el formulario usando AJAX
  16.             $.ajax({
  17.                 type: 'POST',
  18.                 url: $(this).attr('action'),
  19.                 data: $(this).serialize(),
  20.                 //muestra un mensaje con la respuesta de PHP
  21.                 success: function(data) {
  22.                     //comprube si se ha encontrado o se ha producido algún error
  23.                     if (data.substring(0,5) == "ERROR"){
  24.                         $('#campo_errores').html('Se ha producido un error al ejecutar la búsqueda<br><br>' + data);
  25.                         mostrarErrores();
  26.                         ocultarResultados();
  27.                     } else if (data.substring(0,5) == "VACIO"){
  28.                         $('#campo_errores').html('No se ha devuelto ningún resultado para la búsqueda realizada');
  29.                         mostrarErrores();
  30.                         ocultarResultados();
  31.                     } else{
  32.                         ocultarErrores();
  33.                         $('#resultados').html(data);
  34.                         mostrarResultados();
  35.                     }
  36.                 }
  37.             })        
  38.             return false;
  39.         });
  40.     }

Última edición por supernino69; 07/10/2014 a las 01:32
  #4 (permalink)  
Antiguo 07/10/2014, 01:50
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: El submit se realize al cargar pagina

Hola:

Te ha faltado entrecomillar formulario, ya que sin esas comillas, se considera variable... a no ser que en tu código hayas hecho la asignación:

formulario = "formulario";

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 07/10/2014, 02:38
 
Fecha de Ingreso: noviembre-2009
Mensajes: 33
Antigüedad: 15 años
Puntos: 0
Respuesta: El submit se realize al cargar pagina

Sigue sin funcionar, te paso el codigo para que lo puedas ver:

Código Javascript:
Ver original
  1. <?php
  2.     if (session_status() <> PHP_SESSION_ACTIVE) {
  3.         session_start();
  4.     }
  5.  
  6.     $tipo = isset($_GET["tipo"]) ? $_GET["tipo"] : "";
  7.     switch ($tipo){
  8.         case "inmueble_urbano":
  9.             $tipo = " - INMUEBLES URBANOS";
  10.             $valor = 1;
  11.             break;
  12.         case "inmueble_rustico":
  13.             $tipo = " - INMUEBLES RÚSTICOS";
  14.             $valor = 2;
  15.             break;
  16.         case "vias_urbanas":
  17.             $tipo = " - VÍAS URBANAS";
  18.             $valor = 3;
  19.             break;
  20.         case "vias_rusticas":
  21.             $tipo = " - VÍAS RÚSTICAS";
  22.             $valor = 4;
  23.             break;
  24.         case "derechos_reales":
  25.             $tipo = " - DERECHOS REALES";
  26.             $valor = 5;
  27.             break;
  28.         case "historico":
  29.             $tipo = " - MUEBLES DE CARÁCTER HISTÓRICO O ARTÍSTICO";
  30.             $valor = 6;
  31.             break;
  32.         case "valores_mobiliarios":
  33.             $tipo = " - VALORES MOBILIARIOS";
  34.             $valor = 7;
  35.             break;
  36.         case "creditos":
  37.             $tipo = " - CRÉDITOS Y DERECHOS";
  38.             $valor = 8;
  39.             break;
  40.         case "vehiculos":
  41.             $tipo = " - VEHÍCULOS";
  42.             $valor = 9;
  43.             break;
  44.         case "semovientes":
  45.             $tipo = " - SEMOVIENTES";
  46.             $valor = 10;
  47.             break;
  48.         case "otros_muebles":
  49.             $tipo = " - OTROS MUEBLES";
  50.             $valor = 11;
  51.             break;
  52.         case "revertibles":
  53.             $tipo = " - REVERTIBLES";
  54.             $valor = 12;
  55.             break;
  56.         default :
  57.             $tipo = " - GENERAL";
  58.             $valor = 0;
  59.             break;
  60.     }
  61. ?>
  62.  
  63. <script type="text/javascript">
  64.    window.onload = function() {
  65.         document.forms["formulario"].submit()
  66.         }
  67.     $(document).ready(function() {
  68.         //carga en una variable el id del usuario conectado a la aplicación
  69.         id_usuario_sesion = <?php print $_SESSION["id_usuario_sesion"] ?>;
  70.        
  71.        
  72.        
  73.         //intercepta el evento submit
  74.         $('#formulario').submit(function() {
  75.             //oculta el formulario de motivo de baja
  76.             ocultar_baja();  
  77.             //oculta los posibles errores anteriores que pudiera haber
  78.             ocultarErrores();
  79.             $('#resultados').html("");
  80.             mostrarResultados();
  81.             //envía el formulario usando AJAX
  82.             $.ajax({
  83.                 type: 'POST',
  84.                 url: $(this).attr('action'),
  85.                 data: $(this).serialize(),
  86.                 //muestra un mensaje con la respuesta de PHP
  87.                 success: function(data) {
  88.                     //comprube si se ha encontrado o se ha producido algún error
  89.                     if (data.substring(0,5) == "ERROR"){
  90.                         $('#campo_errores').html('Se ha producido un error al ejecutar la búsqueda<br><br>' + data);
  91.                         mostrarErrores();
  92.                         ocultarResultados();
  93.                     } else if (data.substring(0,5) == "VACIO"){
  94.                         $('#campo_errores').html('No se ha devuelto ningún resultado para la búsqueda realizada');
  95.                         mostrarErrores();
  96.                         ocultarResultados();
  97.                     } else{
  98.                         ocultarErrores();
  99.                         $('#resultados').html(data);
  100.                         mostrarResultados();
  101.                     }
  102.                 }
  103.             })        
  104.             return false;
  105.         });
  106.     });
  107.          
  108.     function volver_al_menu (){
  109.         $("#capa").load('buscar');
  110.     }
  111.    
  112.     //muestra los avisos y errores de la búsqueda
  113.     function mostrarErrores() {
  114.         $("#campo_errores").removeClass("oculto");
  115.     }
  116.    
  117.     //oculta los avisos y errores de la búsqueda
  118.     function ocultarErrores() {
  119.         $("#campo_errores").addClass("oculto");
  120.     }
  121.    
  122.     //muestra los resultados de la búsqueda
  123.     function mostrarResultados() {
  124.         $("#resultados").removeClass("oculto");
  125.     }
  126.    
  127.     //oculta los resultados de la búsqueda
  128.     function ocultarResultados() {
  129.         $("#resultados").addClass("oculto");
  130.     }    
  131.    
  132.     //muestra los datos del usuario en un ventana nueva
  133.     function verBien(a){
  134.         var td = a.parentNode;
  135.         var tr = td.parentNode;
  136.         //carga el id del bien a modificar
  137.         window.open('index.php?tipo=modificacion_bien&id_bien=' + tr.id,'_blank');
  138.     }
  139.    
  140.     //genera el certificado del bien
  141.     function verCertificado(a){
  142.         //comprueba si el usuario tiene permisos para imprimir el certificado, ya que sólo se le permite a secretarios
  143.         <?php
  144.         if ($_SESSION['rol_usuario'] <= 4){ //tiene permisos
  145.         ?>
  146.             var td = a.parentNode;
  147.             var tr = td.parentNode;
  148.             $.post('informes/certificado.php', { id_bien: tr.id }, function (result) {
  149.                 WinId = window.open('', 'newwin'); //, 'width=400,height=500');//resolucion de la ventana
  150.                 WinId.document.open();
  151.                 WinId.document.write(result);
  152.                 WinId.document.close();
  153.             });
  154.         <?php    
  155.         } else { //no tiene permisos
  156.         ?>    
  157.             alert ("No tiene permisos para imprimir el certificado");
  158.         <?php  
  159.         }
  160.         ?>
  161.     }
  162.    
  163.    
  164.    
  165. </script>
  166.  
  167. <div id="campo_errores" class="error oculto">
  168. </div>
  169.  
  170. <div class="titulo">
  171.     <h1>
  172.         BÚSQUEDA DE BIENES<?php print $tipo ?>
  173.     </h1>
  174. </div>
  175.  
  176. <div class="cuadro" id="capa_alta">
  177.     <div class="titulo2">
  178.         <h1>
  179.             INTRODUZCA CUALQUIER DATO DEL BIEN A BUSCAR
  180.         </h1>
  181.     </div>
  182.     <div id="contenido_izq">
  183.         <fieldset id="cuadro_busqueda" class="subgrupo_centrado">
  184.             <legend></legend>
  185.             <?php
  186.                 print '<form action="consultas/buscar.php?tipo=buscar_bienes&id_tipo=' . $valor . '" method="post" id="formulario" name="formulario">';
  187.             ?>    
  188.                 <ul>
  189.                     <li>
  190.                         <label> TEXTO A BUSCAR:</label>    
  191.                         <input class="texto" id="nombre_usuario" name="texto" value="">
  192.                     </li>
  193.                 </ul>
  194.                 <div class="botones botones_centrados">
  195.                     <input class="boton_enviar" type="submit" value="BUSCAR" id="buscar" title="BUSCAR">
  196.                     <input class="boton_enviar" type="button" value="CANCELAR" id="cancelar" title="CANCELAR" onclick="volver_al_menu();">
  197.                 </div>
  198.             </form>
  199.         </fieldset>
  200.     </div>
  201.  
  202.     <div id="cuadro_baja" class="oculto">
  203.         <div class="titulo2">
  204.             <br>
  205.             <h1>
  206.                 INTRODUZCA EL MOTIVO POR EL QUE DAR DE BAJA EL BIEN
  207.             </h1>
  208.         </div>    
  209.         <div id="contenido_izq">
  210.             <fieldset id="cuadro_busqueda" class="subgrupo_centrado">
  211.                 <legend></legend>
  212.                 <ul>
  213.                     <li>
  214.                         <label> MOTIVO DE BAJA:</label>    
  215.                         <input class="texto ancho400 obligatorio" id="motivo_baja" name="motivo_baja" value="">
  216.                     </li>
  217.                 </ul>
  218.                 <div class="botones botones_centrados">
  219.                     <input class="boton_enviar" type="button" value="DAR DE BAJA" id="buscar" title="DAR DE BAJA" onclick="borrarBien(bien_a_dar_de_baja);">
  220.                     <input class="boton_enviar" type="button" value="CANCELAR" id="cancelar" title="CANCELAR" onclick="ocultar_baja();">
  221.                 </div>
  222.             </fieldset>
  223.             <br>
  224.         </div>
  225.     </div>
  226.        
  227.     <div id="cuadro_modificacion"></div>
  228.    
  229.     <div id="resultados"></div>
  230.  
  231. </div>

Etiquetas: ajax, formulario, html, input, javascript, php, submit, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:15.