Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Создание раздвигающегося меню

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему     Написать ответ в эту тему

Avdenago

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Форумчане, подскажите.
 
 
Нужно горизонтальное раздвигающееся меню. Такое в котором дочерние элементы показываются только при нажатии на родительский элемент-ссылку.  
 
Основы знаю, но вот что-то фантазия не работает.  
 
 
Кто знает подскажите, хотя бы пример.
 
Буду благодарен.
Всего записей: 50 | Зарегистр. 04-04-2005 | Отправлено: 14:53 05-02-2008
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Avdenago
Скрипты выпадающих меню (DHTML menu, sliding menu)

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 17:24 05-02-2008
Avdenago

Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Цитата:
Cheery

 
спасибо, изучу. Фильтрами искал, но видимо просмотрел данную тему.
 
думаю если не сложно стоит перенести данную тему в указанную.
Всего записей: 50 | Зарегистр. 04-04-2005 | Отправлено: 00:10 06-02-2008 | Исправлено: Avdenago, 00:14 06-02-2008
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Avdenago

Цитата:
думаю если не сложно стоит перенести данную тему в указанную.

у данного форума нет функциональной возможности "приклеивать" темы

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:27 06-02-2008
Olga_Erm

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, как сделать вертикальное меню, выпадающее не при наведении на него мышки, а при событии "click"?
Пишу так:
<script language="JavaScript" type="text/javascript">
 
 
 
<!--
 
if (document.getElementById) {
 
 document.writeln('<style type="text/css"><!--')
 
 document.writeln('.links {display:none; padding-left:14px}')
 
 document.writeln('.link {text-decoration:none; color:blue}')
 
 document.writeln('a:hover.link {text-decoration: underline; color: red}')
 
 document.writeln('//--></style>') }
 
 
 
function openClose(theID) {
 
    if (document.getElementById(theID).style.display == "block") {
 
     document.getElementById(theID).style.display = "none";
 
     document.getElementById("tick_"+theID).innerHTML = ""; }
 
 else {
 
     document.getElementById(theID).style.display = "block";
 
     document.getElementById("tick_"+theID).innerHTML = ""; } }
 
function open(theID) {
 
    document.getElementById(theID).style.display = "block";
 
     document.getElementById("tick_"+theID).innerHTML = "-"; }
 
function Close(theID) {
   document.getElementById(theID).style.display = "none";
 
     document.getElementById("tick_"+theID).innerHTML = "";     }
 
 
// -->
 
</script>
   
         <div onClick="openClose('a1');" style="cursor:hand; cursor:pointer"><span id="tick_a1"></span> <span onMouseOver="this.style.color='black';this.style.textDecoration='underline';" onMouseOut="this.style.color='black';this.style.textDecoration='none';"> <strong>·</strong>!!!!!</span></div>
 
      <div id="a1" class="links">
 
         
      <strong>·</strong>  <a href="modules.php?name=Content&pa=showpage&pid=131"  > !!!!!</a><br>
 
       <strong>·</strong> <a href="modules.php?name=Content&pa=showpage&pid=132"> !!!!!</a><br>
 
       <strong>·</strong> <a href="modules.php?name=Content&pa=showpage&pid=133"> !!!!!</a><br>
 
но при обновлении странички меню сворачивается. Что не так?
 
   
 
 
Всего записей: 9 | Зарегистр. 06-02-2008 | Отправлено: 07:17 07-02-2008 | Исправлено: Olga_Erm, 07:19 07-02-2008
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Olga_Erm

Цитата:
но при обновлении странички меню сворачивается. Что не так?  

а почему вы решили, что что то должно быть не так? при обновлении страницы js запускается с нуля. хочется, чтобы запоминалось состояние меню - используйте cookie

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:39 07-02-2008
Olga_Erm

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если я буду использовать cookie, тогда страничка будет открываться в другом окне?
Всего записей: 9 | Зарегистр. 06-02-2008 | Отправлено: 09:25 08-02-2008
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Olga_Erm

Цитата:
тогда страничка будет открываться в другом окне?

