Os pongo el codigo que tengo, y os explico lo que quiero hacer.
En la pagina principal tengo un formulario, que envia el contenido de un input type file a php_plantillas.php, y aqui guarda el archivo en la tabla plantillas, y luego me saca un mensaje de "guardada en la BD" que sale en el div id="mensajeResultado" a traves del iframe y no recarga la pagina.
Despues tengo un ENLACE que llama a la función Enviar() y que me carga en el div id="contenido" la pagina tipos.php sin recargar la pagina.
La pagina tipos.php hace una consulta a la tabla plantillas y visualiza las plantillas guardadas.
La funcion de la pagina es que se pueda guardar una plantilla, me saque un mensaje de "guardado en la BD" y al mismo tiempo que me cargue el div id="contenido" lo que hay en la tabla y sin recargar toda la pagina
¿COMO PUEDO HACER PARA QUE AL GUARDAR EN LA BD ME VISUALICE LA PAGINA QUE SACA EL CONTENIDO DE LA TABLA PLANTILLAS EN EL DIV CONTENIDO?
Lo que tengo es un enlace, pero yo quiero que funcione al enviar el formulario
PAGINA PRINCIPAL
Código HTML:
<html>
<head>
<title>pagina</title>
<script language="JavaScript" type="text/javascript" src="cargar.js"></script>
</head>
<body>
<form action="php_plantillas.php" method="post" enctype="multipart/form-data" id="frplantilla" target="iframeUpload" onSubmit="return validacion1(this)">
Plantilla:<input type="file" name="plantilla" id="plantilla">
<input type="submit" name="engadir" id="engadir" value="Engadir">
</form>
<iframe id="iframeUpload" name="iframeUpload" style="display:none"></iframe>
<div id="mensajeResultado" name="mensajeResultado"></div>
<a href="javascript:Enviar('tipos.php','contenido')" > <!-- ENLACE PARA CARGAR A TRAVES DE AJAX -->ENLACE</a>
<div id="contenido">
</div>
</body>
</html>
PHP_PLANTILLAS.PHP
Código PHP:
<?php
Se sube el contenido del formulario al servidor y se saca mensaje con:
echo "<SCRIPT language='JavaScript' type='text/javascript'>parent.document.getElementById('mensajeResultado').innerHTML = '* Plantilla guardada en la B.D.';</SCRIPT>";
sino
echo "<SCRIPT language='JavaScript' type='text/javascript'>parent.document.getElementById('mensajeResultado').innerHTML = 'La plantilla no se guardo';</SCRIPT>";
?>
TIPOS.PHP
[PHP]
Codigo que me saca de la tabla plantillas las plantillas que hay en ella
[PHP]
CARGAR.JS (Este codigo funciona bien, solo es para que os deis una idea)
Código:
function ajaxFunction() {
var xmlHttp;
try {
xmlHttp=new XMLHttpRequest();
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
return xmlHttp;
} catch (e) {
try {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
} catch (e) {
alert("O teu navegador non soporta AJAX!");
return false;
}}}
}
function Enviar(_pagina,capa) {
var ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = " Agarde por favor...";
}
if (ajax.readyState == 4) {
document.getElementById(capa).innerHTML=ajax.responseText;
}}
ajax.send(null);
}
