Показать сообщение отдельно
  #1 (permalink)  
Старый 03.03.2015, 10:21
Кандидат Javascript-наук
Отправить личное сообщение для Castromen Посмотреть профиль Найти все сообщения от Castromen
 
Регистрация: 04.02.2015
Сообщений: 116

Условие метки
Доброе утро!
Подскажите пожалуйста как изменить условие 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>
Ответить с цитированием