ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическая смена стиля
7 сообщений из 7, страница 1 из 1
Динамическая смена стиля
    #39277137
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
Пытаюсь реализовать на страничке рейтинг в виде звездочек.
При движении курсора мыши по div надо менять стиль. Пробую так

Код: html
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.
<body>

<div class="wrap">
		<div class="border-wrap">
			<h2>Сложность по шкале 10 баллов</h2>
			<div id="rating_1">
        		<input type="hidden" name="vote-id" value="1"/>
				<div class="vote-wrap">
				<div class="vote-hover" style="padding: 0px 4px; height: 32px; width: 320px;">
				<div class="vote-block">
				<div class="vote-stars" style="height: 32px; width: 320px; background: url(&quot;images/stars.png&quot;) left top;" onmousemove="mouseCoords(event)">
				</div>
				
				<div id="coords"></div>
				
				</div>
				</div>
				<div class="vote-result"></div>
				<div id="idsuc" class="vote-success">Сложность работы: 5</div>
				</div>
            </div>
            
		</div>
</div>
</body>



функция
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<script>
   function mouseCoords(e) {
    x = parseInt(e.pageX); // Координата X курсора
    y = parseInt(e.pageY); // Координата Y курсора
	document.getElementById('coords').innerHTML=x;
	document.getElementById('coords').className='vote-active';
    document.getElementById('coords').style.height ="32";
	document.getElementById('coords').style.width ="160"; 
	document.getElementById('coords').style.background="images/stars.png";
	document.getElementById('coords').style.left="center";
   }
</script>



ничего не происходит, добавил в качестве тесте вывод координаты X. Координата меняется а стиль нет.
...
Рейтинг: 0 / 0
20.07.2016, 15:01
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277148
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompПытаюсь реализовать на страничке рейтинг в виде звездочек.
Как вариант...
...
Рейтинг: 0 / 0
20.07.2016, 15:18
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277151
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Еще куча вариантов...
http://xiper.net/collect/html-and-css-tricks/content/imposition-of-ratings
...
Рейтинг: 0 / 0
20.07.2016, 15:21
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277239
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
krvsa,

да, спасибо! видел эти примеры, но там просто верстка, а мне нужно чтоб на рейтинг можно было кликнуть мышкой и выбранное значение сохранилось в переменной.

нашел вот такой пример
http://biznesguide.ru/coding/156.html

в принципе все устраивает, но опять же не смог разобраться как после нажатия получить результат в переменную
...
Рейтинг: 0 / 0
20.07.2016, 17:05
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277471
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompвидел эти примеры, но там просто верстка, а мне нужно чтоб на рейтинг можно было кликнуть мышкой и выбранное значение сохранилось в переменной.
Так ты к той верстке просто добавь скрипт и всего делов!
Или ты и этого делать не хочешь?
...
Рейтинг: 0 / 0
21.07.2016, 08:24
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277493
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
nikomp
Участник
krvsa,

в первом посте, я как раз пытаюсь создать свой скрипт. Возникает проблема, стиль динамически не меняется.

P/S меня не покидает ощущение движения по кругу ))
...
Рейтинг: 0 / 0
21.07.2016, 08:59
| Ответить | Цитировать | Написать  
Динамическая смена стиля
    #39277568
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
nikompменя не покидает ощущение движения по кругу ))
Значит тебе пора мастырить тестовый пример... На нем далее можно будет что-то делать и показывать.
...
Рейтинг: 0 / 0
21.07.2016, 10:15
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Динамическая смена стиля
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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