<div id='my1'>
...
</div>
<input type='button' onclick='my1.style.display="hidden";'> (или none, не помню)
Скрытие блока по клику
Как в js сделать скрытие блока по клику вне этого блока? Т.е. как отследить это событие?
не совсем понял что нужно, но глянь здесь:
http://design.originweb.info/dhtml.html (и ниже по списку)
или сам с поиске ;)
А скрытие блока - это просто:
кнопка для примера вызова события.
http://design.originweb.info/dhtml.html (и ниже по списку)
или сам с поиске ;)
А скрытие блока - это просто:
Код:
кнопка для примера вызова события.
Цитата: Franky
Код:
<div id='my1'>
...
</div>
<input type='button' onclick='my1.style.display="hidden";'> (или none, не помню)
...
</div>
<input type='button' onclick='my1.style.display="hidden";'> (или none, не помню)
кнопка для примера вызова события.
Ну если уж даешь советы то будь добр писать правильно
Код:
<div id='my1'>
...
</div>
<input type='button' onclick='document.getElementById('my1').style.display="none"'>
...
</div>
<input type='button' onclick='document.getElementById('my1').style.display="none"'>
Мне нужно было скрывать блок по клику в любом месте ВНЕ этого блока. Уже решил.
С использованием jquery это выглядело так...
И непосредственно само место, где перехватывалось событие тэга body:
С использованием jquery это выглядело так...
Код:
$('body').mousedown(function() { thisObject.delCalendar(); });
if ($('#calendarDiv').get(0).addEventListener)
$('#calendarDiv').get(0).addEventListener("mousedown", this.noClose , false);
else if ($('#calendarDiv').get(0).attachEvent)
$('#calendarDiv').get(0).attachEvent('onmousedown', this.noClose);
if ($('#calendarDiv').get(0).addEventListener)
$('#calendarDiv').get(0).addEventListener("mousedown", this.noClose , false);
else if ($('#calendarDiv').get(0).attachEvent)
$('#calendarDiv').get(0).attachEvent('onmousedown', this.noClose);
И непосредственно само место, где перехватывалось событие тэга body:
Код:
Calendar.prototype.noClose = function(e)
{
if (e.stopPropagation)
e.stopPropagation();
if (e.preventDefault)
e.preventDefault();
e.cancelBubble = true;
e.returnValue = false;
}
{
if (e.stopPropagation)
e.stopPropagation();
if (e.preventDefault)
e.preventDefault();
e.cancelBubble = true;
e.returnValue = false;
}