U. Helper

Дата: 28 Августа 2008, 20:36 | Сообщение # 1

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Решил создать одну тему по jQ где я, да впрочем то и вы - будете задавать вопросы.

1. Как сделать так, чтобы при наведении на форум (.forumNameTd) он и ешё иконка (.forumIcoTd) и посл. сообщения (.forumLastPostTd) меняли цвет, и естественно при убирание курсора мыши с форума (.forumNameTd) и всех выше перечисленных классов цвет восстанавливался ?

Code

$(".forumNameTd").mouseover(function(){
    $(this).css("background","#ebebeb");
    $(".forumIcoTd").css("background","#ebebeb");
    $(".forumLastPostTd").css("background","#ebebeb");
    });
    $(".forumNameTd").mouseout(function(){
    $(this).css("background","#efefef");
    $(".forumIcoTd").css("background","#efefef");
    $(".forumLastPostTd").css("background","#efefef");
    });

Проблема: меняется только - forumNameTd, а надо чтобы цвет изменяли все 3 класса при наведении на 1.

Отредактировал Бармалей - Суббота, 30 Августа 2008, 06:17

Дата: 29 Августа 2008, 10:17 | Сообщение # 2

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

блин, привык уже к DOM'у

Code

$(".forumNameTd").parent().hover(
   function(){$(this).addClass('hover');},
   function(){$(this).removeClass('hover');
   });

+ ксс

Code

tr.hover td {color:red}

Дата: 29 Августа 2008, 13:43 | Сообщение # 3

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Quote

$(".forumNameTd").parent.hover is not a function.

Пробовал и другие варианты написания, но нечего не выходит, иногда пишет ошибку - g underfined (jquery.js)... blink

MindFreakTheMon

Дата: 29 Августа 2008, 14:43 | Сообщение # 4

● ● ● ● ●

274 сообщения

« 27 »

0 наград

Статус: Offline

Quote (Бармалей)

блин, привык уже к DOM'у

ээ..а можно ж $("table:has(.forumameTd)")...или как-то так, но без парента..

Дата: 29 Августа 2008, 17:08 | Сообщение # 5

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Бармалей, спасибо работает =) и ещё один вопрос, возможно ли при наведении заменять картинку (есть нов. сообщ.,нет нов. сообщ.,закрыто) в forumIcoTd на свою? happy

Отредактировал Бармалей - Пятница, 29 Августа 2008, 18:24

Дата: 29 Августа 2008, 18:22 | Сообщение # 6

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

Code

$('table.gTable tr:has(td.threadIcoTd)').hover(
function(){
oUrl = $(this).find('td.threadIcoTd img').eq(0).attr('src');
$(this).find('td.threadIcoTd img').eq(0).attr('src','/forum_res/icons/forums/PDA.png')
}, function(){
$(this).find('td.threadIcoTd img').eq(0).attr('src',oUrl)
});

Angel7

Дата: 29 Августа 2008, 19:40 | Сообщение # 7

● ● ● ● ●

693 сообщения

« 75 »

1 награда

Статус: Offline

Поставила на страницу после body:

Code

не получается( класс hover добавила

Дата: 29 Августа 2008, 19:55 | Сообщение # 8

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Angel7,

Code

Бармалей, а вот вариант с картинкой не работает =(

Добавлено (2008-08-29, 19:55)
---------------------------------------------
зы. между head

Отредактировал Бармалей - Пятница, 29 Августа 2008, 19:57

Дата: 29 Августа 2008, 19:56 | Сообщение # 9

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

Quote (cucYa)

а вот вариант с картинкой не работает =(

у меня работает
Angel7, и этот код у меня работает. проверяйте стили и селекторы классов

Дата: 29 Августа 2008, 19:59 | Сообщение # 10

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Quote (Бармалей)

/forum_res/icons/forums/PDA.png

это то, на что меняется картинка, да?

Дата: 29 Августа 2008, 19:59 | Сообщение # 11

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

да

Дата: 29 Августа 2008, 20:22 | Сообщение # 12

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Quote (Бармалей)

у меня работает

пример можно посмотреть?

Добавлено (2008-08-29, 20:22)
---------------------------------------------
Angel7, css:

Quote

.hover td {
background: #ebebeb;
cursor: pointer;
}

Angel7

Дата: 29 Августа 2008, 20:24 | Сообщение # 13

● ● ● ● ●

693 сообщения

« 75 »

1 награда

Статус: Offline

м... извините меня за кривые руки, но не получается(
в head вставила

Code

<?if($PAGE_ID$='main')?>
<script type="text/javascript" src="http://heroes-ru.info/jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function()
  {
   $(".forumNameTd").parent().hover(
   function(){$(this).addClass('hover');},
   function(){$(this).removeClass('hover');
   });
  });
  </script>
<?endif?>

в css

Code

td.hover {color: #cecece}

Дата: 29 Августа 2008, 20:26 | Сообщение # 14

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

.hover td

Дата: 29 Августа 2008, 22:29 | Сообщение # 15

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Simbiat, http://vremenno.net/js/jquery-snippets/

Дата: 30 Августа 2008, 13:20 | Сообщение # 16

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

cucYa, разве мой код

Code

$('table.gTable tr:has(td.threadIcoTd)').hover(
  function(){
  oUrl = $(this).find('td.threadIcoTd img').eq(0).attr('src');
  $(this).find('td.threadIcoTd img').eq(0).attr('src','/forum_res/icons/forums/PDA.png')
  }, function(){
  $(this).find('td.threadIcoTd img').eq(0).attr('src',oUrl)
  });

и ваш

Quote

$('table.gTable tr:has(threadIcoTd)').hover(
function(){
oUrl = $(this).find('td.threadIcoTd img').eq(0).attr('src');
$(this).find('threadIcoTd img').eq(0).attr('src','http://cucya.ucoz.ru/icons/active.jpg')
}, function(){
$(this).find('threadIcoTd img').eq(0).attr('src',oUrl)
});

идентичны?

Отредактировал Бармалей - Суббота, 30 Августа 2008, 13:45

Дата: 30 Августа 2008, 13:45 | Сообщение # 17

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

данный скрипт для тем, для разделов

Code

$('table.gTable tr:has(td.forumIcoTd)').hover(
   function(){
   oUrl = $(this).find('td.forumIcoTd img').eq(0).attr('src');
   $(this).find('td.forumIcoTd img').eq(0).attr('src','/forum_res/icons/forums/PDA.png')
   }, function(){
   $(this).find('td.forumIcoTd img').eq(0).attr('src',oUrl)
});

Дата: 30 Августа 2008, 22:33 | Сообщение # 18

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

2 награды

Статус: Offline

Quote (Бармалей)

$(this).find('td.threadIcoTd img').eq(0).attr('src','/forum_res/icons/forums/PDA.png')

threadIcoTd > forumIcoTd. спс работает )

Добавлено (2008-08-30, 22:33)
---------------------------------------------
Реально ли сделать отступ от кнопок "Новая тема, Новый опрос" ?

Отредактировал Бармалей - Воскресенье, 31 Августа 2008, 06:55

Дата: 31 Августа 2008, 06:50 | Сообщение # 19

● ● ● ● ●

Тиран

7772 сообщения

1 награда

Статус: Offline

Нет ничего невозможного smile

Code

$('td:has(img[src="http://src.ucoz.net/img/fr/bt/8/t_new.gif"])').css('padding-top','10px');

Дата: 31 Августа 2008, 10:26 | Сообщение # 20

● ● ● ● ●

Совращенный мальчик.

7317 сообщений