Условие метки
Доброе утро!
Подскажите пожалуйста как изменить условие 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>
|
А что за элементы с классом pin и как они связаны с таблицей?
|
Это метка на карте
<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>"
|
/* Скрываем оригинальное содержание подсказки */
.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; } |
А как же это понять?
как изменить условие tooltipDirection, если строка в таблице подсвечена красным (bgcolor="#F2DCDB") то значок tooltip-down, иначе tooltip-up Показана таблица и речь идет о том, чтобы по цвету строки таблицы изменять состояние, а в цикле вы перебираете нечто вообще не связанное с таблицей. |
Цитата:
Причем одна переменная при этом постоянно меняет свое значение... :) |
:yes:
|
| Часовой пояс GMT +3, время: 18:14. |