Aggiungere colore di sfondo sfumato all'elenco vista righe con jQuery

Question

In SharePoint 2007 utilizzando Tipi di contenuto e Editting NewForm.aspx con jQuery sono riuscito a personalizzare l'aspetto di un nuovo elemento, l'aggiunta di un'identità sfumatura di colore per ogni tipo di contenuto. Voglio continuare quello sguardo nelle viste, anche. Per il "tutti gli articoli" Vista, ho aggiunto un Web Content Editor delle Parti in cui ho codificato stili e script di jQuery. Mi piacerebbe essere in grado di visualizzare i gradienti di colore nella vista e ho compiuto che in FireFox ma IE8 sembra resistente.

Nel Content Editor Web Part Ho codice che funziona in ForeFox ma non in IE8. Il problema sembra essere che IE8 non gestisce dichiarazione jQuery: $ Text.parent (); .

Domanda: Qualcuno sa di un modo per aggiungere una classe per un genitore senza utilizzare obj.Parent ()? O c'è un IE soluzione di questo problema?

A proposito, questa affermazione jQuery funziona in IE8:. $ Text.parent () css ( "background-color", "# FF0000"); , tuttavia, il che è senza il gradiente qualità.

Grazie in anticipo,

-Arnold

Codice:

<style type="text/css">
.formRedBackground
{
    background: white;
    background: -moz-linear-gradient(top, white, #FF0000);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to  (#FF0000));
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='white', EndColorStr='#FF0000', gradientType='0');
    color:#FFFFFF;
}

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$Text = $("td .ms-vb2:contains('Red')");
var myelement = $Text.parent();
myelement.addClass('formRedBackground');

});

Answer 1

Ho trovato la risposta alla mia domanda. Ho modificato il jQuery per eseguire una funzione sul genitore del TD. Ho anche finito per cambiare la mia richiesta in modo che solo i primi due elementi TD in un TR sono colorato.

Ecco il codice nel caso in cui aiuta a qualcun altro:

<script type="text/javascript">
$(document).ready(function(){

$Text = $("td .ms-vb2:contains('Beige')");
$Text.parent().each(function() { $("td:lt(2)", this).addClass("formBeigeBackground");});

$Text = $("td .ms-vb2:contains('Black')");
$Text.parent().each(function() { $("td:lt(2)", this).addClass("formBlackBackground");});

$Text = $("td .ms-vb2:contains('Lavender')");
$Text.parent().each(function() { $("td:lt(2)", this).addClass("formLavenderBackground");});

$Text = $("td .ms-vb2:contains('Pink')");
$Text.parent().each(function() { $("td:lt(2)", this).addClass("formPinkBackground");});

$Text = $("td .ms-vb2:contains('Red')");
$Text.parent().each(function() { $("td:lt(2)", this).addClass("formRedBackground");});

});
</script>

Questo è un ottimo sito,

-Arnold