consulta jquery

rjmcready · 2015/04/20

Estimados, tengo un gridview que tiene diferentes columnas, una de ellas contiene un numero x que va subiendo cada cierto tiempo, pero lo que debo hacer es pintarlas, por ejemplo una de ellas ya esta pintada.

grdCell
{
background-color:#f47a80;
}

.grdCell

<script type='text/javascript'>
$(function () {
$("[id*=GridView1] td").filter(function () {
return $(this).text() == "FUERA SLA";
}).addClass("grdCell");
});
</script>

Aquí recorrí mi Gridview y si decía "FUERA SLA" .pintaba la celda del color que se definió mas arriba, pero el problema es que tengo otra columna que necesito pintarla según avance, por ejemplo. Si esta columna esta en 01:00 a 02:00 pintarla de un color, si esta entre 03:00 a 04:00 pintar la celda de otro color y así sucesivamente. Eso, me gustaría que me orientaran un poco, he averiguado, pero me ordenaron hacer esto con jquery., se que hay métodos mas fáciles. Desde ya amigos, gracias!

rjmcready · 2015/04/21

estimados, la solución para quien le sirva. cerrar por favor.

<head runat="server">
<title>GridView Cell Background Color by DevCurry.com</title>
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<style type="text/css">
.grdCell
{
background-color:#f47a80;
}

.grdCell2
{
background-color:#f60019;
}

</style>

<style type="text/css">
.naranjo
{
background-color:#f97910;
}

</style>

<style type="text/css">
.amarillo
{
background-color:#f7f910;
}

</style>

<style type="text/css">
.verdeclaro
{
background-color:#07c301;
}
</style>

<style type="text/css">
.verde
{
background-color:#097405;
}

</style>

<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>

<script type='text/javascript'>
$(function () {
$("[id*=GridView1] td").filter(function () {
return $(this).text() == "FUERA SLA";
}).addClass("grdCell");
});
</script>

<script type='text/javascript'>
$('document').ready(function () {
$('[id*=GridView1] tr:has(td)').each(function () {

var tdElement = $(this).find('td:eq(10)');
var celltext = tdElement.text();

var hour = (celltext);
if (hour == '00:00') {
tdElement.addClass('grdCell2');
}
});
});
</script>
<script type='text/javascript'>
$('document').ready(function () {
$('[id*=GridView1] tr:has(td)').each(function () {

var tdElement = $(this).find('td:eq(10)');
var celltext = tdElement.text();

var hour = (celltext);
if (hour >= '00:01') {
tdElement.addClass('naranjo');
}
});
});
</script>

<script type='text/javascript'>
$('document').ready(function () {
$('[id*=GridView1] tr:has(td)').each(function () {

var tdElement = $(this).find('td:eq(10)');
var celltext = tdElement.text();

var hour = (celltext);
if (hour >= '02:00') {
tdElement.addClass('amarillo');
}
});
});
</script>

<script type='text/javascript'>
$('document').ready(function () {
$('[id*=GridView1] tr:has(td)').each(function () {

var tdElement = $(this).find('td:eq(10)');
var celltext = tdElement.text();

var hour = (celltext);
if (hour >= '04:00') {
tdElement.addClass('verdeclaro');
}
});
});
</script>

<script type='text/javascript'>
$('document').ready(function () {
$('[id*=GridView1] tr:has(td)').each(function () {

var tdElement = $(this).find('td:eq(10)');
var celltext = tdElement.text();

var hour = (celltext);
if (hour >= '06:00') {
tdElement.addClass('verde');
}
});
});
</script>
</head>

consulta jquery

rjmcready

Ocios@

rjmcready

Ocios@