Исчезающие блоки на jQuery - Форум
Страница 1 из 11
Форум » Форум веб мастеров » jQuery & JavaScript » Исчезающие блоки на jQuery (Нужна помощь)
Исчезающие блоки на jQuery

nikkki
Пользователи
Сообщений 1
+
0
-
Ваши награды 1
nikkki написал: В ответ пользователя nikkki Написано 10 Августа 2012 в 16:36
Сообщение № 1
Так как я вообще полный ноль в JavaScript, прошу помочь мне с этой проблемкой)
Как сделать чтобы исчезающие блоки были с запоминанием на куках?


Code
<script type="text/javascript">      
       $(document).ready(function(){      
        $(".panel .close").click(function(){      
         $(this).parents(".panel").animate({ opacity: 'hide' }, "slow");      
        });      
       });      
      </script>


Code
<div class="panel">      
       <h3>Материал из Википедии — свободной энциклопедии</h3>      
       <p>Квазар (англ. quasar) — особо мощное и далёкое активное ядро галактики. Квазары являются одними из самых ярких объектов во Вселенной — их мощность излучения иногда в десятки и сотни раз превышает суммарную мощность всех звёзд таких галактик, как наша. Следы родительских галактик вокруг квазаров (причём, далеко не всех) были обнаружены лишь позднее. В первую очередь квазары были опознаны как объекты с большим красным смещением, имеющие электромагнитное излучение (включая радиоволны и видимый свет) и настолько малые угловые размеры, что в течение нескольких лет после открытия их не удавалось отличить от «точечных источников» — звёзд (напротив, протяжённые источники больше соответствуют галактикам).</p>      
       <span class="close"></span>      
      </div>


Ссылки некликабельные и под спойлер...
«Пред. тема След. тема»

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 10 Августа 2012 в 17:14
Сообщение № 2
Code
<div class="panel">
  <h3>Материал из Википедии — свободной энциклопедии</h3>
  <p>Квазар (англ. quasar) — особо мощное и далёкое активное ядро галактики. Квазары являются одними из самых ярких объектов во Вселенной — их мощность излучения иногда в десятки и сотни раз превышает суммарную мощность всех звёзд таких галактик, как наша. Следы родительских галактик вокруг квазаров (причём, далеко не всех) были обнаружены лишь позднее. В первую очередь квазары были опознаны как объекты с большим красным смещением, имеющие электромагнитное излучение (включая радиоволны и видимый свет) и настолько малые угловые размеры, что в течение нескольких лет после открытия их не удавалось отличить от «точечных источников» — звёзд (напротив, протяжённые источники больше соответствуют галактикам).</p>
  <span class="close" onclick="tikWebo4kaRu();"></span>
</div>

<script type="text/javascript">

function setCookie(name, value, days) {  
   if (days) {  
   var date = new Date();  
   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));  
   var expires = "; expires=" + date.toGMTString();  
   }  
   else var expires = "";  
   document.cookie = name + "=" + value + expires + "; path=/";  
  }  
  function getCookie(name) {  
   var nameEQ = name + "=";  
   var ca = document.cookie.split(';');  
   for (var i = 0; i < ca.length; i++) {  
   var c = ca[i];  
   while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);  
   }  
   return null;  
  }  
  function eraseCookie(name) {  
   setCookie(name, "", -1);  
  };

if(getCookie('zakritWebo4kaRu')){$('.panel').hide();}else{function tikWebo4kaRu(){$('.panel').animate({ opacity: 'hide' }, "slow"); setCookie('zakritWebo4kaRu', 1, 365);}}
</script>

<style>
.panel {
  padding: 10px 20px 10px;
  position: relative;
  border: 1px solid #e1e1e1;
  text-align: justify;
  margin: 0 0 5px 0;
  background: #f9f9f9;
  -webkit-border-radius: 5px;
  }
.close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-image: url(http://jemand.ru/examples/images/ischezayushhie-bloki-na-jquery/close.gif);
  }
</style>
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик

Webing
Проверенные
Сообщений 228
+
+321
-
Ваши награды 8
Webing написал: В ответ пользователя Webing Написано 23 Августа 2012 в 00:17
Сообщение № 3
Вовчик Зачем такой большой код? О.о
Code
<script src="http://jqucoz.ru/cok.js" type="text/javascript"></script>
<script>
if($.cookie('webing') != null){
$('.panel').hide();
}

$('.panel .close').click(function(){
$('.panel').hide();
$.cookie('webing','1');
});

$('ТУТ КЛАСС КНОПКИ ОТКРЫТЬ').click(function(){
$('.panel').show();
$.cookie('webing',null);
});
</script>
Форум » Форум веб мастеров » jQuery & JavaScript » Исчезающие блоки на jQuery (Нужна помощь)
Страница 1 из 11
Поиск:
Топ пользователей: