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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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