Muy buenos días!
Estoy trabajando sobre una página que traería datos desde un MySQL, y estos datos, luego, debería repartirse por 3 divs + 1 div (listados), donde se realiza un listado de los datos solicitados.
Luego, en cada uno de estos 3 primeros divs hay un form que cargaría el div "listados".
El código de index.php
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CARGANDO DIVS</title>
<!-- INICIO JQUERY -->
<script src="js/jquery.js"></script>
<!-- FIN JQUERY -->
<!-- INICIO CONFIGURACIONES -->
<script src="js/ajax.js" type="text/javascript"></script>
<!-- FIN CONFIGURACIONES -->
<!-- INICIO INCLUDES "CALENDARIO"-->
<link rel="stylesheet" type="text/css" href="moduleCalendar/codebase/dhtmlxcalendar.css">
<script src="moduleCalendar/codebase/dhtmlxcommon.js"></script>
<script src="moduleCalendar/codebase/dhtmlxcalendar.js"></script>
<script>window.dhx_globalImgPath="moduleCalendar/codebase/imgs/";</script>
<!-- FIN INCLUDES "CALENDARIO"-->
<!-- INICIO Validación RESPONSABLES TAREAS -->
<script src="js/error_carg.js" type="text/javascript"></script>
<!-- FIN Validación RESPONSABLES TAREAS -->
<link href="css/estilos.css" media="all" type="text/css" rel="stylesheet">
<!-- INICIO INCLUDES "ENVIA VARIABLES" -->
<script>
function recibeid(_pagina,valorget,valorpost,capa){
ajax=objetus(_pagina);
if(valorpost!=""){
ajax.open("POST", _pagina+"?"+valorget+"&tiempo="+new Date().getTime(),true);
} else {
ajax.open("GET", _pagina+"?"+valorget+"&tiempo="+new Date().getTime(),true);
}
ajax.onreadystatechange=function() {
if (ajax.readyState==1){
document.getElementById(capa).innerHTML = "<img src='loadingcircle.gif' align='center'> Aguarde por favor...";
}
if (ajax.readyState==4) {
if(ajax.status==200)
{document.getElementById(capa).innerHTML = ajax.responseText;}
else if(ajax.status==404)
{
capa.innerHTML = "La direccion no existe";
}
else
{
capa.innerHTML = "Error: ".ajax.status;
}
}
}
if(valorpost!=""){
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(valorpost);
} else {
ajax.send(null);
}
}
</script>
<?
include("cargadores.php");
?>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div id="resp_tarea"></div></td>
<td width="5"></td>
<td valign="top"><div id="fechas"></div></td>
</tr>
<tr>
<td height="5"></td>
<td width="5" height="5"></td>
<td height="5"></td>
</tr>
<tr>
<td colspan="3" valign="top"><div id="form_carga"></div></td>
</tr>
<tr>
<td height="5"></td>
<td width="5" height="5"></td>
<td height="5"></td>
</tr>
<tr>
<td colspan="3" valign="top"><div id="listados"></div></td>
</tr>
<tr>
<td height="5"></td>
<td width="5" height="5"></td>
<td height="5"></td>
</tr>
</table>
<!-- INICIO Cargador "Loading" -->
<span id="loading"></span>
<!-- FIN Cargador "Loading" -->
</body>
</html> La función "recibeid" es la que utilizo en estos tres formularios para cargar luego datos en el div listados.
Bien, mi problema es que al cargar index.php, cargar los datos con cargadores.php y crear las variables php según la DB, no se como hacer que los 4 divs tomen las variables ya cargadas. La única manera que encontré es creando una conexión por cada div, pero no me sirve para este caso.
¿Como se podrían enviar las variables a los 4 divs?
¿Es necesario alguna otra info para que pueda ayudar?
Gracias desde ya!
Saludos!