Появление/исчезновение блока

__PION__ · Регистрация: 21.07.2010

Author24 — интернет-сервис помощи студентам

Привет!
Хочу сделать, казалось бы простую штуку, но не получается.
Есть объект (ссылка,кнопка....), теперь при нажатии на него хочу появлялся блок, с этим все нормально. А вот чтобы при отводе мышки с появившегося блока или объекта, через который вызывался блок, блок не исчезает.
Как это реализовать?
Или хотя бы, чтобы блок исчезал при клике по любому другому месту?

@Soldado · 01.10.2012, 10:00

1. Для кнопки пропишите событие mouseout (это если, после первого клика, мышка в результате изменений в документе не "уходит" с кнопки), при выполнении условия блок исчезает.

HTML5

<html>
  <head>
    <title>ClickMouseOut</title>
<script type="text/javascript" src="js/jquery.js"></script>
    
 <script type="text/javascript">
 $(function () {
$("#btn").click(function () {
       $('#div1').show();
    }); 
$("#btn").mouseout(function () {
       $('#div1').hide();
    }); 
             
 });</script>
<style>
#div1
{
width:500px;
height: 100px;
background-color:#effab6;
border:2px solid #06732f;
display:none;
}
</style>    
  </head>
  <body style="margin-top:140px;">
 <input type="button" id="btn" value="Показать блок"/><br/><br/> 
 <div id="div1">block1</div> 
  </body>
</html>

__PION__ · 01.10.2012, 10:06 **[ТС]**

Сообщение от Soldado

это если, после первого клика, мышка в результате изменений в документе не "уходит" с кнопки

уходит.
Мне нужно, чтобы блок исчезал после увода мышки с появившегося блока, и не сразу, а, скажем ч/з 1 сек.
И чтобы исчезало сразу как-тока кликну по любому другому месту.

@Soldado · 01.10.2012, 10:34

Зачем Вам это , чтобы кликнуть по любому другому месту - предварительно нужно будет "уйти" с блока и он уже начнёт закрываться блок. Впрочем, хозяин барин:

HTML5

<html>
  <head>
    <title>ClickMouseOut</title>
<script type="text/javascript" src="js/jquery.js"></script>
    
 <script type="text/javascript">
 $(function () {
$("#btn").click(function (e) {
e.stopPropagation(); 
       $('#div1').show();
    }); 
    
$('body').click(function () {
       $('#div1').hide();
    });
    
$('#div1').mouseout(function () {
       $(this).delay(1000).hide(10);
    });                  
 });</script>
<style>
body{
height:100%;
border: 1px solid #dddddd;
padding-top: 200px;
}
#div1
{
width:500px;
height: 100px;
background-color:#effab6;
border:2px solid #06732f;
display:none;
}
</style>    
  </head>
  <body >
  
 <div id="div1">div1<br/><br/><br/><br/></div> 
<input type="button" id="btn" value="Показать блок"/><br/><br/>
  </body>
</html>

__PION__ · 01.10.2012, 13:39 **[ТС]**

Soldado, все хорошо, тока вот при mouseout блок исчезает, если внутри блока имеются другие элементы. Как этот момент учитывать?

Добавлено через 9 минут
точнее даже нужно исчезновение не через mouseout, а просто исчезновение после секунды бездействия. т.е., если курсор не на блоке и прошла секунда

@Dolphin · 01.10.2012, 13:43

Сообщение от Love_and_Peace

курсор не на блоке и прошла секунда

В событии mouseout в начале поставь sleep()

__PION__ · 01.10.2012, 13:52 **[ТС]**

Сообщение от Dolphin

В событии mouseout в начале поставь sleep()

ну может так случиться, что чек ваще не наведет курсорос на появившийся блок, тогда mouseout никогда не сработает

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
		1
	Появление/исчезновение блока 01.10.2012, 08:39. Показов 17499. Ответов 6 Метки нет (Все метки) Привет! Хочу сделать, казалось бы простую штуку, но не получается. Есть объект (ссылка,кнопка....), теперь при нажатии на него хочу появлялся блок, с этим все нормально. А вот чтобы при отводе мышки с появившегося блока или объекта, через который вызывался блок, блок не исчезает. Как это реализовать? Или хотя бы, чтобы блок исчезал при клике по любому другому месту? 0

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	01.10.2012, 10:06 [ТС]	3
	Сообщение от Soldado это если, после первого клика, мышка в результате изменений в документе не "уходит" с кнопки уходит. Мне нужно, чтобы блок исчезал после увода мышки с появившегося блока, и не сразу, а, скажем ч/з 1 сек. И чтобы исчезало сразу как-тока кликну по любому другому месту. 0

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	01.10.2012, 13:39 [ТС]	5
	Soldado, все хорошо, тока вот при mouseout блок исчезает, если внутри блока имеются другие элементы. Как этот момент учитывать? Добавлено через 9 минут точнее даже нужно исчезновение не через mouseout, а просто исчезновение после секунды бездействия. т.е., если курсор не на блоке и прошла секунда 0

@Dolphin 814 / 797 / 201 Регистрация: 21.09.2012 Сообщений: 2,656
	01.10.2012, 13:43	6
	Сообщение от Love_and_Peace курсор не на блоке и прошла секунда В событии mouseout в начале поставь sleep() 0

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	01.10.2012, 13:52 [ТС]	7
	Сообщение от Dolphin В событии mouseout в начале поставь sleep() ну может так случиться, что чек ваще не наведет курсорос на появившийся блок, тогда mouseout никогда не сработает 0