PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Show / Hide

Форумы портала PHP.SU » PHP » Напишите за меня, пожалуйста (Модератор: SAD)

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

Без описания

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

4ik	Отправлено: 18 Ноября, 2012 - 23:16:16
Гость Покинул форум Сообщений всего: 78 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Hello! Имеется JS функция Show / Hide CODE (javascript): скопировать код в буфер обмена // SHOW / HIDE function showhide(id) { if (document.getElementById) { obj = document.getElementById(id); if (obj.style.display == "none") { obj.style.display = ""; } else { obj.style.display = "none"; } } } Вызываю на странице так: CODE (html): скопировать код в буфер обмена <a onclick="showhide('menu');" href="javascript:;">Menu infa</a> <div id="menu" style="display: none;">Infa 1</div> <div id="menu" style="display: none;">Infa 2</div> Соль в том что на странице будет два Div'a с результатом (один ID) а тображается только в первом. (Отредактировано автором: 18 Ноября, 2012 - 23:26:17)

OrmaJever	Отправлено: 18 Ноября, 2012 - 23:28:06
Активный участник Покинул форум Сообщений всего: 7540 Дата рег-ции: Янв. 2010 Откуда: Чернигов Помог: 299 раз(а)	Во-первых интереснейшая проверка CODE (javascript): скопировать код в буфер обмена if (document.getElementById) Что она проверяет? Во-вторых вас не смушает что по стандартам на странице дожен быть тоько один уникаьный id у эемента, а у вас их как бы два. ----- Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

4ik	Отправлено: 18 Ноября, 2012 - 23:39:30
Гость Покинул форум Сообщений всего: 78 Дата рег-ции: Июнь 2011 Помог: 0 раз(а)	Понял. Буду искать другой способ реализации -_-

OrmaJever	Отправлено: 19 Ноября, 2012 - 00:14:02
Активный участник Покинул форум Сообщений всего: 7540 Дата рег-ции: Янв. 2010 Откуда: Чернигов Помог: 299 раз(а)	Да что там думать, нужно поменять id на class, и выбирать эементы document.getElementByClassName, тоько учтите что этот метод возвращает масив, так что обращатся к еементам нужно по индексам, например document.getElementByClassName('menu')[0] ----- Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

AlexAnder	Отправлено: 19 Ноября, 2012 - 07:36:44
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	CODE (html): скопировать код в буфер обмена <a onclick="showhide('menu1');" href="javascript:">Menu infa</a> <div id="menu1" style="display: none;">Infa 1</div> <a onclick="showhide('menu2');" href="javascript:">Menu infa2</a> <div id="menu2" style="display: none;">Infa 2</div> <script> /** * Function Show or Hide: * Set the style display for document.getElementById(o) * @param: id of obj * @ver 0.0.1 / function showhide(o){ var obj = document.getElementById(o); obj.style.display = (obj.style.display == 'none') ? 'block' : 'none'; } </script> ----- Оказывается, недостаточно читать справочники, чтобы правильно писать* коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

esterio	Отправлено: 19 Ноября, 2012 - 17:27:07
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	1. http://javascript[dot]ru/ui/show-hide-toggle Статья "Правильные show/hide/toggle" 2. должен бить только 1 ІД на странице. getElementById возвращает первый найденый елемент 3. Используйте jQuery CODE (javascript): скопировать код в буфер обмена function showhide(name) { $('.' + name).toogle(); } CODE (html): скопировать код в буфер обмена <a href="#" onclick="showhide('menu'); return false;">Menu infa</a> <div class="menu" style="display: none;">Infa 1</div> <div class="menu" style="display: none;">Infa 2</div> не забуть подключить jQuery

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

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

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

« Напишите за меня, пожалуйста »

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