Условие метки

[Castromen]

Доброе утро!
Подскажите пожалуйста как изменить условие tooltipDirection, если строка в таблице подсвечена красным (bgcolor="#F2DCDB") то значок tooltip-down, иначе tooltip-up
Спасибо.

Фрагмент кода

//Направление символа подсказки
   var tooltipDirection;
       
   for (i=0; i<$(".pin").length; i++)
   {    
    // Устанавливаем направление символа подсказки - вверх или вниз
    if ($(".pin").eq(i).hasClass('pin-down')) {
     tooltipDirection = 'tooltip-down';
    } else {
     tooltipDirection = 'tooltip-up';
     }

Таблица

<table border=1 cellpadding=0 cellspacing=0 bordercolor=#C4D79B width=560 class=tablefors>
               <tr>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>ТИП</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа1</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа2</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа3</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа4</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа5</b></td>
                              <td width=80  align=center bgcolor=#D8E4BC ><b>Графа6</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2DCDB ><b>1</b></td>
                              <td width=80  align=center bgcolor=#F2DCDB >11</td>
                              <td width=80  align=center bgcolor=#F2DCDB >16</td>
                              <td width=80  align=center bgcolor=#F2DCDB >52 093</td>
                              <td width=80  align=center bgcolor=#F2DCDB >19 391</td>
                              <td width=80  align=center bgcolor=#F2DCDB ><b>37</b></td>
                              <td width=80  align=center bgcolor=#F2DCDB ><b>57 525</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>5</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 >4</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >6</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >23 368</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >20 975</td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>90</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>49 971</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>7</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 >16</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >16</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >483 605</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >146 910</td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>30</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>69 891</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>8</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF >12</td>
                              <td width=80  align=center bgcolor=#FFFFFF >20</td>
                              <td width=80  align=center bgcolor=#FFFFFF >65 778</td>
                              <td width=80  align=center bgcolor=#FFFFFF >48 884</td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>74</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>53 565</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2DCDB  ><b>9</b></td>
                              <td width=80  align=center bgcolor=#F2DCDB  >0</td>
                              <td width=80  align=center bgcolor=#F2DCDB  >0</td>
                              <td width=80  align=center bgcolor=#F2DCDB  >1 379</td>
                              <td width=80  align=center bgcolor=#F2DCDB  >1 228</td>
                              <td width=80  align=center bgcolor=#F2DCDB  ><b>89</b></td>
                              <td width=80  align=center bgcolor=#F2DCDB  ><b>4 093</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>10</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF >32</td>
                              <td width=80  align=center bgcolor=#FFFFFF >34</td>
                              <td width=80  align=center bgcolor=#FFFFFF >78 542</td>
                              <td width=80  align=center bgcolor=#FFFFFF >85 675</td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>109</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>53 187</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>11</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 >6</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >8</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >22 021</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >41 482</td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>188</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>37 805</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>12</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF >10</td>
                              <td width=80  align=center bgcolor=#FFFFFF >10</td>
                              <td width=80  align=center bgcolor=#FFFFFF >59 769</td>
                              <td width=80  align=center bgcolor=#FFFFFF >49 513</td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>83</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>44 869</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>13</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 >11</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >26</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >31 023</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >52 124</td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>168</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>49 172</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>14</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF >16</td>
                              <td width=80  align=center bgcolor=#FFFFFF >18</td>
                              <td width=80  align=center bgcolor=#FFFFFF >155 972</td>
                              <td width=80  align=center bgcolor=#FFFFFF >83 089</td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>53</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>57 682</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>15</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 >10</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >12</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >68 213</td>
                              <td width=80  align=center bgcolor=#F2F2F2 >70 175</td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>103</b></td>
                              <td width=80  align=center bgcolor=#F2F2F2 ><b>57 873</b></td>
               </tr>
               <tr>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>16</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF >6</td>
                              <td width=80  align=center bgcolor=#FFFFFF >7</td>
                              <td width=80  align=center bgcolor=#FFFFFF >31 762</td>
                              <td width=80  align=center bgcolor=#FFFFFF >28 621</td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>90</b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b>57 607</b></td>
               </tr>
               <tr>
                              <td width=80  bgcolor=#FFFFFF ></td>
                              <td width=80  bgcolor=#FFFFFF ></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b></b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b></b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b></b></td>
                              <td width=80  align=center bgcolor=#FFFFFF ><b></b></td>
                              <td width=80  align=center bgcolor=#C4D79B ><b>49 600</b></td>
               </tr>

</table>

[laimas]

А что за элементы с классом pin и как они связаны с таблицей?

[Castromen]

Это метка на карте

<div class=pin pin-down data-xpos=" & strXVVB & " data-ypos=" & strYVVB & "><h2>" & strNameVVB & "</h2><ul><li class=lin>" & strbpVVB & "  /  " & strbfVVB & " (" & strOSVVVB & "%)" & "</li><li li class=lin2>" & strPerVVB & "</li></ul></div>"

[Castromen]

/* Скрываем оригинальное содержание подсказки */
.pin {
display: none;
}

/* Стили для подсказкии и метки */
.tooltip-up, .tooltip-down {
position: absolute;
background: url(arrow-up-down.png);
width: 36px;
height: 52px;
}

.tooltip-down {
background-position: 0 -52px;
}

[laimas]

А как же это понять?

как изменить условие tooltipDirection, если строка в таблице подсвечена красным (bgcolor="#F2DCDB") то значок tooltip-down, иначе tooltip-up

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

[ksa]

а в цикле вы перебираете нечто вообще не связанное с таблицей

Причем одна переменная при этом постоянно меняет свое значение...

[laimas]