• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Форум веб мастеров » uCoz » Кто может сделать!?
Кто может сделать!?

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
FAKIR написал: отредактировал: FAKIR - Вторник, 04.03.2014, 10:19 В ответ пользователя FAKIR Написано 04 Марта 2014 в 10:17
1<\' onclick=\'this.select();\' style=\'width:95%;text-align: center; height:20px; margin-top:15px;\'/>');" style="text-align:right; margin-left:19px;">Сообщение № 1
Всем привет, предлагаю вам не бесплатную подработку, мне нужно дописать файл от выпадающего меню.

На скрине видно о чём я говорю, у меня есть стили и вообще оно работает, но надо написать Javascript на открытие и закрытие.. Кто откликнется пишите тут в ЛС или на аську 579816162
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR
«Пред. тема След. тема»

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
FAKIR, могу помочь, а вообще это делается так:
на кнопку шестеренки(в коде) дописать:
Код
onclick="$('ID/CLASS меню').slideToggle();"

где ID/CLASS меню заменяем на id/class элемента со списком, который нужно скрыть\развернуть для id, это так #inmenu, для class - .classmenu
slideToggle() - это анимация появления, т.е. скрытый элемент будет выезжать\заезжать, можно изменить на toggle(), что бы было обычное появление
если нужно отрегулировать скорость появления, то в () пишем число - 1 секунда = 1000
дальше в блок меню(которое должно быть скрыто) дописываем:
Код
style="display:none;"

он скроет его, и только при нажатии на шестеренку
если что-то не получается, выкладывайте код, я в него все допишу

подпись: by N1cE™
Мой блог doc74

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
спасибо, попробую на днях! если что напишу!

Добавлено (04.03.2014, 20:58)
---------------------------------------------
а как сделать что бы оно скрывалось само при нажатии в любую область экрана!?

подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
В этом нет смысла, если приписать к тегу body, то оно не откроется (т.к. сразу будет закрываться)
можно приписать к любому тегу, но учтите, чтобы кнопка не была в этом теге обернута (ни в коем случае не к body!!!)
В общем этот код на любой тег, кроме body:
Код
onclick="$('ID/CLASS меню').hide();"


------------------------------------------------

Придумал решение, нужно создать маску, т.е. заменяем коды из этого поста, на эти:
Код
onclick="$('#menu_mask').toggle();$('#ID/.CLASS меню').slideToggle().css('z-index','99999');" style="z-index:99999;"

где #ID/.CLASS меню заменяем на id/class элемента со списком, который нужно скрыть\развернуть для id, это так #inmenu, для class - .classmenu
slideToggle() - это анимация появления, т.е. скрытый элемент будет выезжать\заезжать, можно изменить на toggle(), что бы было обычное появление
если нужно отрегулировать скорость появления, то в () пишем число - 1 секунда = 1000
остальное не трогать, это для маски

дальше в блок меню(которое должно быть скрыто) дописываем:
Код
style="display:none;"


ну и код самой маски, ставим в любое место, но лучше перед /body
Код
<div id="menu_mask" style="position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;display:none;" onclick="$('#ID/.CLASS меню').slideToggle();$('#menu_mask').toggle();"> </div>

В нем опять же заменяем #ID/.CLASS меню на .class/#id своего меню
подпись: by N1cE™
Мой блог doc74

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
спасибо, попробую!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
FAKIR, если не получится, засуньте код в txt и киньте мне его, я вам сделаю
подпись: by N1cE™
Мой блог doc74

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
FAKIR, можно сделать через :active или :focus.. Могу сделать в приницпе. Скайп: sykybaxd
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
BlackPh, это уже через css, а он просит через js
подпись: by N1cE™
Мой блог doc74

Goodmind
VIP
Сообщений 466
+
+1735
-
Ваши награды 13
Goodmind написал: отредактировал: Goodmind - Пятница, 07.03.2014, 17:56 В ответ пользователя Goodmind Написано 07 Марта 2014 в 17:50
9<\' onclick=\'this.select();\' style=\'width:95%;text-align: center; height:20px; margin-top:15px;\'/>');" style="text-align:right; margin-left:19px;">Сообщение № 9
doc74, никаких масок и body, есть легкое решение
Код
$(document).click(function(e) {
       if( !$(e.target).closest('.menu').length ) {$('.menu').hide();}
});
подпись: Goodmind спешит на помощь! Goodmind

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
Goodmind, ну так то же можно, но пошел привычным для себя путем, пусть html немного забит, за то все понятно
подпись: by N1cE™
Мой блог doc74

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
Через css ведь легче и кода меньше.
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
BlackPh, ну кто спорит, но желание "заказчика" - закон smile
ну а если серьезно, то действительно css лучше, да и плавнее и адаптивнее все будет, но
Цитата FAKIR
надо написать Javascript на открытие и закрытие

этот вариант перекрывает
подпись: by N1cE™
Мой блог doc74

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
doc74, BlackPh, Прочитал ваш спор и прям заинтересовался, не могли бы вы в качестве примера написать для моего случая на css ??? Буду очень благодарен! Хотя и на Javascript отлично работает!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
Я могу сделать обычное появление на месте, плавное появление. Что бы вылетало слева, справа, сверху, снизу. Обьясни какой тебе нужен эффект?
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
Нужно что бы с верху в низ выезжало при нажатии на шестерёнку, а потом опять же при нажатии на неё либо в любую область экрана панель заезжала обратно!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR
Форум » Форум веб мастеров » uCoz » Кто может сделать!?
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Топ пользователей: