Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Js-Menu v 2.0

08.08.2010 18:32:27
Js-Menu v 2.0

Во многих чатах установлено дополнительное меню. В нем есть целый ряд проблем, которые многим не нравились:

* Меню прижато к верху и исчезает при прокручивании списка «Кто в чате».
* Скрипты выдвигания/задвигания привязаны к определенной высоте меню и их приходится настраивать при изменении содержимого.
* Чтобы в разных дизайнах высота меню была одинаковой, приходилось жестко задавать шрифт для содержимого.

Все эти проблемы решаемы. Встречайте, Дополнительное меню v2.0:
<script type="text/javascript">
var intHide;
var intShow;
var speed=3;
menuh=0;
menup=0;
mymenu = null;
function mymenu_init()
{
mymenu = document.getElementById("mymenu");
var menu_content = document.getElementById("mymenu_content");
menuh = menu_content.offsetHeight;
menup = -menuh;
mymenu_position();
menu_content.style.visibility = 'visible';
menu_content.style.position = 'relative';
}

function mymenu_show()
{
clearInterval(intHide)
intShow=setInterval("mymenu_doshow()",10)
}

function mymenu_hide()
{
clearInterval(intShow)
intHide=setInterval("mymenu_dohide()",10)
}

function mymenu_doshow()
{
if(menup < 0){
menup = Math.min(0, menup+speed);
}

mymenu_position();
}

function mymenu_dohide()
{
if (menup > -menuh)
{
menup=Math.max(-menuh, menup-speed);
}

mymenu_position();
}

function mymenu_position()
{
if(IE){
mymenu.style.position = 'absolute';
mymenu.style.top = document.getElementsByTagName("body")[0].scrollTop + menup + 'px';
}else{
mymenu.style.top = menup + 'px';
}
}
function Window ( URL, Width, Height, Flags ) {
parent.wwo (URL.replace (/[\W]/g, ""), URL, URL.replace (/[\W]/g, ""), Width, Height, Flags )
}
</script>

<style>
#mymenu {
position: fixed;
top: 0;
left: 0;
}

#mymenu_content {
visibility: hidden;
position: absolute;
}

#mymenu_header {
text-align: center;
}

div.mymenu
{
text-align: center;
background:black;
padding-bottom:5px;
z-index: 1;
width: 100%;
}
</style>
<div id="mymenu" class="mymenu" align="center" onmouseover="mymenu_show()" onmouseout="mymenu_hide()">
<div id="mymenu_content" class="mymenu_content">
<!-- Начало контента -->
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" onclick="Window('people/top?',0,0,129); return false;">ТОП 10</a><br>
<a class="mynavlink" href="http://ваш_чат.аугуст4ю.ру/" onclick="Window('creation/',0,0,129); return false;">Творчество</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank onclick="Window('people/birthday',0,0,129); return false;">Дни рождения</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" onclick="Window('whowas?',0,0,129); return false;">Кто был</a><br>
<hr color=red>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Фото</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Сайт</a><br>
<hr color=red>
<a class="mynavlink" href="ссылка на радио" target=_blank>Сайт радио</a><br>
<a class="mynavlink" href="ссылка" target=_blank>форум</a><br>
<hr color=red>
Связаться с админом:<br>
<a class="mynavlink" href="mailto:ваше_мыло@gmail.com" target=_blank>Написать письмо</a><br>
<FONT color=#666666>АДМИН</FONT> <B><FONT color=#666666>ICQ 557-559</FONT><br><A href="http://wwp.icq.com/557559" target=_blank><IMG height=14 src="http://online.mirabilis.com/scripts/online.dll?icq=557559&amp;img=9" width=55 align=absMiddle border=0></A>
<hr color=red>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Создать свой чат</a>
<hr color=red>
<!-- Конец контента -->
</div>
<div id="mymenu_header">
Дополнительное меню
</div>
</div>
<script type="text/javascript">
mymenu_init();
</script>


#74
06.09.2010 23:38:41
Re: Js-Menu v 2.0
Спасибо за менюшку, все поставила, все работает )))) Очень полезный у вас форум господа ))))
#987
07.09.2010 23:32:48
Re: Js-Menu v 2.0
Удобненько)))) спс)))
#1005
30.11.2010 03:30:49
Re: Js-Menu v 2.0
Но все равно Вов на тебе так и висит твоя блатная менюшка))))))))
#2917
26.05.2011 01:22:17
Re: Js-Menu v 2.0
А как можно зделать чтоб менюшка спускалось при наводе курсора и автоматически убиралась потом?отпишите кто нить....
#8885
26.05.2011 12:20:37
Re: Js-Menu v 2.0
А как можно зделать чтоб менюшка спускалось при наводе курсора и автоматически убиралась потом?отпишите кто нить....
Изначально она так и работает, т.е. при наведении открывается, а потом скрывается.
Возможно какая то проблема с кодом.
#8888
26.05.2011 15:07:24
Re: Js-Menu v 2.0
возможно а может есть код чтоб вставить и потом оно работало
#8889
01.10.2011 13:11:10
Re: Js-Menu v 2.0
Ка сделать что бы Js-Menu v 2.0 снизу выходило? А то у меня навигация вверху [изображение]
#12802
01.10.2011 19:10:38
Re: Js-Menu v 2.0
В jQuery не силён, но попробуй так.
<script type="text/javascript">
var intHide;
var intShow;
var speed=3;
menuh=0;
menup=0;
mymenu = null;
function mymenu_init()
{
mymenu = document.getElementById("mymenu");
var menu_content = document.getElementById("mymenu_content");
menuh = menu_content.offsetHeight;
menup = -menuh;
mymenu_position();
menu_content.style.visibility = 'visible';
menu_content.style.position = 'relative';
}

