Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Tooltip стили / 3 сообщений из 3, страница 1 из 1
04.10.2013, 14:29
    #38416885
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tooltip стили
Здраствуйте!
Есть страница. В ней есть <input name="summ"> в нем выводится какая нибудь инфа.
Есть скрипт JQuery который даёт подсветку этим "ячейкам" и присваивает атрибут title="..." и делает tooltip.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
                  $(function(){
                        for (var i in main_cell) {
                           var ii = main_td[i];
                           $("#"+i).attr("readOnly", "1");
                           $("#"+ii).attr("bgc", "#CCFFCC");
                           $("#"+ii).css("backgroundColor", "#CCFFCC");                      
                        } 
                              for (var tt in rull_m) {
                              var tit =tt.substring(1) + "=\n";
                                    if (rull_m.hasOwnProperty(tt))  {
                                              for (var mm in rull_m[tt]) {
                                                      if (rull_m[tt].hasOwnProperty(mm)) {
                                                            tit += rull_m[tt][mm] + "" + mm.substring(1)  + "\n";          
                                                      }
                                              }
                                    } 
                                    $("#"+tt).attr("title", tit);
                                    $("#"+tt).tooltip();
                            }
                  });


Тултип действительно работает, только вот нет ни рамки ни фона нет. Сливается всё. Как бы это решить? желательно не CSS.
...
Рейтинг: 0 / 0
07.10.2013, 12:11
    #38418715
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tooltip стили
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<style type="text/css">
              .ui-tooltip {
                  	padding: 8px;
                  	position: absolute;
                  	z-index: 2;
                    background: #fc0;
                    }
            body .ui-tooltip {
	                 border-width: 2px;
                   }
</style>


P.S чтобы работал тултип вставьте:
Код: javascript
1.
2.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
...
Рейтинг: 0 / 0
07.10.2013, 12:17
    #38418726
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tooltip стили
Denis1991,

Тынц .
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Tooltip стили / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]