0

Есть такой скрипт:

function toggle(el) {
el.style.display = (el.style.display == 'none') ? '' : 'none'
}

Вызов скрипта:

onclick="toggle(tr)"

Если нажать в div с onclick toggle(tr) то появляется блок с id = "tr" и чтобы этот появившийся блок исчез нужно нажать еще один раз в div с id "tr , так вот, нужно сделать так, чтобы если нажать на любой часть страницы то блок проподает, как это сделать ?

2 ответа 2

3

Любая часть страницы - это объект Document. Реализуйте событие "один клик" в Document и "скрывайте" свой div. Доступ к элементу Document (вашему div) осуществляется в порядке доступа к массивам.

2
  • Я не знаю js, дайте пример пожалуйста 2 апр 2012 в 16:15
  • 2
    Открывайте поисковик Google или идите в ближайшей книжный магазин. Удачи! 2 апр 2012 в 16:22
2

HTML:

<a href="javascript://" id="click-block">Click</a>
<div class="block"></div>

CSS:

a {
   color: #000;
   font: 14px "Trebuchet MS";
}

div.block {
    display: none;
    background: #ccc;
    width: 50px;
    height: 50px;
}

JavaScript:

$('#click-block').live('click', function () {
    var elem = $('div.block');
    elem.show();
});
var check = false;
$('div.block').hover(function () {
    check = true;
}, function () {
    check = false;
});

$(document.body).live('click', function () {
    if ( !check ) $('div.block').hide();
});

Результат выполнения.

3
  • Уважаемый exec, я за Вас объясню Максуду (или сделайте ему коменты в коде) где скрывается его div: $(document.body).live('click', function () { if ( !check ) $('div.block').hide(); }); 2 апр 2012 в 17:46
  • 1
    @Вячеслав Кириченко, я мало сделал? Пусть сам ищет.
    – Oleg
    2 апр 2012 в 17:47
  • Вам Респект. Удачи. 2 апр 2012 в 18:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.