// Este método se invoca al seleccionar un oficio en la página oficios.php
// Este método solicita asinc. la lista de los elementos relacionados con el oficio
// Parámetros: id - id del Oficio seleccionado
// la estructura de la solicitud es:
// oficio = id
function OnOficioClick(id){
// construir el objeto XML
//alert("entrando a onOficioClick. Parametro: id = "+id);
//alert ('creando newXMLHttpRequest()');
var req = newXMLHttpRequest();
//alert("XMLHttpRequest creado");
//alert("req");
//alert(req);
// registar el método para recibir la respuesta
//alert("Registrando método actualizarOficio para ejecutar el recibir respuesta");
var callbackHandler = getReadyStateHandler(req, actualizarOficio);
req.onreadystatechange = callbackHandler;
// setear el XML como corresponde
// req.open("POST", "http://192.168.1.15/craftware/cargar_oficios.php", true);
req.open("POST", "cargar_oficios.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// actualizar la página ANTES de viajar al servidor
// colocar la palabra "Cargando..." en las 3 listas
//alert("poner la palabra cargando en la lista de herramientas");
var item = document.getElementById("herramientas");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("capacitaciones");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("consultorias");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("verDetalles");
item.innerHTML = " ";
// enviar el mensaje al servidor
//alert("enviado informacion al servidor desde on onOficioClik");
req.send("oficio=" + id);
//alert("informacion enviada (fin de onOficioClik)");
}
// Este método se invoca al recibir la respuesta del servidor.
// El parámetro lleva la información a desplegar sobre las Capacitaciones, Herramientas y Consultorías
// Estrutcura del parámetro:
//
//
// TEXTO_HTML (cada DIV tiene un id (de Oficio). El Oficio seleccionado tiene su DIV con el id="sel")
//
//
// TEXTO_HTML
//
//
// TEXTO_HTML
//
//
// TEXTO_HTML
//
//
function actualizarOficio(testXML) {
// Extraer los HTML de cada tag
//alert('actualizarOficio');
var oficios = testXML.getElementsByTagName("oficios")[0];
oficios = oficios.firstChild.nodeValue;
var herramientas = testXML.getElementsByTagName("herramientas")[0];
herramientas = herramientas.firstChild.nodeValue;
var capacitaciones = testXML.getElementsByTagName("capacitaciones")[0];
capacitaciones = capacitaciones.firstChild.nodeValue;
var consultorias = testXML.getElementsByTagName("consultorias")[0];
consultorias = consultorias.firstChild.nodeValue;
var verDetalles = testXML.getElementsByTagName("verDetalles")[0];
verDetalles = verDetalles.firstChild.nodeValue;
// Colocar los elementos HTML donde corresponde
var item = document.getElementById("oficios");
item.innerHTML = oficios;
var item = document.getElementById("herramientas");
item.innerHTML = herramientas;
var item = document.getElementById("capacitaciones");
item.innerHTML = capacitaciones;
var item = document.getElementById("consultorias");
item.innerHTML = consultorias;
var item = document.getElementById("verDetalles");
item.innerHTML = verDetalles;
}
//the following two functions are helper infrastructure to
//craete a XMLHTTPRequest and register a listner callback function
function newXMLHttpRequest() {
var xmlreq = false;
if (window.XMLHttpRequest) {
xmlreq = new XMLHttpRequest();
//alert('XMLHttpRequest creado correctamente');
}
else if (window.ActiveXObject) {
// Try ActiveX
try {
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
//alert('XMLHttpRequest no creado... se crea ActiveXObject("Msxml2.XMLHTTP")');
} catch (e1) {
// first method failed
try {
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
//alert('XMLHttpRequest no creado... se crea ActiveXObject("Microsoft.XMLHTTP")');
} catch (e2) {
// both methods failed
//alert('no se pudo crear xmlreq... error tratando de crear XMLHttpRequest')
} // de catch()
} // de catch
} // de else if
return xmlreq;
}
function getReadyStateHandler(req, responseXmlHandler) {
return function () {
//alert("entrando a getReadyStateHandler return function");
//alert("getReadyStateHandler return function dice --- req.readyState :"+req.readyState);
//alert("getReadyStateHandler return function dice --- req.status :"+req.status);
if (req.readyState == 4) {
//alert("getReadyStateHandler return function dice -- responseXmlHandler");
//alert(responseXmlHandler);
//alert('getReadyStateHandler return function dice -- req.responseXML');
//alert(req.responseXML);
//alert('getReadyStateHandler return function dice -- req.status = '+req.status);
if (req.status == 200) {
//alert("req.responseXML");
//alert(req.responseXML);
responseXmlHandler(req.responseXML);
}
else {
//alert('error');
var hellomsg = document.getElementById("herramientas");
hellomsg.innerHTML = "ERROR: "+ req.status;
}
} // if
} // de return
}
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
//
// Funciones para actualizar lista de clientes
//
// BUSCAR CLIENTE
// clientes.htm
//
function OnBuscarClientesClick(chkDominios, chkServicios){
/* Parámetros:
chkDominios = checkbox con la lista de dominios selecionados
chkServicios = checkbox con la lista de servicios selecionados */
var req = newXMLHttpRequest();
var callbackHandler = getReadyStateHandler(req, actualizarListaClientes);
req.onreadystatechange = callbackHandler;
req.open("POST", "cargar_clientes.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
var item = document.getElementById("listaClientes");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var mensage = "";
for (i = 0; i < chkDominios.length; i++) {
//alert ("check numero "+i+" : checked =" + chkDominios[i].checked + "\n" + " value: " + chkDominios[i].value ) ;
mensage = mensage + "dominio_"+chkDominios[i].value + "=" + chkDominios[i].checked +"&"
}
for (i = 0; i < chkServicios.length; i++) {
//alert ("check numero "+ i+ " : checked =" + chkServicios[i].checked + "\n" + " value: " + chkServicios[i].value ) ;
mensage = mensage + "servicio_"+chkServicios[i].value + "=" + chkServicios[i].checked +"&"
}
//mensage = "parametro1=1";
req.send(mensage);
//alert("informacion enviada (fin de onOficioClik)");
}
function actualizarListaClientes(testXML) {
var listaClientes = testXML.getElementsByTagName("listaClientes")[0];
//listaClientes = listaClientes.firstChild.nodeValue;
//cuando el tamaño del html recibido es mayor que 4Kb (4096)
//entonces se utiliza la funcion concatChildValues()
listaClientes = concatChildValues(listaClientes)
var item = document.getElementById("listaClientes");
item.innerHTML = listaClientes;
}
///////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////
// Funcion para unir nodes.child mayores a a 4K
//
// fuente:
// http://trac.openlayers.org/attachment/ticket/1006/nodeValue.patch
//
function concatChildValues (node, def) {
var value = "";
var child = node.firstChild;
var childValue;
while(child) {
childValue = child.nodeValue;
if(childValue) {
value += childValue;
}
child = child.nextSibling;
}
if(value == "" && def != undefined) {
value = def;
}
return value;
}
//////////////////////////////////////////////////////////////////////////////////////////
// //
// Actualizar informacion //
// de la página de herramientas //
// //
// //
function OnHerramientaClick(id){
var req = newXMLHttpRequest();
var callbackHandler = getReadyStateHandler(req, actualizarHerramienta);
req.onreadystatechange = callbackHandler;
req.open("POST", "cargar_herramientas.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// actualizar la página ANTES de viajar al servidor
// colocar la palabra "Cargando..." en las 3 listas
//alert("poner la palabra cargando en la lista de herramientas");
var item = document.getElementById("oficios");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("capacitaciones");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("consultorias");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("verDetalles");
item.innerHTML = " ";
// enviar el mensaje al servidor
//alert("enviado informacion al servidor desde on onOficioClik");
req.send("herramineta=" + id);
//alert("informacion enviada (fin de onOficioClik)");
}
function actualizarHerramienta(testXML) {
// Extraer los HTML de cada tag
//alert('actualizarHerramienta');
var oficios = testXML.getElementsByTagName("oficios")[0];
oficios = oficios.firstChild.nodeValue;
//alert (oficios);
var herramientas = testXML.getElementsByTagName("herramientas")[0];
herramientas = herramientas.firstChild.nodeValue;
//alert (herramientas);
var capacitaciones = testXML.getElementsByTagName("capacitaciones")[0];
capacitaciones = capacitaciones.firstChild.nodeValue;
//alert (capacitaciones);
var consultorias = testXML.getElementsByTagName("consultorias")[0];
consultorias = consultorias.firstChild.nodeValue;
//alert(consultorias);
var verDetalles = testXML.getElementsByTagName("verDetalles")[0];
verDetalles = verDetalles.firstChild.nodeValue;
//alert(verDetalles);
// Colocar los elementos HTML donde corresponde
var item = document.getElementById("oficios");
item.innerHTML = oficios;
var item = document.getElementById("capacitaciones");
item.innerHTML = capacitaciones;
var item = document.getElementById("consultorias");
item.innerHTML = consultorias;
var item = document.getElementById("verDetalles");
item.innerHTML = verDetalles;
var item = document.getElementById("herramientas");
item.innerHTML = herramientas;
}
//////////////////////////////////////////////////////////////////////////////////////////
// //
// Actualizar informacion //
// de la página de CONSULTORIA //
// //
// //
function OnConsultoriaClick(id){
var req = newXMLHttpRequest();
var callbackHandler = getReadyStateHandler(req, actualizarConsultoria);
req.onreadystatechange = callbackHandler;
req.open("POST", "cargar_consultoria.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// actualizar la página ANTES de viajar al servidor
// colocar la palabra "Cargando..." en las 3 listas
//alert("poner la palabra cargando en la lista de herramientas");
var item = document.getElementById("oficios");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("capacitaciones");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("herramientas");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("verDetalles");
item.innerHTML = " ";
// enviar el mensaje al servidor
//alert("enviado informacion al servidor desde on onOficioClik");
req.send("consultoria=" + id);
//alert("informacion enviada (fin de onOficioClik)");
}
function actualizarConsultoria(testXML) {
// Extraer los HTML de cada tag
//alert('actualizarHerramienta');
var oficios = testXML.getElementsByTagName("oficios")[0];
oficios = oficios.firstChild.nodeValue;
//alert (oficios);
var herramientas = testXML.getElementsByTagName("herramientas")[0];
herramientas = herramientas.firstChild.nodeValue;
//alert (herramientas);
var capacitaciones = testXML.getElementsByTagName("capacitaciones")[0];
capacitaciones = capacitaciones.firstChild.nodeValue;
//alert (capacitaciones);
var consultorias = testXML.getElementsByTagName("consultorias")[0];
consultorias = consultorias.firstChild.nodeValue;
//alert(consultorias);
var verDetalles = testXML.getElementsByTagName("verDetalles")[0];
verDetalles = verDetalles.firstChild.nodeValue;
//alert(verDetalles);
// Colocar los elementos HTML donde corresponde
var item = document.getElementById("oficios");
item.innerHTML = oficios;
var item = document.getElementById("capacitaciones");
item.innerHTML = capacitaciones;
var item = document.getElementById("consultorias");
item.innerHTML = consultorias;
var item = document.getElementById("verDetalles");
item.innerHTML = verDetalles;
var item = document.getElementById("herramientas");
item.innerHTML = herramientas;
}
//////////////////////////////////////////////////////////////////////////////////////////
// //
// Actualizar informacion //
// de la página de CAPACITACION //
// //
// //
function OnCapacitacionClick(id){
var req = newXMLHttpRequest();
var callbackHandler = getReadyStateHandler(req, actualizarCapacitacion);
req.onreadystatechange = callbackHandler;
req.open("POST", "cargar_capacitacion.php", true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// actualizar la página ANTES de viajar al servidor
// colocar la palabra "Cargando..." en las 3 listas
//alert("poner la palabra cargando en la lista de herramientas");
var item = document.getElementById("consultorias");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("oficios");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("herramientas");
item.innerHTML = "" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"" +
" | " +
"
" +
"
";
var item = document.getElementById("verDetalles");
item.innerHTML = " ";
// enviar el mensaje al servidor
//alert("enviado informacion al servidor desde on onOficioClik");
req.send("capacitacion=" + id);
//alert("informacion enviada (fin de onOficioClik)");
}
function actualizarCapacitacion(testXML) {
// Extraer los HTML de cada tag
//alert('actualizarHerramienta');
var oficios = testXML.getElementsByTagName("oficios")[0];
oficios = oficios.firstChild.nodeValue;
//alert (oficios);
var herramientas = testXML.getElementsByTagName("herramientas")[0];
herramientas = herramientas.firstChild.nodeValue;
//alert (herramientas);
var capacitaciones = testXML.getElementsByTagName("capacitaciones")[0];
capacitaciones = capacitaciones.firstChild.nodeValue;
//alert (capacitaciones);
var consultorias = testXML.getElementsByTagName("consultorias")[0];
consultorias = consultorias.firstChild.nodeValue;
//alert(consultorias);
var verDetalles = testXML.getElementsByTagName("verDetalles")[0];
verDetalles = verDetalles.firstChild.nodeValue;
//alert(verDetalles);
// Colocar los elementos HTML donde corresponde
var item = document.getElementById("oficios");
item.innerHTML = oficios;
var item = document.getElementById("capacitaciones");
item.innerHTML = capacitaciones;
var item = document.getElementById("consultorias");
item.innerHTML = consultorias;
var item = document.getElementById("verDetalles");
item.innerHTML = verDetalles;
var item = document.getElementById("herramientas");
item.innerHTML = herramientas;
}
![](\"imagenes/spacer.gif\"){kind=spacer}
![](\"../../imagenes/ajax-loader.gif\")
![](\"../../imagenes/big-roller.gif\")