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

FAKIR
VIP
Сообщений 290
+
+2158
-
Ваши награды 9
FAKIR написал: отредактировал: FAKIR - Вторник, 04.03.2014, 10:19 В ответ пользователя FAKIR Написано 04 Марта 2014 в 10:17
Сообщение № 1
Всем привет, предлагаю вам не бесплатную подработку, мне нужно дописать файл от выпадающего меню.

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

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
doc74 написал: В ответ пользователя doc74 Написано 04 Марта 2014 в 13:14
Сообщение № 2
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
FAKIR написал: В ответ пользователя FAKIR Написано 04 Марта 2014 в 20:58
Сообщение № 3
спасибо, попробую на днях! если что напишу!

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

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

doc74
VIP
Сообщений 715
+
+8437
-
Ваши награды 14
doc74 написал: В ответ пользователя doc74 Написано 05 Марта 2014 в 15:05
Сообщение № 4
В этом нет смысла, если приписать к тегу 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 написал: В ответ пользователя FAKIR Написано 05 Марта 2014 в 16:40
Сообщение № 5
спасибо, попробую!
подпись: Лучше прожить один день как тигр, чем всю жизнь жить как осёл! FAKIR

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

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

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

Goodmind
VIP
Сообщений 466
+
+1715
-
Ваши награды 13
Goodmind написал: отредактировал: Goodmind - Пятница, 07.03.2014, 17:56 В ответ пользователя Goodmind Написано 07 Марта 2014 в 17:50
Сообщение № 9
doc74, никаких масок и body, есть легкое решение
Код
$(document).click(function(e) {
       if( !$(e.target).closest('.menu').length ) {$('.menu').hide();}
});
подпись: Goodmind спешит на помощь! Goodmind

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

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

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

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

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

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

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