Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.09.2015, 14:55
Интересующийся
Отправить личное сообщение для blits Посмотреть профиль Найти все сообщения от blits
 
Регистрация: 18.08.2015
Сообщений: 15

Скрытие рекламной строчки
Всем привет, есть рекламная строчка. Что мне нужно
1. При нажатии в любом месте экрана страницы она должна скрываться, если клик конечно произошел не по самой рекламной строчке
2. Кнопку "Закрыть".
Заранее благодарю!!
Вот как выглядит: http://jsfiddle.net/8900xrco/

Последний раз редактировалось blits, 12.09.2015 в 14:59.
Ответить с цитированием
  #2 (permalink)  
Старый 12.09.2015, 15:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

blits,
Вопрос по идентичности event.target и DOM

Вопрос по эвенту во встроенной функции.
Ответить с цитированием
  #3 (permalink)  
Старый 12.09.2015, 15:36
Интересующийся
Отправить личное сообщение для blits Посмотреть профиль Найти все сообщения от blits
 
Регистрация: 18.08.2015
Сообщений: 15

Сообщение от рони Посмотреть сообщение
blits,
Вопрос по идентичности event.target и DOM

Вопрос по эвенту во встроенной функции.
Минут 10 листал страницу, но ничего не понял. Правда Мне достаточно, чтоб поменялся display: block на display: none, спецэффекты не нужны

Последний раз редактировалось blits, 12.09.2015 в 15:38.
Ответить с цитированием
  #4 (permalink)  
Старый 12.09.2015, 15:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

blits,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style>#strochka {position:fixed; font-family:Tahoma; border-bottom:1px dashed;
background:white; top:0px; right:0px;  width:100%; height:34px; z-index:99999; overflow:hidden;}
#strochka_link { float:left; text-align:left; display:block;width:100%; height:32px; line-height:32px; padding-left: 20px; }
#strochka_link a { display:block; color:#0061c1;  text-decoration:none;  font-weight:normal;  font-size:23px; }
#strochka_link a:hover {  text-decoration:underline;  font-weight:500; color:red;}
#strochka_add { float:right; width:28%; text-align:left; height:34px; line-height:34px; color:#0061c1; }
#strochka_add a { display:block; color:gray; padding-left:32px; background:url(http://nolix.ru/a/q.png) 6px 4px no-repeat; font-size:12px; text-decoration:none;  font-weight:normal;  }
#strochka_add a:hover { text-decoration:underline; }
  body {padding-top:34px !important;}</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     jQuery.fn.hide_by_click = (function() {
         var arrSelector = [],
         tracking = function(event) {
             $.map(arrSelector, function(el) {
                 if (event.target != el && !$(el).has(event.target).length) $(el).fadeOut()
             })

         }
         return function(add) {
            $(document).off({'click' : tracking });
             this.each(function(indx, el) {
                 if (add) arrSelector.push(el);
                 else {
                     var indx = $.inArray(el, arrSelector);
                     if (indx != -1) arrSelector.splice(indx, 1)
                 }
             });
            arrSelector.length && $(document).on({'click' : tracking });
            return this
         }
     }())

     $(function() {

         $("#strochka_link").hide_by_click(true);

     });
  </script>
</head>

<body>
<div class="wrap">
<div id="strochka">
		<div id="strochka_link"><a href="/" title="http://poleznietovari.info/readme/offers?group_id=contextbar&amp;sub_id=part1" rel="nofollow" target="_blank">Реклама :)</a></div>

		</div>


<p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><p>Строчка</p><br>
</div>


</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать скрытие открытого элемента при открытии другого showHide candro Общие вопросы Javascript 6 15.10.2014 11:23
Скрытие навигационной панельки rowlin jQuery 1 28.08.2013 22:11
Скрытие кнопки заказа andersan2000 Элементы интерфейса 14 28.08.2013 08:22
Скрытие курсора через промежуток времени najrobi Internet Explorer 5 02.07.2009 16:32
Скрытие блока после потери фокуса Nubi jQuery 2 06.02.2009 22:58