function mymenu_show()
{
clearInterval(intHide)
intShow=setInterval("mymenu_doshow()",10)
}

function mymenu_hide()
{
clearInterval(intShow)
intHide=setInterval("mymenu_dohide()",10)
}

function mymenu_doshow()
{
if(menup < 0){
menup = Math.min(0, menup+speed);
}

mymenu_position();
}

function mymenu_dohide()
{
if (menup > -menuh)
{
menup=Math.max(-menuh, menup-speed);
}

mymenu_position();
}

function mymenu_position()
{
if(IE){
mymenu.style.position = 'absolute';
mymenu.style.top = document.getElementsByTagName("body")[0].scrollTop + menup;
}else{
mymenu.style.top = menup;
}
}
function Window ( URL, Width, Height, Flags ) {
parent.wwo (URL.replace (/[\W]/g, ""), URL, URL.replace (/[\W]/g, ""), Width, Height, Flags )
}
</script>

<style>
#mymenu {
position: fixed;
bottom: 0;
left: 0;
}

#mymenu_content {
visibility: hidden;
position: absolute;
}

#mymenu_header {
text-align: center;
}

div.mymenu
{
text-align: center;
background:black;
padding-top:5px;
z-index: 1;
width: 100%;
}
</style>
<div id="mymenu" class="mymenu" align="center" onmouseover="mymenu_show()" onmouseout="mymenu_hide()">
<div id="mymenu_content" class="mymenu_content">
<!-- Начало контента -->
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" onclick="Window('people/top?',0,0,129); return false;">ТОП 10</a><br>
<a class="mynavlink" href="http://ваш_чат.аугуст4ю.ру/" onclick="Window('creation/',0,0,129); return false;">Творчество</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank onclick="Window('people/birthday',0,0,129); return false;">Дни рождения</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" onclick="Window('whowas?',0,0,129); return false;">Кто был</a><br>
<hr color=red>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Фото</a><br>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Сайт</a><br>
<hr color=red>
<a class="mynavlink" href="ссылка на радио" target=_blank>Сайт радио</a><br>
<a class="mynavlink" href="ссылка" target=_blank>форум</a><br>
<hr color=red>
Связаться с админом:<br>
<a class="mynavlink" href="mailto:ваше_мыло@gmail.com" target=_blank>Написать письмо</a><br>
<FONT color=#666666>АДМИН</FONT> <B><FONT color=#666666>ICQ 557-559</FONT><br><A href="http://wwp.icq.com/557559" target=_blank><IMG height=14 src="http://online.mirabilis.com/scripts/online.dll?icq=557559&amp;img=9" width=55 align=absMiddle border=0></A>
<hr color=red>
<a class="mynavlink" href="http://ваш_чат.august4u.ru/" target=_blank>Создать свой чат</a>
<hr color=red>
<!-- Конец контента -->
</div>
<div id="mymenu_header">
Дополнительное меню
</div>
</div>
<script type="text/javascript">
mymenu_init();
</script>
#12822
01.10.2011 20:47:40
Re: Js-Menu v 2.0
Князь Волк, нет, не получилось, всё равно Js-Menu v 2.0 сверху.
#12835
01.10.2011 21:47:34
Re: Js-Menu v 2.0
Тогда хз. Пущай Инф переделывает.
#12836
02.10.2011 03:50:17
Re: Js-Menu v 2.0

Не щас, щас очень много дел.
#12851
17.06.2013 11:51:18
Re: Js-Menu v 2.0
Перестало работать. Может кто-нибудь помоч?
#32359
20.06.2013 11:37:33
Re: Js-Menu v 2.0
Парни,менюшка не работает.....что с ней может быть не так?
#32414
20.06.2013 12:22:13
Re: Js-Menu v 2.0
С меню всё нормально. Это с Августом как обычно всё не так.
#32416
20.06.2013 18:50:26
Re: Js-Menu v 2.0
Подскажите в личку адрес любого чата, где есть такое меню, загляну погляжу (но не обещаю, что буду его отлаживать, да и писал его не я)
#32424
21.06.2013 16:42:12
Re: Js-Menu v 2.0
Сбросили мне ссылку на чат с этим меню, кодили его какие-то http://s14.postimg.org/5psqqmlmp/14388_ ... 7a2c18.jpg
В стилях, изменяемых через JS, нужно не забывать ставить единицы измерения. Как оно до этого работало, не понимаю.
Вот как должна выглядеть исправленная функция:
function mymenu_position()
{
if(IE){
mymenu.style.position = 'absolute';
mymenu.style.top = document.getElementsByTagName("body")[0].scrollTop + menup + 'px';
}else{
mymenu.style.top = menup + 'px';
}
}
P.S. Быдлокод в функции не исправлял, пусть он останется на совести автора, добавил только единицы измерения.
#32432
21.06.2013 19:52:20
Re: Js-Menu v 2.0
Shogal, скинь готовый код.
#32440
22.06.2013 00:17:14
Re: Js-Menu v 2.0
Jaguar: Shogal, скинь готовый код.
Обновил первое сообщение в теме, если там и есть готовый код, копирни оттуда.
#32457
01.04.2014 12:22:51
Re: Js-Menu v 2.0
В порыве блудорукого кретинизма, Виталя ограничил размер скриптов в шаблоне и теперь скрипт менюшки просто вырезается. Добрые люди, подскажите какой-нибудь вариант, просто сделать внешним скриптом не получается.
#35331
01.04.2014 15:54:51
Re: Js-Menu v 2.0
грузи на хостинг и подгружай.
#35334

Другие темы раздела