окно открывается по щелчку на него а скрывается по щелчку на любую область
то что мне нужно можно увидеть визуально на этом форуме
видите кнопки сверху справа - Опции темы, Искать в теме при нажатии на одну из этих кнопок открывается окошко, а если нажать в любое место страницы то оно пропадает вот вопрос и заключается в этом как такое сделать чтобы при нажатии на нужный объект вылезало окошко а если нажать на любое место экрана то оно пропадало |
|
согласен, но очень срочно нужна ваша помощь господа
|
|
можно просто подсказать как сделать чтобы окошко закрывалось при нажатии на любую область
|
На body вешаешь onclick. Проверяешь по какому элементу был сделан клик, если это не тот элемент что тебе надо то прячешь, иначе оставляешь открытым (или открываешь).
|
это все понятно, можно пример кода только не пойме вы имели ввиду onclick или jquery click ?
|
Цитата:
Цитата:
|
просто пример надо, зачет сразу агриться
|
http://javascript.ru/tutorial/events...vaniya-sobytiy
http://javascript.ru/tutorial/events...nye-s-sobytiem прочитав эти материалы, вы узнаете, как повесить обработчик события на body, и при этом отличить клик по вашему элементу от всех иных кликов |
может кто по делу напишет?:-?
|
вам даже ссылки на мануалы дали. осталось просто прочитать
|
например у меня такой код
html <body id="body_telo"> <div id="menu_1">Menu <div id="category_1" display="none"> <div>odin</div> <div>dva</div> <div>tri</div> </div> </div> js $("#menu_1").click(function () { $("#category_1").show(); }); $("#body_telo").click(function () { $("#category_1").hide(); }); ------------- я полагаю тут надо делать сравнение если иначе но незнаю как помогите двигаться дальше ...:-? |
Цитата:
|
<div id="menu_1" style="background-color: #252525;color:lime;">Menu
<div id="category_1" style="display:none;padding: 6px; background-color: yellow;">
<div>odin</div>
<div>dva</div>
</div></div>
<script>
t = document.getElementById("menu_1");
t2 = document.getElementById("category_1");
window.onclick = function(e){
var target = (e=e||window.event).target || e.srcElement;
if( target == t ){ if( t2.style.display == 'none' ) t2.style.display = 'block';
} else {
if( t2.style.display !== 'none' && target == document.body) t2.style.display = 'none';
}
}
</script>
. |
спасибо щас посмотрю
|
$(function() {
$("#menu_1").click(function () { if( $("#category_1").is(":hidden") ) { $("#category_1").show(); } else { $("#category_1").hide(); } }); }); вот код сделал, НО только он закрывает окно если нажать тудаже а как сделать чтобы окно закрывалось нажав на боди |
печаль, ужасная пичаль :(
|
печаль в том что на джимКери ?
|
Цитата:
|
он сделал на js, а у меня на jquery
помогите доделать мой код |
какая разница на чем он?
без фреймворков он работать с 2 раза быстрее будет |
melky спасибо что помог мне в любом случае я тебе благодарен за помощь
|
melky кстати не работает(((
открывать открывает , и то с задержкой , а говооришь должно быстрее в два раза плюс не скрывает вообще(((((((( вот это да печальg |
есть соображения почему не работает ?
|
??
|
?блин сглючил браузер удалите бред сообщения
|
Цитата:
|
джейсон, не надо использовать jqwerty, она сервер запросами загружает!
.. первое увидел в резюме ) второе на форуме javascript.ru |
всмысле что увидел?
|
почему у меня не работает твой скрипт(?
|
| Часовой пояс GMT +3, время: 13:52. |