Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/25: Рейтинг темы: голосов - 25, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 28.12.2013
Сообщений: 146

При изменении ползунка (input type=range), в окне оповещения показать его значение

22.05.2015, 20:43. Показов 4829. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
я являюсь новичком в программировании на JS, поэтому у меня возникло несколько вопросов. Я хочу, чтобы при изменении ползунка (input type=range), в окне оповещания выдавалось его значение.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<! DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
 
func (a)
{
var a;
alert ("a");
}
</script>
<input type="range"
onchange=func(value)
min="0"
max="180"
step="1"
value="100"
>
</body>
</html>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
22.05.2015, 20:43
Ответы с готовыми решениями:

Стилизация ползунка input type=range
Здравствуйте! Подскажите, пожалуйста, возможно ли вообще при стилизации ползунка фоном вставить картинку через css? &lt;input...

Получить значение текста в input при его изменении.
Допустим у меня есть такой вот input: &lt;input id=&quot;answer&quot; type=&quot;text&quot; value=&quot;какое-то значение&quot; /&gt; Как мне получать значение, когда...

Если задать атрибуты для input[type="range"] программно, то по клику значение увеличивается на 2.
Столкнулся с проблемой, &lt;input type=&quot;range&quot;&gt; при загрузке страницы имеет в атрибутах &lt;input type=&quot;range&quot;...

5
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
22.05.2015, 22:09
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head></head>
<body>
<script>
// не правильно func(a)
// правильно писать function func(a)
function func(a){
    alert(a);
}
</script>
<input type="range" onchange="func(this.value)" min="0" max="180" step="1" value="100">
<!--Можно немного проще написать, сразу алерт вызвать не завертывая его в функцию-->
<input type="range" onchange="alert(this.value)" min="0" max="180" step="1" value="100">
</body>
</html>
1
0 / 0 / 0
Регистрация: 28.12.2013
Сообщений: 146
23.05.2015, 15:11  [ТС]
Спасибо большое! Всё работает как надо!

Добавлено через 5 часов 56 минут
А не подскажите, пожалуйста, а можно ли обратиться к функции, которая находится во внешнем скрипте?
0
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
23.05.2015, 16:27
ну конечно, если скрипт подключен к странице то можно
JavaScript
1
2
3
4
<script src="myScript.js"></script>
<script>
// функция...
</script>
0
0 / 0 / 0
Регистрация: 28.12.2013
Сообщений: 146
23.05.2015, 18:12  [ТС]
arcmag, ты разбираешься в Three.js?
0
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
23.05.2015, 18:35
нет, как то не интересовался этим...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.05.2015, 18:35
Помогаю со студенческими работами здесь

CSS в input type=range
Всем привет! Нашла такой стиль для &lt;input type=&quot;range&quot;&gt; Только вот проблема в том, что ползунок находится как бы внутри линии, по...

Стилизация в Хроме input type=range
После круглого бегунка нужно убрать синюю полоску http://azbuka12.ru/ &quot;Средняя толщина стяжки (мм):&quot; только ресурсами CSS.

Не работает функция с input type range
Всем привет! Помогите пжл разобраться почему не работает функция Необходимо чтобы от значения в range работало условие ...

Изменение значение value при изменении текста в input
Собственно вопрос весь в названии. Есть &lt;input name=&quot;tel&quot; val=&quot;&quot;&gt; При фокусировке на поле, или просто при вставке телефона, нужно,...

Две линии в окне и сохранение их пропорций при изменении его размера
Здравствуйте, такая задача: На экране 2 линии. Одна горизонтальная, вторая вертикальная, обе проходят через центр. Нужно сделать так,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
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 существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru