kservice
Newbie-
Posts
7 -
Joined
-
Last visited
kservice's Achievements
Explorer (1/14)
0
Reputation
-
Тогда и Justnewone молодчина!
-
Если оставить <DIV style="DISPLAY: none" id=Out1details class=outline>, то без JS меню будет свернуто. style="DISPLAY: none" надо убирать, но в этом случае оно развернуто что с JS, что без JS Молодец mishka2! Вроде все сработало. А скромничал. Можно еще избавиться от <style type="text/css"> </style>, ведь все это есть в CSS. Проверено, работает. Еще раз всем большое спасибо. Теперь я знаю, где мне могут помочь!
-
Большое спасибо всем откликнувшмся. Немного проясню свою позицию. Что касается отключения JC - придумал не сам, вычитал у умных людей и с ними согласен. Что касается предложения mishka2 - спасибо за вариант и проделанный труд, но вряд ли он мне подойдет. Отрабатываю скелет уже около месяца, нашел указанный скрипт, немного доработал и получил почти все, что хотел. Если применить предложенный вариант - опять надо многое переделывать, великоват размер скрипта, да и непонятно как в других браузерах будет работать. Предполагаю, что есть более красивое и короткое решение, но пока ничего не получается. Один из вариантов таков: определить факт наличия поддержки JC и в зависимости от от этого поменять идентификатор (или класс). Если JS есть - оставить ID прежним, т.е. id=menu, а в CSS display:none. При отсутствии JC сделать id другим, например, id=menu_nojs и под него в CSS прописать display: block. В этом случае в HTML будет 2 фактически одиноковых div, но с разными id. Грубовато, конечно, но.. Но сделать такое изменение id не могу . Знаний не хватает. Раскрыть меню сразу легко: достаточно убрать из кода style="DISPLAY: none". Но и при поддержке JS оно будет развернутым. И хоть его потом можно свернуть, изюминка теряется, никто его сворачивать уже не будет. Попытка вставить в имеющийся скрипт что-то типа Element.style.display = "none" приводит или к нарушению работы всего скрипта, или к пропаданию всего меню. Сайт делаю для себя и глубокое изучение теории вряд ли мне нужно. Добросовестно пытался решить проблему сам, но не смог, поэтому попросил о помощи. А как сделать, чтобы при JS было #menu UL{display:none}?
-
Т.е. JS надо переделать? Моих знаний на это не хватает. Если не сложно - помогите.
-
Есть меню, реализованое с помощью Javascript <script type=text/javascript> function clickHandler(e) { var strelka, targetId, srcElement, targetElement; srcElement = e.srcElement ? e.srcElement : e.target; if (srcElement.className == "outline") { targetId = srcElement.id + "details"; strelka = srcElement.id + "str"; targetElement = document.getElementById(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; document.getElementById(strelka).src="ksmenu/expanded.gif"; } else { targetElement.style.display = "none"; document.getElementById(strelka).src="ksmenu/collapsed.gif"; } } } </SCRIPT> Код HTML выглядит так: <DIV id=menu class=menu_left> <B style="cursor: pointer" id=Out1 class=outline onclick=clickHandler(event)><IMG id=Out1str src="ksmenu/treug.gif" width=7 height=10>Меню 1</B> <DIV style="DISPLAY: none" id=Out1details class=outline> <A href="menu11.shtml">Строка 1</A> <A href="menu12.shtml">Строка 2</A> <A href="menu13.shtml">Строка 3</A> <A href="menu14.shtml">Строка 4</A> <A href="menu15.shtml">Строка 5</A> </DIV> </DIV> CSS: #menu div.outline a { padding: 5px 30px; background: #eee; display: block; border-bottom: 1px solid #ddd; color:#005050;} Сейчас при включенной поддержке Javascript меню изначально свернуто и разворачивается при наведении курсора и левом клике и при отключении Javascript естественно не разворачивается. Вопрос: как сделать, чтобы при отключении Javascript меню изначально было развернуто?
-
Вот нашел нечто близкое http://progerin.org.ua/faq/html/vertical_opner_menu.html#. Не устраивает: 1. нельзя открыть несколько субменю (при открытии одного другое сворачивается) 2. требуется наличиие нескольких субменю (при чем их кол-во может быть разным для разных меню). Другими словами, нужно многоуровневое (хотя бы уровня 3) вертикально ракрывающееся меню типа Меню 1 Субменю 1 Пункт 11 Пункт 21 Субменю 2 Пункт 21 Пункт 22 Пункт 23 ............. Пункт 2N Субменю 3 Субменю 31 Субменю 311 Пункт 311 ............. Пункт 31N .......... Меню N
-
Обновляю свой сайт и хотел бы сделать меню, подобное www.toyota.senkai.ru. Там при нажатии на кнопку Навигация-GPS меню раскрывается, при повторном нажатии - сворачивается. Возможно ли это сделать без использования js? Попытка заняться плагиатом (то есть использовать код с этого сайта) закончилась безрезультатно. Меню у меня получается только в развернутом виде. Если же использование скриптов необходимо, то подскажите, где об этом можно почитать.