Разные картинки в таблице

[isamael]

День добрый!

Имеем вот такой скрипт

<script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script>

и css

<style>
<!--
.table_goods { margin: auto; }
.tr_head {}
.td_head_name {padding: 3px; background-color:#ffffff;}
.td_head_price {padding: 3px; background-color:#ffffff;}
.head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;}
.head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;}
.tr_row { float: left; }
.td_row_name {
	background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDEDED 90%);
	background: -webkit-linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDEDED 90%);
	background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0,#FDFDFD),color-stop(0.1,#FCFCFC),color-stop(0.6,#F6F6F6),color-stop(0.8,#F0F0F0),color-stop(0.9,#EDEDED));
	background: -moz-linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDEDED 90%);
	display: block;
	height: auto;
	font-size: 12px;
	text-shadow: 1px 1px 0 white;
	position: relative;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
	border-color: #EEE rgba(20, 20, 20, 0.2) #D2D2D2;
	-webkit-box-shadow: 0 1px 2px rgba(20, 20, 20, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(20,20,20,0.5);
	box-shadow: 0 1px 2px rgba(20, 20, 20, 0.5);
	padding: 1px 2px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	color: black;
	overflow: hidden;
	margin: 5px;
}
.td_row_price {padding: 4px; margin-left: 100px; float: left;}
.link_name {
	color: transparent; 
	display: block; 
	width: 230px; 
	height: 146px;
	background-image: url(../images/2012-giftcards-itunes-blue-25_GEO_US.png);
	background-repeat: no-repeat no-repeat;
}
.link_name:hover { color: transparent; }
.row_price {
	font-size: 12px;
	color: #666;
	font-family: "Lucida Grande";
	line-height: 1.7em;
}
.row_price:before{
        text-align:left;
        content:"$";
}
.table_pages {border:0px solid white; width:100%}
.tr_pages {border:none}
.td_pages {color:#000000; text-decoration:none;}
.pages_str {11px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-weight:600;}
.select_page {11px; Verdana, Arial, Helvetica, Sans serif; font-weight:600; color:#ffffff; background-color:#BFBFBF;}
.link_page {11px; Verdana, Arial, Helvetica, Sans serif; font-weight:600; color:#223388;}
.link_page:hover {11px; Verdana, Arial, Helvetica, Sans serif; font-weight:600; color:#223388;}
-->
</style>

На выходе получается таблица, править которую не могу, она из скрипта вылазит! Как сделать чтобы в каждой "td_row_name" была своя картинка, но отличалась от другой "td_row_name". Всего их три.

[boo]

мб присвоить каждой ячейке оригинальный класс?

[isamael]

мб присвоить каждой ячейке оригинальный класс?

я не могу это сделать, все что я могу изменить это css, скрипт выводит таблицу с совершенно другого ресурса,

[Great Rash]

Написать еще один скрипт, который будет отрабатывать после того как этот отрисует таблицу. В этом скрипте находить нужные ячейки и присваивать им нужные классы.

[Николя223]

Jquery подключить то можешь? если, да то проблемма быстро решиться... Можно попытаться и на JS решить, но для тебя JQ предпочтительнее)) он прост

[isamael]

Jquery подключить то можешь? если, да то проблемма быстро решиться... Можно попытаться и на JS решить, но для тебя JQ предпочтительнее)) он прост

Могу, можете подсказать что именно писать? Простите, но тут я профан((((

[Николя223]

этот код в шапку - подключение JQuery

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

это лучше подключить в самый низ странички

<script type="text/javascript">
$('.td_row_name:eq(0)').css({ "background-color":"yellow", "font-weight":"bolder" });
$('.td_row_name:eq(1)').css({ "background-color":"red", "font-weight":"bolder" });

$('.td_row_name:eq(2)').css({ "background-color":"green", "font-weight":"bolder" });
</script>

Так попробуйте)) в этом примере,первая, вторая и третья ячейка с таким классом поменяет background-color на жёлтый красный и зеленый и шрифт на жирный))) )))

P.S: я обычно пользовался Javascriptom, и только сейчас решил JQ всерьез рассматривать...

и сделал вывод - JQ это классный, и простой инструмент!))

Edited December 19, 2012 by Николя223

[Николя223]

либо, как уже выше написали классы менять... если эти примеры по каким либо причинам не подойдут, напишу про классы, а вообще вот изучайте, это интерессно

[isamael]

либо, как уже выше написали классы менять... если эти примеры по каким либо причинам не подойдут, напишу про классы, а вообще вот изучайте, это интерессно

Изучил, спасибо, но вот не могу найти, везде прописывается уже определенные параметры css (margin, padding, border и т.д.) а можно прописать селектор .td_row_name_eq1? в плане

$('.td_row_name:eq(1)').css(.td_row_name_eq1);

Edited December 20, 2012 by isamael

[Николя223]

либо, как уже выше написали классы менять... если эти примеры по каким либо причинам не подойдут, напишу про классы, а вообще вот изучайте, это интерессно

Изучил, спасибо, но вот не могу найти, везде прописывается уже определенные параметры css (margin, padding, border и т.д.) а можно прописать селектор .td_row_name_eq1? в плане

$('.td_row_name:eq(1)').css(.td_row_name_eq1);

не понял)

после .css пишется то, на что хочещь изменить параметры из стилевой таблицы (селектор - это некий объект, по которому мы делаем выборку))

я же вам ссылку дал не на отдельную страницу, а на весь сайт)) там всё доступным языком написано.

чтобы задать класс мы именно это и пишем ( а ты написал в том месте, где должны находится стилевые свойства)

$('.td_row_name:eq(1)').addClass("td_row_name_eq1");

ну вот собственно и всё. у данной ячейки (второй, счет с нуля начинается)появляется второй класс. который нужно прописать в таблице стилей)))

Если тебе придётся каждую функцию пояснять, то так, далеко не уйдешь... )))

Edited December 20, 2012 by Николя223