Значение ползунка отображается в разных местах

@relax-z · Регистрация: 23.09.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте, столкнулся с проблемой, суть в том, что бы одно и тоже значения ползунка отображалось в разных местах, подскажи пожалуйста, что нужно сделать... никак не доходит:/

код и ползунок:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<head>
 
<title>1</title>  
 
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js">
</script> 
        
<style type="text/css"> 
#container{
background:url(bg.jpg)!important;
padding:100px 50px 0px 50px;
}
 
/*Фон слайдера*/
 
.slider {
width:230px;
height:11px;
background:url(slider-bg.png);
position:relative;
margin:0;
padding:0 10px;
}
 
/*Стиль кнопки слайдера*/
 
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background:url(slider-button.png);
}
 
/*Элемент div результата, в котором выводится значение слайдера*/
 
#slider-result {
font-size:35px;
height:200px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
width:250px;
text-align:center;
text-shadow:0 1px 1px #000;
font-weight:700;
padding:20px 0;
}
 
/*Полоска заполнителя слайдера*/
 
.ui-widget-header {
background:url(fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}
 
a {
outline:none;
-moz-outline-style:none;
}
 
     
 
</style> 
</head>
<body>
 
    <div id="container"> 
     
   <div class="slider"></div> 
       
 
        
<input type="hidden" id="hidden"/>
  
           
<script> 
         
                
 $( ".slider" ).slider({
             animate: true,
               range: "min",
              value: 0,
              min: 0,
               max: 1,
     step: 0.001,
                
            
    //Получаем значение и выводим его на странице
         
 
       slide: function( event, ui ) {
                    $( "#slider-result" ).html( ui.value );
                },
 
                //обновляем скрытое поле формы, так что можно передать данные с помощью формы
                change: function(event, ui) { 
                $('#hidden').attr('value', ui.value);
                }
            
                });
 
 
       
 
 
</script> 
 
<div id="slider-result">0</div> 
</div>
</body>

@relax-z · 20.02.2016, 17:40 **[ТС]**

Все таки, разобрался, можно закрывать.

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@relax-z 0 / 0 / 1 Регистрация: 23.09.2010 Сообщений: 32
	20.02.2016, 17:40 [ТС]
	Все таки, разобрался, можно закрывать. 0