Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> "Переключатель" 
:(
    Опции темы
nule
Дата 14.3.2013, 14:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 3.11.2011

Репутация: нет
Всего: нет



Здравствуйте!
Как сделать такую штуку:
Код

<a id="on_off" href="#">Включено</a>


При нажатии на ссылку текст меняется на "Выключено" если изначально было "Включено" и наоборот.
Спасибо!
PM MAIL   Вверх
Aliance
Дата 14.3.2013, 14:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



PM MAIL WWW ICQ Skype   Вверх
ksnk
Дата 14.3.2013, 14:42 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386





--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
CruorVult
Дата 14.3.2013, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28



До чего дошло, что уже элементарные вещи без jquery сделать не могут.
Скоро вообще вместо JavaScript будут jQuery преподавать на занятиях. Куда мир катится smile  

Код

document.getElementById('on_off').addEventListener('click', toggleMode);
function toggleMode(e, el) {
    var modes = ['Включено', 'Выключено'];
    this.innerText = modes[modes.indexOf(this.innerText) ^ 1];
};

PM MAIL Skype   Вверх
ksnk
Дата 14.3.2013, 17:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(CruorVult @  14.3.2013,  17:03 Найти цитируемый пост)
Куда мир катится   

B на ie работать будет?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
CruorVult
Дата 14.3.2013, 17:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28



Цитата(ksnk @  14.3.2013,  17:09 Найти цитируемый пост)
B на ie работать будет? 

 9+

Если человеку нужно сделать пару фитчей на JS, совсем не обязательно подключать для этого отдельный фреймворк.  

Это сообщение отредактировал(а) CruorVult - 14.3.2013, 17:14
PM MAIL Skype   Вверх
Aliance
Дата 14.3.2013, 17:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



Правильно, не будет работать  в ИЕ8, т.к. там нет addEventListener, а есть attachEvent. Вывод: jQuery проще для новичка, а уж для ответа на форуме на легкий вопрос и вовсе. Так что понты со знаниями нативного js можно было и не кидать smile
PM MAIL WWW ICQ Skype   Вверх
CruorVult
Дата 14.3.2013, 17:36 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28



Цитата(Aliance @  14.3.2013,  17:20 Найти цитируемый пост)
Так что понты со знаниями нативного js можно было и не кидать 


Эмм... Я предполагал подобный ответ. Вообще то код я и не хотел писать. Просто добавил дабы не оффтопить. Хотя в итоге и получился оффтоп smile 

Цитата(Aliance @  14.3.2013,  17:20 Найти цитируемый пост)
Вывод: jQuery проще для новичка


Скорей нет чем да. Изучения любого языка начинается с самого языка а не фреймворка. По-этому перед там, как использовать вспомагательные библиотеки, нужно как следует разобраться в тонкостях языка. Те, кто изучает вначале jQuery, рано или поздно натыкаются на подводные камни, что ни к чему хорошему не приводит. Фреймворк НУЖЕН, что бы не изобретать велосипеды и не поддерживать кроссбраузерный код в проектах. Но для изучения самого языка - НЕТ. 


 

Это сообщение отредактировал(а) CruorVult - 14.3.2013, 17:39
PM MAIL Skype   Вверх
nule
Дата 15.3.2013, 10:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 3.11.2011

Репутация: нет
Всего: нет



Всем спасибо!
Цитата

Если человеку нужно сделать пару фитчей на JS, совсем не обязательно подключать для этого отдельный фреймворк.  

У меня скорее обратная ситуация. Зачем писать мелкие фичи на JS, если фреймверк на странице один хрен придется подключать ради плагинов и на странице уже есть код jQuery? Так что я выбрал для этой простой задачи jQuery не случайно, а унификации ради, чтобы не создавать в коде мешанину из JS и JQ.
PM MAIL   Вверх
CruorVult
Дата 15.3.2013, 14:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28



Цитата(nule @  15.3.2013,  10:24 Найти цитируемый пост)
мешанину из JS и JQ

Фраза порадовал smile а
PM MAIL Skype   Вверх
nule
Дата 15.3.2013, 15:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 3.11.2011

Репутация: нет
Всего: нет



Думаю, понятно что имелось ввиду.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0506 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.