ya estoy mirando de hacerlo
por que uso ajax.responseText y no me pinta la tabla
yo tengo esto
Código HTML:
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function enviarDatos(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
divFormulario = document.getElementById('formulario');
//valores de los inputs
id=document.formactualiza.id.value;
desc=document.formactualiza.desc.value;
seccion=document.formactualiza.seccion.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//usando del medoto POST
//archivo que realizará la operacion
//actualizacion.php
ajax.open("POST", "coquela_carta_update.php?accio=actualizo",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar los nuevos registros en esta capa
divResultado.innerHTML = ajax.responseText
//mostrar un mensaje de actualizacion correcta
divFormulario.innerHTML = "<p style=\"border:1px solid red; width:400px;\">La actualización se realizó correctamente</p>";
}
}
//muy importante este encabezado ya que hacemos uso de un formulario
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("id="+id+"&seccion="+seccion+"&desc="+desc)
}
function enviarDatosOrden(masomenos, id){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//instanciamos el objetoAjax
ajax=objetoAjax();
//usando del medoto POST
//archivo que realizará la operacion
//actualizacion.php
ajax.open("POST", "coquela_carta_update.php?accio=actualitzoOrdre",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar los nuevos registros en esta capa
divResultado.innerHTML = ajax.responseText
}
}
//muy importante este encabezado ya que hacemos uso de un formulario
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
if(masomenos > 0){
ajax.send("idact="+id+"&nordre=mas");
}
if(masomenos == 0){
ajax.send("idact="+id+"&nordre=menos");
}
}
function pedirDatos(idempleado){
//donde se mostrará el formulario con los datos
divFormulario = document.getElementById('formulario');
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod GET
ajax.open("POST", "coquela_carta_consulta_id.php");
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divFormulario.innerHTML = ajax.responseText
//mostrar el formulario
divFormulario.style.display="block";
}
}
//como hacemos uso del metodo GET
//colocamos null
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("idact="+idempleado)
}
y por ejemplo la funcion enviarDatosOrden(masomenos, id) me devuelve una tabla si miro el codigo fuente
Código HTML:
<table id="registros" > <tr> <td>id</td> <td>seccio</td> <td>desc</td> <td>orden</td> <td></td> </tr> <tr > <td><a style="text-decoration:underline;cursor:pointer;" onclick="pedirDatos('4')">4</td> <td>Entrantes</td> <td>aaaaaaaaaaaapistachos salteados con soja</td> <td>5</td> <td><a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(1,'4')" >+</a> <a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(0,'4')" >-</a> </tr> <tr > <td><a style="text-decoration:underline;cursor:pointer;" onclick="pedirDatos('1')">1</td> <td>Entrantes</td> <td>carpaccio de buey con parmesano y aceite de tofona</td> <td>6</td> <td><a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(1,'1')" >+</a> <a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(0,'1')" >-</a> </tr>...
pero el XMLHttpRequest me devuelve esto
Código HTML:
<table id="registros" > <tr> <td>id</td> <td>seccio</td> <td>desc</td> <td>orden</td> <td></td> </tr> <tr style='background-color:#FF9' > <td><a style="text-decoration:underline;cursor:pointer;" onclick="pedirDatos('2')">2</td> <td>Entrantes</td> <td>lagrimas de pollo con mostaza</td> <td>5</td> <td><a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(1,'2')" >+</a> <a style="text-decoration:underline;cursor:pointer;" onclick="enviarDatosOrden(0,'2')" >-</a> </tr>
en el primer tr tiene un 'background-color:#FF9'
y es lo que tengo que controlar para que cuando se cargue el documento este color de fondo se desvanesca.
ya no se por donde mirar ni que hacer
style='background-color:#FF9'