• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Удаление и присвоение класса JS
Удаление и присвоение класса JS
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 1 | 17:36:15
Вообщем не давно начал изучать JS, создаю сайт и хотелось бы применить его.

Придумал удаление и присвоение класса, делаю так:


Код
<div class="tab" id="message" onclick="switchStyle()"><li></li></div>

======

var switchStyle {
function(){
$(#categories).removeClass("noactive").addClass("active");
}
};


Вот элемент к которому я меняю класс

Код
<div id="categories" class="noactive"></div>

=========

.noactive{
      display: none;
}
.active{
      display:block;
}

Что я делаю не так?
Сообщение отредактировал webanet - Четверг, 15 Май 2014, 18:14:47
Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 2 | 17:47:28
Код
onclick="switchStyle"
БЕЗ "()"


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 3 | 17:48:18
Игорь_, все равно не работает
Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 4 | 17:49:44
Извини не увидел что функцию пихаешь в переменную. Вот так будет работать 
Код
var switchStyle = function(){  
$(#categories).removeClass("noactive").addClass("active");  
};


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 5 | 17:51:25
Игорь_, все равно не работает sad http://hubs.ucoz.ru/ Нажмите на сообщение в левом блоке.
Сообщение отредактировал Lumore - Четверг, 15 Май 2014, 17:51:55
Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 6 | 17:51:58
Извини, но опиши что ты хочешь от функции? Она удаляет и сразу же восстанавливает удалившийся класс.


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 7 | 17:53:44
Хочу чтобы удаляла класс .noactive и присваивала .active
Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 8 | 17:58:48
Ох я сейчас посмотрю на твой код внимательней. Я просто бегло посмотрел. Сейчас только что заметил, что $(#categories) - без кавычек

Добавлено (15 Май 2014, 17:58:48)
---------------------------------------------

Код
onclick="switchStyle()"
function switchStyle(){  
$('#categories').removeClass("noactive").addClass("active");
};


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 9 | 18:00:05
Игорь_, с кавычками тоже не работает sad Код вообще правильный? И правильно я его вызываю?

Добавлено (15 Май 2014, 18:00:05)
---------------------------------------------
Игорь_, этот код работает, спасибо smile

Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 10 | 18:00:19
Всегда пожалуйста happy


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Сообщение отредактировал Игорь_ - Четверг, 15 Май 2014, 18:02:46
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 11 | 20:32:03
Lumore, напиши функцию сразу в onclick , если объект(ы) вызывающие функцию повторяется на странице не слишком часто, тогда это хоть и на какие-то байты, но сократит количество кода на странице. А можно и ускорить выполнение этой функции (если речь идет о том что у объекта не будет мультиклассов, но и с этим можно справиться). Например так:
Код
<div class="tab" id="message" onclick="$('#categories').attr('class','active')"><li></li></div>
Ну и так, по-придираться: Для чего тег <li> обернут в <div>? Довольно странная конструкция, учитывая что у ли обязательные родительские теги совсем другие (<ul> , <ol> , <menu>). И кроме того сам тег <li> является блочным и получает все соответствующие свойства. Так что ком можно еще сократить и конечный результат будет таким:
Код
<ul>
<li class="tab" id="message" onclick="$('#categories').attr('class','active')"></li>
</ul>
Успехов в изучении JS но и про HTML не забывай!))

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 12 | 15:04:17
Head-Mad, Про li: это значок(изображение), сделал чтобы можно было настраивать позицию, имхо так удобнее

HTML как и CSS знаю на уровне, остается JS для полного счастья smile
Сообщение отредактировал Lumore - Пятница, 16 Май 2014, 15:08:09
Nexxus
Сообщений: 289
Репутация: 66

Сообщение # 13 | 17:24:27
Lumore
Сообщений: 211
Репутация: 18

Сообщение # 14 | 17:49:21
Nexxus, я не писал что выучил его, а писал что учу. А половину кода JQuery нашел на форумах, переделал под себя.
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 15 | 21:50:56
Цитата Lumore ()
li: это значок(изображение)
Если имеется ввиду иконка, то для этих целей используют <i></i> но ни как не <li></li>
Цитата Lumore ()
HTML как и CSS знаю на уровне
cool

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Удаление и присвоение класса JS
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: