|
jQuery
|
|
| cucYa | Дата: 28 Августа 2008, 20:36 | Сообщение # 1 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: 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:17cпустя 13 часов 40 минут | Сообщение # 2 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | блин, привык уже к DOM'уCode $(".forumNameTd").parent().hover(
function(){$(this).addClass('hover');},
function(){$(this).removeClass('hover');
}); Code tr.hover td {color:red}
 | | |
|
| cucYa | Дата: 29 Августа 2008, 13:43cпустя 3 часа 25 минут | Сообщение # 3 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote $(".forumNameTd").parent.hover is not a function.
Пробовал и другие варианты написания, но нечего не выходит, иногда пишет ошибку - g underfined (jquery.js)...  | | |
|
| MindFreakTheMon | Дата: 29 Августа 2008, 14:43cпустя 1 час | Сообщение # 4 |  ● ● ● ● ● 274 сообщения Статус: Offline | Quote (Бармалей) блин, привык уже к DOM'у
 ээ..а можно ж $("table:has(.forumameTd)")...или как-то так, но без парента.. | | |
|
| cucYa | Дата: 29 Августа 2008, 17:08cпустя 2 часа 24 минуты | Сообщение # 5 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Бармалей, спасибо работает =) и ещё один вопрос, возможно ли при наведении заменять картинку (есть нов. сообщ.,нет нов. сообщ.,закрыто) в forumIcoTd на свою?  | | |
|
| Бармалей | Отредактировал Бармалей - Пятница, 29 Августа 2008, 18:24 Дата: 29 Августа 2008, 18:22cпустя 1 час 14 минут | Сообщение # 6 | ● ● ● ● ● Тиран 7772 сообщения Статус: 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:40cпустя 1 час 17 минут | Сообщение # 7 |  ● ● ● ● ● 693 сообщения Статус: Offline | Поставила на страницу после body:
Code <script type="text/javascript" src="http://heroes-ru.info/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(".forumNameTd").parent().hover(
function(){$(this).addClass('hover');},
function(){$(this).removeClass('hover');
});
</script>
не получается( класс hover добавила | | |
|
| cucYa | Дата: 29 Августа 2008, 19:55cпустя 15 минут | Сообщение # 8 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Angel7, Code <script type="text/javascript">
$(document).ready(function()
{
$(".forumNameTd").parent().hover(
function(){$(this).addClass('hover');},
function(){$(this).removeClass('hover');
});
});
</script>
Бармалей, а вот вариант с картинкой не работает =(Добавлено (2008-08-29, 19:55)
---------------------------------------------
зы. между head | | |
|
| Бармалей | Отредактировал Бармалей - Пятница, 29 Августа 2008, 19:57 Дата: 29 Августа 2008, 19:56cпустя 31 сек. | Сообщение # 9 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Quote (cucYa) а вот вариант с картинкой не работает =(
Angel7, и этот код у меня работает. проверяйте стили и селекторы классов
| | |
|
| cucYa | Дата: 29 Августа 2008, 19:59cпустя 2 минуты | Сообщение # 10 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (Бармалей) /forum_res/icons/forums/PDA.png
это то, на что меняется картинка, да? | | |
|
| Бармалей | Дата: 29 Августа 2008, 19:59cпустя 53 сек. | Сообщение # 11 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | да
| | |
|
| cucYa | Дата: 29 Августа 2008, 20:22cпустя 22 минуты | Сообщение # 12 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (Бармалей) у меня работает
пример можно посмотреть?Добавлено (2008-08-29, 20:22)
---------------------------------------------
Angel7, css:
Quote .hover td {
background: #ebebeb;
cursor: pointer;
} | | |
|
| Angel7 | Дата: 29 Августа 2008, 20:24cпустя 1 минуту | Сообщение # 13 | ● ● ● ● ● 693 сообщения Статус: 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} | | |
|
| cucYa | Дата: 29 Августа 2008, 20:26cпустя 1 минуту | Сообщение # 14 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | .hover td | | |
|
| cucYa | Дата: 29 Августа 2008, 22:29cпустя 2 часа 3 минуты | Сообщение # 15 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | | | |
|
| Бармалей | Дата: 30 Августа 2008, 13:20cпустя 14 часов 51 минуту | Сообщение # 16 | ● ● ● ● ● Тиран 7772 сообщения Статус: 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:45cпустя 24 минуты | Сообщение # 17 | ● ● ● ● ● Тиран 7772 сообщения Статус: 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)
});
| | |
|
| cucYa | Дата: 30 Августа 2008, 22:33cпустя 8 часов 48 минут | Сообщение # 18 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: 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:50cпустя 8 часов 16 минут | Сообщение # 19 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Нет ничего невозможного  Code $('td:has(img[src="http://src.ucoz.net/img/fr/bt/8/t_new.gif"])').css('padding-top','10px');
| | |
|
| cucYa | Дата: 31 Августа 2008, 10:26cпустя 3 часа 36 минут | Сообщение # 20 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (Бармалей) Нет ничего невозможного
+стопицотДобавлено (2008-08-31, 10:26)
---------------------------------------------
А скрипты на jQ в файл можно поместить ?
Пример: у меня есть скрипт - скрыть/показать.
Code $("#1111").click(function(){if($("#2222").is(":hidden")){ $("#2222").fadeIn("fast");}else{ $("#2222").fadeOut("fast");}});
Я помещаю его в файл asd.js таким образом как он и есть (без ready function)... путь до файла полный и размещён между head.
В итоге jQ не грузит, это вообще возможно? | | |
|
