Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.01.2012, 12:32
Новичок на форуме
Отправить личное сообщение для Alex Pacifik Посмотреть профиль Найти все сообщения от Alex Pacifik
 
Регистрация: 31.01.2012
Сообщений: 3

Изменение цвета ссылки с помощью js
Добрый день. Помогите пожалуйста. У меня следующая проблема- есть задача менять контент на странице в зависимости от выбранной ссылки меню. Скрипт сам у меня работает, но я хочу, что бы выбранная ссылка меняла свой цвет. Через CSS сделать нельзя (или не получается),

Вот скрипт:

(function(){
$("div.ch").hide();
$("a.ch").click(function() {
$("div.ch").hide();
$("div#" + $(this).attr("href")).show();

return false;
});
});

а это html теги:

<ul >
<li> <a href="id1" class="ch"> 1</a></li>
<li><a href="id2" class="ch">2</a></li>
<li> <a href="id3" class="ch"> 3</a></li>
<li><a href="id4" class="ch">4</a></li>
</ul>


Заранее благодарен.
Ответить с цитированием
  #2 (permalink)  
Старый 31.01.2012, 12:36
Новичок на форуме
Отправить личное сообщение для Alex Pacifik Посмотреть профиль Найти все сообщения от Alex Pacifik
 
Регистрация: 31.01.2012
Сообщений: 3

совсем забыл добавить меняющийся контент:



<div id="id1" class="ch">Текст 1</div>
<div id="id2" class="ch"><Текст 2</div>
<div id="id3" class="ch">Текст 3</div>
<div id="id4" class="ch"> Текст 4</div>
Ответить с цитированием
  #3 (permalink)  
Старый 31.01.2012, 13:19
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

добавьте класс .checked в таблицу стилей. пример
$(function() {
    $("div.ch").hide();
    $("a.ch").click(function() {
        
        $("a.ch").removeClass("checked");
        $(this).addClass("checked");
        
        $("div.ch").hide();
        $("div#" + $(this).attr("href")).show();

        return false;
    });
});

Последний раз редактировалось melky, 31.01.2012 в 13:22.
Ответить с цитированием
  #4 (permalink)  
Старый 31.01.2012, 15:08
Новичок на форуме
Отправить личное сообщение для Alex Pacifik Посмотреть профиль Найти все сообщения от Alex Pacifik
 
Регистрация: 31.01.2012
Сообщений: 3

Да, работает. Но если для <ul> был определен какой-либо третий стиль, с определением стиля ссылок, то не работает. т.е. к примеру:
<ul class="primer" >
<li> <a href="id1" class="ch"> 1</a></li>
<li><a href="id2" class="ch">2</a></li>
<li> <a href="id3" class="ch"> 3</a></li>
<li><a href="id4" class="ch">4</a></li>
</ul>

.primer a { color: balack}

в данном случае не будет работать, но всё равно спасибо,я все таки сделал, конечно немного коряво, но если напишите как и это исправить, то буду очень благодарен.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение цвета ссылки. bpystep Общие вопросы Javascript 17 18.11.2011 18:41
Изменение картинки с помощью radio magahed Элементы интерфейса 1 15.11.2011 20:59
Как с помощью JS перенаправить на указанную страницу ? saturn Элементы интерфейса 2 31.10.2011 22:57
Как вывести содержимое PHP файла с помощью JS? pavdin Серверные языки и технологии 6 22.12.2010 14:16
С помощью JS добавить к ссылкам картинку в CSS wlad2 Элементы интерфейса 7 16.10.2010 23:44