PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Почему так странно работает classname?

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

zusicks438	Отправлено: 01 Апреля, 2013 - 17:22:40
Новичок Покинул форум Сообщений всего: 15 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Доброго времени суток. Есть элементарный код (посмотреть пример страницы можно здесь): CODE (javascript): скопировать код в буфер обмена <script>function showdiv(kid) {if(document.getElementById(kid).className="kaddress") document.getElementById(kid).className="kaddressvisible"; else document.getElementById(kid).className="kaddress";}</script> CODE (html): скопировать код в буфер обмена <style>.kaddress{visibility: hidden; position: absolute;} .kaddressvisible{visibility:visible; position: absolute; background-color: #ffffff;}</style> <span onclick=showdiv("kdiv1") style="display:block;">Просмотреть все адреса</span> <div id="kdiv1" class="kaddress">Авиамоторная ул., д. 10</div> Что делает код: при нажатии на span показывает div (меняя класс), при повторном нажатии скрывает div (меняет класс обратно). Почему в первый раз класс меняется, а вот обратно эта штука работать не хочет? В принципе также буду рад, если кто-то подскажет, как можно выставить свойство visibility напрямую, не прибегая к изменению класса. Не силен я в JavaScript, но не привлекать же стороннего программиста ради трех строчек кода. (Отредактировано автором: 01 Апреля, 2013 - 17:46:20)

DeepVarvar	Отправлено: 01 Апреля, 2013 - 17:45:51
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Потому, что св-во className содержит строку, в которой через пробел может быть сколько угодно названий классов. Соответственно тупое сравнение не прокатит. Нужно искать вхождение подстроки. ----- Шта? Репозиторий?

SAD	Отправлено: 01 Апреля, 2013 - 17:47:00
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	if(document.getElementById(kid).className=="kaddress") ничего не потеряли?

zusicks438	Отправлено: 01 Апреля, 2013 - 17:53:14
Новичок Покинул форум Сообщений всего: 15 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	SAD пишет: if(document.getElementById(kid).className=="kaddress") ничего не потеряли? Потерял, точно. Спасибо, теперь все работает. Цитата: Потому, что св-во className содержит строку, в которой через пробел может быть сколько угодно названий классов. Соответственно тупое сравнение не прокатит. Нужно искать вхождение подстроки. Вроде уже к делу не относится, но стало интересно. Ведь className относится именно к выбранному элементу, разве он может содержать что-то кроме актуального названия класса? А сколько сообщений надо написать, чтобы сказать "Спасибо"? Не нашел этого в правилах.

DeepVarvar	Отправлено: 01 Апреля, 2013 - 17:57:12
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	CODE (html): скопировать код в буфер обмена <style type="text/css"> .one { color: #f00; } .two { font-size: 40px; } .more { font-style: italic; } </style> <div class="one two more">test</div> (Добавление) zusicks438 пишет: А сколько сообщений надо написать, чтобы сказать "Спасибо"? Не нашел этого в правилах. Либо я могу ему щас за вас поставить, либо подождете пока у вас будет 50 сообщений. ----- Шта? Репозиторий?

zusicks438	Отправлено: 01 Апреля, 2013 - 17:58:43
Новичок Покинул форум Сообщений всего: 15 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Да, логично. Буду иметь в виду. Цитата: Либо я могу ему щас за вас поставить, либо подождете пока у вас будет 50 сообщений. А Вам кто поставит А на "Жалобу" тут нельзя нажать, чтобы попросить жамкнуть "Спасибо" (на 4pda есть такая система)? (Отредактировано автором: 01 Апреля, 2013 - 18:00:22)

DeepVarvar	Отправлено: 01 Апреля, 2013 - 18:01:54
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	zusicks438 пишет: А Вам кто поставит А мне то за что? Плюсанул SAD'у, теперь 41. ----- Шта? Репозиторий?

zusicks438	Отправлено: 01 Апреля, 2013 - 18:03:25
Новичок Покинул форум Сообщений всего: 15 Дата рег-ции: Авг. 2012 Помог: 0 раз(а)	Цитата: А мне то за что? Плюсанул SAD'у, теперь 41. За разжевывание по классам. В любом случае спасибо.

nerv	Отправлено: 02 Апреля, 2013 - 03:07:47
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	DeepVarvar пишет: Потому, что св-во className содержит строку в современных браузерах есть свойство classList (массив или объект не помню) ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

armancho7777777	Отправлено: 02 Апреля, 2013 - 04:40:32
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Массивоподобный объект.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.