Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/06/2012, 10:24
Avatar de engonga
engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 1 mes
Puntos: 8
Respuesta: buscar una fila que tenga un color de fondo concreto

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&oacute;n se realiz&oacute; 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>&nbsp;<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>&nbsp;<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>&nbsp;<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'