Foros del Web » Programando para Internet » Javascript » Frameworks JS »

buscar una fila que tenga un color de fondo concreto

Estas en el tema de buscar una fila que tenga un color de fondo concreto en el foro de Frameworks JS en Foros del Web. hola tengo una tabla en la cual tengo una fila (tr) que tiene un style='background-color:#FF9 y lo que quiero hacer es que cuando cargue el ...
  #1 (permalink)  
Antiguo 22/06/2012, 09:57
Avatar de engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 8 meses
Puntos: 8
buscar una fila que tenga un color de fondo concreto

hola tengo una tabla en la cual tengo una fila (tr) que tiene un style='background-color:#FF9 y lo que quiero hacer es que cuando cargue el documento este color se desvanezca


tengo entendido que se puede hacer con .find() pero no se como hacerlo si alguien sabe le estaré agradecido
  #2 (permalink)  
Antiguo 22/06/2012, 10:24
Avatar de engonga
Usuario no validado
 
Fecha de Ingreso: marzo-2002
Ubicación: Buenos Aires
Mensajes: 1.300
Antigüedad: 22 años, 8 meses
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'

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:15.