Типо вкладки, с помощью css
|
|
WBS | Дата: 27 Сентября 2009, 13:35 | Сообщение # 1 | ● ● ● ● ● 118 сообщений Статус: Offline | Нужно чтоб: 1) При наведении менялся фон в ячейке таблицы. 2) При нажатии на нее (тоесть у активной вкладки) тоже менялся фон. При наведении проблем нет используем "hover" в css, а вот как быть с активной вкладкой? Помогите пожатуйста | | |
|
cucYa | Дата: 27 Сентября 2009, 14:01 | Сообщение # 2 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code element.onclick = function() { this.className = 'myclass'; // Активный класс } | | |
|
WBS | Отредактировал WBS - Воскресенье, 27 Сентября 2009, 14:12 Дата: 27 Сентября 2009, 14:12 | Сообщение # 3 | ● ● ● ● ● 118 сообщений Статус: Offline | Я как всегда туплю... Поставил я это в див, в css прописал свойства, и что теперь? | | |
|
cucYa | Дата: 27 Сентября 2009, 14:14 | Сообщение # 4 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Ну посмотри вот этот пример, может поймёшь. | | |
|
WBS | Дата: 27 Сентября 2009, 19:04 | Сообщение # 5 | ● ● ● ● ● 118 сообщений Статус: Offline | Quote (cucYa) Ну посмотри вот этот пример, может поймёшь. теперь понял cucYa, спасибо, +.Добавлено (27 Сентябрь 2009, 19:04) --------------------------------------------- Тот код работает, только я совсем забыл, у меня в ссылках скрипт, а не url-адрес. Есть еще варианты? | | |
|
cucYa | Дата: 27 Сентября 2009, 19:06 | Сообщение # 6 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | WBS, покажи код, как у тебя расположены ссылки и что они выводят... | | |
|
cucYa | Дата: 27 Сентября 2009, 19:12 | Сообщение # 7 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | И функцию [var]block_changer()[/var] | | |
|
WBS | Дата: 27 Сентября 2009, 19:48 | Сообщение # 8 | ● ● ● ● ● 118 сообщений Статус: Offline | Code <script language="JavaScript"> function block_changer(num){ var setblock=""; for(i=1;i<6;i++){ var vis=$("#"+i).is(":visible"); setblock+=vis?i:''; if(setblock.length>0) break; } $("#"+setblock).slideUp('slow',function(){ $("#"+num).slideDown('slow'); }); } </script> Добавлено (27 Сентябрь 2009, 19:48) --------------------------------------------- ну так что я так понял ни как? Должно быть типо этого: http://semobil.at.ua/publ/t715/8-1-0-15. Может как-то можно узнать какой из блоков отображается (у кого свойство display:inline) токую-то ссылку выделять? | | |
|
cucYa | Дата: 27 Сентября 2009, 19:50 | Сообщение # 9 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (WBS) Может как-то можно узнать какой из блоков отображается Можно. Code $('div').each(function(){ // div, так как я не знаю что у тебя там. if ($(this).is(':visible')) { alert($(this).attr('id')); } }) | | |
|
WBS | Отредактировал WBS - Понедельник, 28 Сентября 2009, 17:09 Дата: 28 Сентября 2009, 17:09 | Сообщение # 10 | ● ● ● ● ● 118 сообщений Статус: Offline | Блин, никак не могу сделать, помогите. Что куда и как?Добавлено (28 Сентябрь 2009, 17:09) --------------------------------------------- Может будет проще в onclick ссылки добавить функцию ( block('[номер]'), которая передает свой номер и присвоить этому номеру блока свойство CSS. Я только не могу это воплотить, помогите pls. | | |
|
cucYa | Дата: 28 Сентября 2009, 17:12 | Сообщение # 11 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code function block(n) { $('div').each(function(){if($(this).is(':visible')){$(this).hide()}}); $('div').eq(n-1).show(); } | | |
|
WBS | Отредактировал WBS - Понедельник, 28 Сентября 2009, 17:34 Дата: 28 Сентября 2009, 17:17 | Сообщение # 12 | ● ● ● ● ● 118 сообщений Статус: Offline | Quote (cucYa) function block(n) { $('div').each(function(){if($(this).is(':visible')){$(this).hide()}}); $('div').eq(n-1).show(); } ??? а зачем мне что-то сворачивать, можешь написать как присвоить этой ссылке свойства CSS | | |
|
cucYa | Дата: 28 Сентября 2009, 17:33 | Сообщение # 13 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (WBS) а зачем мне что-то сворачивать тык Quote (WBS) присвоить этому номеру блока свойство CSS. Code .css({color: 'red', font-size: '14pt'}) | | |
|
WBS | Отредактировал WBS - Понедельник, 28 Сентября 2009, 17:56 Дата: 28 Сентября 2009, 17:55 | Сообщение # 14 | ● ● ● ● ● 118 сообщений Статус: Offline | 1) в onclick ссылки находится block(1) 2) ссылка передает свой номер 1 в функцию function block(n) 3) в функции выполняется алгоритм присвоения тегу div с id=n свойств css (<div id="vklink"><a href="javascript://" onclick="block('1')">ссылка 1</a></div>) Теперь вопрос: Как в функции присвоить свойство css, например это Code a.active_link { color: #ccc; background: url('http://semobil.at.ua/IMG/des/des_red.gif'); padding: 5px 30px;} | | |
|
cucYa | Дата: 28 Сентября 2009, 17:59 | Сообщение # 15 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code function block(n) { var cls = 'active_link'; // Класс. $('div').each(function(){if(this.className == cls){$(this).removeClass(cls)}}); $('div').eq(n-1).addClass(cls); } | | |
|
WBS | Дата: 28 Сентября 2009, 18:24 | Сообщение # 16 | ● ● ● ● ● 118 сообщений Статус: Offline | | | |
|
cucYa | Дата: 28 Сентября 2009, 18:31 | Сообщение # 17 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | По вашему у вас на странице 1 div? | | |
|
WBS | Дата: 28 Сентября 2009, 18:35 | Сообщение # 18 | ● ● ● ● ● 118 сообщений Статус: Offline | нет, много, а я не говорил что он у меня один | | |
|
cucYa | Дата: 28 Сентября 2009, 19:01 | Сообщение # 19 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | | | |
|
WBS | Отредактировал WBS - Понедельник, 28 Сентября 2009, 19:45 Дата: 28 Сентября 2009, 20:49 | Сообщение # 20 | ● ● ● ● ● 118 сообщений Статус: Offline | cucYa, ОГРОМНОЕ СПАСИБО! с меня еще 2 + . тему пока не закрывать, пока я не напишу, мало ли что. :) Добавлено (28 Сентябрь 2009, 20:43) --------------------------------------------- cucYa, не кричи на меня сильно . Но скрипт у меня в frontpage работает, а как скидую на сайт не работает, что за? Добавлено (28 Сентябрь 2009, 20:49) --------------------------------------------- test | | |
|