principiante - ayuda no se ni que buscar

[fenix4]

Listo!!! luego de 3 días de busqueda por internet, consegui hacer lo que queria.

Simplemente resolvi de otra forma...

El menú lo tengo en un div, el formulario lo presento en otro div, el resultado en otro div, y la consulta de los datos ingresados en otro div..

Para no complicarme mucho, practicamente hago 3 conexiones ajax. Una para cada uno de los Divs le dejo el codigo del HTML y el Ajax.

Aun estoy mejorando el código

Código:

addEvent(window,'load',inicializarEventos,false);



function inicializarEventos()

{

  // Mostramos los comentarios actuales

  // Asignamos el evento Onclick al boton1

  var $ob0=document.getElementById('enlaceA');

  addEvent($ob0,'click',presionBotonA,false); 

  var $ob1=document.getElementById('enlaceB');

  addEvent($ob1,'click',presionBotonB,false);
  var $ob2=document.getElementById('enlaceC');

  addEvent($ob2,'click',presionBotonC,false);
  var $ob3=document.getElementById('enlaceD');

  addEvent($ob3,'click',presionBotonD,false);  
  var $ob4=document.getElementById('enlaceD2');

  addEvent($ob4,'click',presionBotonD2,false);  
  var $ob5=document.getElementById('enlaceE');

  addEvent($ob5,'click',presionBotonE,false);
  var $ob6=document.getElementById('enlaceF');

  addEvent($ob6,'click',presionBotonF,false);     

}



//Presionaron un Boton

function presionBotonA(e)

{  
  cargarPagina('php/consultaA.php')	;
  var $IdContenidos = document.getElementById("contenidos");

  $IdContenidos.innerHTML = ""; 
  var $IdDiv = document.getElementById("resultados");

  $IdDiv.innerHTML = ""; 

}

function presionBotonB(B)

{	

  cargarFormulario('php/formularioB.php')	;		

  cargarPagina('php/consultaB.php')	;

}
function presionBotonBA(e)
{  
  var ob1=document.getElementById('nombre');
  var ob2=document.getElementById('apellido');
  var ob3=document.getElementById('cedula');  
  cargarDocente(ob1.value,ob2.value,ob3.value);
}

function presionBotonC(B)

{	

  cargarFormulario('php/formularioC.php')	;		

  cargarPagina('php/consultaC.php')	;

}
function presionBotonD(B)

{	

  cargarFormulario('php/formularioD.php')	;		

  cargarPagina('php/consultaD.php')	;

}
function presionBotonD2(B)

{	

  cargarFormulario('php/formularioD2.php')	;		

  cargarPagina('php/consultaD2.php')	;

}
function presionBotonE(B)

{	

  cargarFormulario('php/formularioE.php')	;		

  cargarPagina('php/consultaE.php')	;

}
function presionBotonF(B)

{	

  cargarFormulario('php/formularioF.php')	;		

  cargarPagina('php/consultaF.php')	;

}


//La variable es global para los manejos de eventos



var conexion1;///con1

function cargarFormulario(url)

{

  if(url=='')

  {
   var contenidos = document.getElementById("contenidos");

	contenidos.innerHTML = "";
	//document.getElementById("contenidos").setAttribute("visibility","hidden");
	//contenidos.disabled=true;
	return; 	

  }

  conexion1=crearXMLHttpRequest();

  conexion1.onreadystatechange = procesarEventosContenidos;

  conexion1.open("GET", url, true);

  conexion1.send(null);

}



function procesarEventosContenidos()

{

  var detalles = document.getElementById("contenidos");

  if(conexion1.readyState == 4)

  {

	if(conexion1.status==200)	

	{

		detalles.innerHTML = conexion1.responseText;		

	}else if(conexion1.status==404){

		detalles.innerHTML = 'La direccion no existe';

	}else	{

		detalles.innerHTML = 'Error: '.conexion1.status;

	}   

  }

  else

  {

    detalles.innerHTML ='<img src="/MI3/img/cargando.gif">';

  }

}



var conexion3;
function cargarDocente(nombres,apellidos,cedula) 
{
	 
  conexion3=crearXMLHttpRequest();
  conexion3.onreadystatechange = procesarEventosResultados;
  conexion3.open('GET','php/registroB.php?nombres='+nombres+'&apellidos='+apellidos+'&cedula='+cedula, true);
  conexion3.send(null);
  //cargarPagina('php/consultaB.php'); 
}

function procesarEventosResultados()
{
  var resultados = document.getElementById("resultados");
  if(conexion3.readyState == 4)
  {
    resultados.innerHTML = conexion3.responseText;
    cargarPagina('php/consultaB.php');
  } 
  else 
  {
    resultados.innerHTML = 'Cargando su comentario...';
  }
}
///
//La variable es global para los manejos de eventos
var conexion;
function cargarPagina(url)
{
  if(url=='')
  {
    return;
  }
  conexion=crearXMLHttpRequest();
  conexion.onreadystatechange = procesarEventosReporte;
  conexion.open("GET", url, true);
  conexion.send(null);
}

function procesarEventosReporte()
{
  var detalles = document.getElementById("reporte");
  if(conexion.readyState == 4)
  {
	if(conexion.status==200)	
	{

		detalles.innerHTML = conexion.responseText;

	}else if(conexion.status==404){

		detalles.innerHTML = 'La direccion no existe';

	}else	{

		detalles.innerHTML = 'Error: '.conexion.status;

	}   
  }
  else
  {
    detalles.innerHTML ='<img src="/MI3/img/cargando.gif">';
  }
}
///



//***************************************

//Funciones comunes a todos los problemas

//***************************************



function addEvent(elemento,nomevento,funcion,captura){

  if (elemento.attachEvent)  {

    elemento.attachEvent('on'+nomevento,funcion);

    return true;

  }  else  

    if (elemento.addEventListener)    {

      elemento.addEventListener(nomevento,funcion,captura);

      return true;

    }

    else

      return false;

}



function crearXMLHttpRequest() {

  var xmlHttp=null;

  if (window.ActiveXObject) 

    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

  else 

    if (window.XMLHttpRequest) 

      xmlHttp = new XMLHttpRequest();

  return xmlHttp;

}

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"lang="es" xml:lang="es">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>CCNPG - </title>

<link href="css/estilos.css" rel="stylesheet" type="text/css">

<script language="JavaScript" type="text/javascript" src="ajax/funciones2.js"></script>

</head>

<body>
<table>
<tr>
<td valign="top"  >

<div id="menu"> 
<a id="enlaceA" href="#">Formulario A</a>
<a id="enlaceB" href="#">Formulario B</a>
<a id="enlaceC" href="#">Formulario C</a>
<a id="enlaceD" href="#">Formulario D</a>
<a id="enlaceD2" href="#">Formulario D2</a>
<a id="enlaceE" href="#">Formulario E</a>
<a id="enlaceF" href="#">Formulario F</a>
<a href="javascript:MostrarConsulta('formulario.htm', 'contenidos');">Resumen</a>
<a href="javascript:MostrarConsulta('formularioFin.htm', 'contenidos');">Fin</a>
</div>
</td><td>

<div id="contenidos"></div>
<div id="resultados"></div>
<div id="reporte"></div>
</td>
</tr>
</table>

</body>

</html>