Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   окно открывается по щелчку на него а скрывается по щелчку на любую область (https://javascript.ru/forum/dom-window/16248-okno-otkryvaetsya-po-shhelchku-na-nego-skryvaetsya-po-shhelchku-na-lyubuyu-oblast.html)

jayson 31.03.2011 15:58

может кто по делу напишет?:-?

melky 31.03.2011 16:08

вам даже ссылки на мануалы дали. осталось просто прочитать

jayson 31.03.2011 16:10

например у меня такой код

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();
});

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

я полагаю тут надо делать сравнение если иначе но незнаю как помогите двигаться дальше ...:-?

dmitriymar 31.03.2011 16:19

Цитата:

Сообщение от jayson
я полагаю тут надо делать сравнение если иначе но незнаю как помогите двигаться дальше ...

тебе дать ссылку на маны или сам погугиш:D

melky 31.03.2011 16:30

<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>


.

jayson 31.03.2011 16:32

спасибо щас посмотрю

jayson 31.03.2011 16:50

$(function() {
$("#menu_1").click(function () {
if( $("#category_1").is(":hidden") ) {
$("#category_1").show();
}
else {
$("#category_1").hide();
}
});
});

вот код сделал, НО только он закрывает окно если нажать тудаже а как сделать чтобы окно закрывалось нажав на боди

melky 31.03.2011 16:55

печаль, ужасная пичаль :(

jayson 31.03.2011 17:06

печаль в том что на джимКери ?

walik 31.03.2011 17:32

Цитата:

Сообщение от jayson
печаль в том что на джимКери ?

В том что тупишь жестоко. Выше melky, тебе показал как это делается, тяжело посмотреть его код и сделать ?


Часовой пояс GMT +3, время: 04:58.