Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.10.2010, 22:29
Кандидат Javascript-наук
Отправить личное сообщение для abc_ua Посмотреть профиль Найти все сообщения от abc_ua
 
Регистрация: 20.05.2010
Сообщений: 105

Скрипт, меняющий атрибут title у элемента
На сайте есть оценка материалов, вот html код:

<ul id="uStarRating480" class="u-star-rating" title="Рейтинг: 0.0/0">
<li class="u-current-rating" id="uCurStarRating480" style="width:0%;"></li>
<li class="u-star-li-480"><a href="#" onclick="ustarrating('480',1);return false;" class="u-one-star">1</a></li>
<li class="u-star-li-480"><a href="#" onclick="ustarrating('480',2);return false;" class="u-two-stars">2</a></li>
<li class="u-star-li-480"><a href="#" onclick="ustarrating('480',3);return false;" class="u-three-stars">3</a></li>
<li class="u-star-li-480"><a href="#" onclick="ustarrating('480',4);return false;" class="u-four-stars">4</a></li>
<li class="u-star-li-480"><a href="#" onclick="ustarrating('480',5);return false;" class="u-five-stars">5</a></li></ul>


Нужно, чтобы в зависимости от звездочки, на которую навели курсор, появлялся текст "плохо", "хорошо"...

Подкиньте пожалуйста идею как это реализовать
Ответить с цитированием
  #2 (permalink)  
Старый 31.10.2010, 22:45
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

удалено.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.

Последний раз редактировалось Gozar, 02.02.2011 в 14:47.
Ответить с цитированием
  #3 (permalink)  
Старый 31.10.2010, 23:36
Кандидат Javascript-наук
Отправить личное сообщение для abc_ua Посмотреть профиль Найти все сообщения от abc_ua
 
Регистрация: 20.05.2010
Сообщений: 105

Gozar, спс.

Получилось:

$(function(){
 $(".u-star-li-480 a.u-one-star").mouseover(function(){document.getElementById("uStarRating480").title="Ужасно";});
 $(".u-star-li-480 a.u-two-stars").mouseover(function(){document.getElementById("uStarRating480").title="Плохо";});
 $(".u-star-li-480 a.u-three-stars").mouseover(function(){document.getElementById("uStarRating480").title="Средне";});
 $(".u-star-li-480 a.u-four-stars").mouseover(function(){document.getElementById("uStarRating480").title="Хорошо";});
 $(".u-star-li-480 a.u-five-stars").mouseover(function(){document.getElementById("uStarRating480").title="Шедевр";});
});


а через $ до title добраться не получилось(
Ответить с цитированием
  #4 (permalink)  
Старый 01.11.2010, 00:44
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

>$(".u-star-li-480 a.u-one-star").mouseover(function(){document.getElementByI d("uStarRating480").title="Ужасно";});
>Ужасно
Ответить с цитированием
  #5 (permalink)  
Старый 01.11.2010, 04:44
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Если делать без говнокода, то можно попробовать вот так:

jQuery(function ($) {
	$(".u-star-li-480").mouseover(function (event) {
		var c = event.target.className.match(/-(\w+)-/)[1];
		if (c)
			$("#uStarRating480").attr("title", {
				one: "Ужасно",
				two: "Плохо",
				three: "Средне",
				four: "Хорошо",
				five: "Шедевр"
			}[c]);
	});
});

Последний раз редактировалось exec, 01.11.2010 в 12:53.
Ответить с цитированием
  #6 (permalink)  
Старый 01.11.2010, 12:18
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

удалено.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.

Последний раз редактировалось Gozar, 02.02.2011 в 14:48.
Ответить с цитированием
  #7 (permalink)  
Старый 01.11.2010, 12:40
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Код ТС был написан путём нажатий Ctrl-C Ctrl-V, что есть главный признак говнокода.
Ответить с цитированием
  #8 (permalink)  
Старый 01.11.2010, 14:06
Кандидат Javascript-наук
Отправить личное сообщение для abc_ua Посмотреть профиль Найти все сообщения от abc_ua
 
Регистрация: 20.05.2010
Сообщений: 105

exec,
спасибо, постараюсь разобраться
Ответить с цитированием
  #9 (permalink)  
Старый 01.11.2010, 15:50
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

удалено.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.

Последний раз редактировалось Gozar, 02.02.2011 в 14:48.
Ответить с цитированием
  #10 (permalink)  
Старый 01.11.2010, 15:58
Кандидат Javascript-наук
Отправить личное сообщение для abc_ua Посмотреть профиль Найти все сообщения от abc_ua
 
Регистрация: 20.05.2010
Сообщений: 105

Gozar,
он в два раза короче; интересно узнать какой работает быстрее

Последний раз редактировалось abc_ua, 01.11.2010 в 16:00.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выбор из таблицы HOmevl Общие вопросы Javascript 4 15.09.2011 01:40
Помогите не работает скрипт MAX_NS Общие вопросы Javascript 2 24.03.2009 16:25
Вопрос к гуру. Title через js. Не выводит title из тега <TR> shkur Элементы интерфейса 24 19.06.2008 09:03