при чем тут другое окно? вы сильно ошибаетесь, если думаете, что у нас на форуме полно телепатов..

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:40 08-02-2008
Olga_Erm

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я просто никогда не встречала "сookie". Объясните, пожалуйста, как с ним работать.
Всего записей: 9 | Зарегистр. 06-02-2008 | Отправлено: 19:50 08-02-2008
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Olga_Erm
JavaScript: document.cookie (куки)
Cookie - небольшой (до 4 кб) текстовый файл, что сохраняется на компьютере посетителя и при изменении меню (раскрыто, закрыто) в них можно записать статус меню, после чего при рефреше или следующем посещении посетителем этой страницы считывается информация из куки о том, в каком виде было меню при последнем посещении и этот вид восстанавливается.
http://ru.wikipedia.org/wiki/HTTP-Cookie

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:52 08-02-2008 | Исправлено: Cheery, 19:55 08-02-2008
Olga_Erm

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за информацию. Буду пробовать!!!
Всего записей: 9 | Зарегистр. 06-02-2008 | Отправлено: 20:26 08-02-2008
Olga_Erm

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вставляю Cookie прямо в код своего меню. Меню полностью раскрывается и не реагирует на клики.
Всего записей: 9 | Зарегистр. 06-02-2008 | Отправлено: 04:55 19-02-2008
SergeyR123

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Снова подымаю ту же тему, пожалуйста раскажите поподробнее как использовать Cookie без них меню просто не имеет смысла.
Всего записей: 1 | Зарегистр. 14-02-2006 | Отправлено: 11:34 12-04-2009
kfqr



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
SergeyR123, напишите простой скрипт  
 
прочитать куки
вывести сообщение (содержимым куки)
Изменить куки (x=x+1)
 
при каждом обновлении страницы начение должно увеличиваться.
Если это так, то вы понимаете как js работает с куки и ошибка в скрипте вашего меню.
А вообще,
Цитата:
вы сильно ошибаетесь, если думаете, что у нас на форуме полно телепатов.
, (с) Cheery
 
П.С. минута поиска гуглем и нужный код найден #
можно посмотреть, конечно, но советую всёже поискать гуглем javascript document.cookie

 
Добавлено:
П.С. да и зачем вам js если php есть.
<?php  
setcookie("user", "USER");
echo $_COOKIE["user"];
?>
Всего записей: 96 | Зарегистр. 19-10-2007 | Отправлено: 14:51 15-04-2009
mxmedia

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Господа, нужна ваша помощь!
 
Сделал раздвигающееся меню по вашим советам (в верстке новичек) но не корректно работает в IE но в FireFox работает отлично! Если не сложно, подскажите - в чем ошибка?  
 
comp-as.org.ua
 
заранее благодарен!
 
И еще вопросик вдогонку - может кто знает прогу, которая может проследить теги (на предмет порядка открытия/закрытия)?
Всего записей: 32 | Зарегистр. 25-10-2007 | Отправлено: 10:38 05-12-2010 | Исправлено: mxmedia, 10:48 05-12-2010
bredonosec



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
может кто знает прогу, которая может проследить теги (на предмет порядка открытия/закрытия)?

валидатор?
Всего записей: 16257 | Зарегистр. 13-02-2003 | Отправлено: 13:34 05-12-2010
mxmedia

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
валидатором W3.org проверил... только так и не могу понять, в чем трабл?
 
сейчас заметил такую фичу: если развернуть каталог, чтоб он ушел за форму поиска, а потом кликнуть по счетчику - показывает нормально... т.е. нужно в функцию скрытия/отображения вставить пересчет размеров? если да - то как это сделать?
Всего записей: 32 | Зарегистр. 25-10-2007 | Отправлено: 14:53 05-12-2010
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
mxmedia

Цитата:
но не корректно работает в IE  

а точнее?

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:33 06-12-2010
mxmedia

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
а точнее?

 
когда нажимаю на кнопку, которая отображает скрытый DIV - отображение работает нормально, но не изменяется размер родительского тэга DIV, и как следствие - он налазит на записи, которые находятся ниже него... при нажатии на ссылку, которая находится ниже родительского DIV'а - размер изменяется, и переход не осуществляется!
Всего записей: 32 | Зарегистр. 25-10-2007 | Отправлено: 19:27 08-12-2010
bredonosec



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
но не изменяется размер родительского тэга DIV, и как следствие - он налазит на записи, которые находятся ниже него...  

размер дива меняется. Иначе б записи обрезались нижним краем.  
А вот положение нижестоящего дива не меняется. Вы его как задавали? координаты относительно чего?

----------
Вопрос: 'Что человек курит?' как правило возникает не когда ты слышишь, как он дышит, а когда видишь, что он пишет
Пропеллер играет роль вентилятора, он останавливается -пилот потеет
Аськи нету.
Всего записей: 16257 | Зарегистр. 13-02-2003 | Отправлено: 22:35 24-12-2010
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Создание раздвигающегося меню


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru