Hacer que una pagina realice el submit de un formulario que esta en otra pagina

kef_11 · #1 (**permalink**) 03/10/2012, 10:49

Buenas comunidad, llevo horas pensando y buscando como hacer esto y no logro encontrar nada.
Veran tengo el archivo examen.php con el formulario "examen", despues tengo un div llamado "cerrado" que se mantiene actualizado con el contenido de examencerrado.php (Mediante ajax) El archivo examencerrado se actualiza cada segundo para verificar el estado, si estado es igual a cerrado, ejecuta un submit. Como puedo hacer para que el archivo examencerrado.php realice el submit del archivo examen.php?? Este es el codigo de examencerrado.php

Código PHP:

  <?php 

session_start();

 
include("config.php");

$conectar=mysql_connect($servidor,$bd_usuario, $bd_pass);

mysql_select_db($bd_nombre,$conectar);

$resultado=mysql_query("SELECT * FROM `a3573169expo`.`pruebas` WHERE id_prueba=$_SESSION[id]", $conectar) or die (mysql_error());

$busqueda = mysql_fetch_array($resultado);

$estado=$busqueda[estado];

 
if($estado==0){

?>

 
 
<p id="x">El examen se cerrara en 10 segs.</p>

<script type="text/javascript">

//<![CDATA[

t = setInterval('miFuncion()',1000);

//]]>

</script>

 
<?php

}

?>

Y este seria el e examen, es mucho asi que no lo pondre todo:

Código HTML:

<head>

<script type="text/javascript">
//<![CDATA[
var t;
var a=10;
*
function envia(){
document.forms["examen"].submit();
}
*
*
function miFuncion(){
a--;
if(a == 0){
clearInterval(t);
envia();
}
document.getElementById('x').innerHTML = "El examen se cerrara en " + a + " segs.";
*
}
//]]>
</script>
</head>

<div id="cerrado">
</div>

<body>
<form id="examen" action="enviar.php">
<!---contenido--->
</form>
</body>

En el momento de cerrar el examen, aparece el texto que dice "el examen ha sido cerrado" pero no ejecuta el submit

zerokilled · #2 (**permalink**) 03/10/2012, 11:06

buenas...
te falto mostrar la parte más importante, el código ajax. para que examencerrado.php pueda realizar el submit, php tendría que entregarle como contenido código javascript y luego javascript procesar ese contenido como scripting. aunque es una alternativa, en mi opinión es más complicado para lo que necesitas. lo que debes hacer es generar un contenido que indique el estado. luego en el evento de ajax determinas el estado en base a ese contenido. si es X estado, haces A cosa; si es Y estado, haces B o simplemente haces nada. en fin, es desde este evento que tienes que realizar el submit.

kef_11 · #3 (**permalink**) 03/10/2012, 15:20

Disculpa no crei que fuera importante, no lo puse porque si me esta funcionando.

Código:

/*
* Parametros mandatorios
*/
    var seconds = 10; // el tiempo en que se refresca
	var divid = "cerrado"; // el div que quieres actualizar!
	var url = "cerrarexamen.php"; // el archivo que ira en el div

	function refreshdiv(){

		// The XMLHttpRequest object

		var xmlHttp;
		try{
			xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
		}
		catch (e){
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
			}
			catch (e){
				try{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e){
					alert("Tu explorador no soporta AJAX.");
					return false;
				}
			}
		}

		// Timestamp for preventing IE caching the GET request
		var timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
		var nocacheurl = url+"?t="+timestamp;

		// The code...

		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState== 4 && xmlHttp.readyState != null){
				document.getElementById(divid).innerHTML=xmlHttp.responseText;
				setTimeout('refreshdiv()',seconds*1000);
			}
		}
		xmlHttp.open("GET",nocacheurl,true);
		xmlHttp.send(null);
	}

	// Empieza la función de refrescar

	window.onload = function(){
		refreshdiv(); // corremos inmediatamente la funcion
	}

Lo que ocupo es que el primer archivo, ejecute el submit del segundo

kef_11 · #4 (**permalink**) 03/10/2012, 16:12

Encontre que se debe usar la funcion eval() porque ajax imprime todo como texto, por eso no interpreta mi codigo javascript. Alguien sabe usar el eval?

zerokilled · #5 (**permalink**) 03/10/2012, 18:24

te recomendaría que mientras puedas evitar todos los derivados de evaluación, evítalo: eval, setTimeout y setInterval en forma de string, Function. lo que tienes que hacer es simple.

Código:

if(xmlHttp.responseText == "cerrado") form.submit();
else { ... }

ahí se compara si el estado es "cerrado", en dicho caso se envía el formulario.

kef_11 · #6 (**permalink**) 06/10/2012, 20:32

Muchas gracias a todos, al final utilice un script que me encontré en el foro, dejare el link por si alguien le sucede algo similar:

http://www.forosdelweb.com/f127/howto-ejecutar-javascript-que-viene-ajax-510438/

IXtremeLT · #7 (**permalink**) 06/10/2012, 23:08

En vez de hacer eval, sería mejor crear un elemento tipo script y a esta darle un innerHTML con el script que deseas ejecutar, finalmente lo insertas en el body y se evaluará tu script.

Ejemplo:

Código Javascript:

Ver originalvar script = document.createElement("script");
script.innerHTML = "alert(1)";
document.body.appendChild(script);

Pero en definitiva yo me iría a lo que dice zerokilled, es mejor recibir un estado o valor que índique que hacer en vez de recibir un script que evaluar.

Ya si es necesario recibir varios estados o valores hay que utilizar JSON.

Ejemplo

En tu archivo PHP que recibe la petición (php.php):

Código PHP:

Ver original<?php
 
$output = array(
    "estado" => 0,
    "mensaje" => "Hola mundo!",
    "funcion" => "miFuncion",
);
 
echo json_encode($output);
// '{"estado" : 0, "mensaje" : "Hola mundo!", "funcion" : "miFuncion"}'

En tu archivo que hace la petición:

Código HTML:

Ver original<script>
    var misFunciones = {
        miFuncion: function(msj){alert(msj);},
        miOtraFuncion: function(){/*...*/}
    };
    $.get("php.php", function(stringJSON){
        var resultado = $.parseJSON(stringJSON);
        // Aquí ya puedes obtener los valores de "resultado" como las propiedades de un objeto
        if ( ! resultado.estado ) {
            misFunciones[resultado.funcion](resultado.mensaje);
        }
    });
</script>

Observa :), saludos!