Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.03.2014, 22:10
Кандидат Javascript-наук
Отправить личное сообщение для sashgera Посмотреть профиль Найти все сообщения от sashgera
 
Регистрация: 20.09.2011
Сообщений: 140

Всплывающий div с анимацией jQuery и куками
Здравствуйте
Есть всплывающий с jQuery анимацией див при загрузке сайта, с куками
По умолчанию див скрыт - display: none;

как проверить куки и если их нет - показать див
с выполнением действия если куки существуют все понятно:
if (getCookie01("tm")||getCookie01("ses")) {...}

а вот наоборот..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.glass-pgc.ru/sashka/banner_action/effects.core.full.js"></script> 
<SCRIPT type="text/JavaScript" src="http://www.glass-pgc.ru/sashka/banner_action/CookieJsLibrary.js"></SCRIPT> 
<script type="text/javascript">
var produkt = jQuery.noConflict(); // query ноконфликт
if//как проверить куки (ses и tm) и если их нет - показать див с анимацией (выполнить код, что ниже)???

produkt(document).ready(function(){
   produkt("#blok1").fadeIn(2000);
   produkt("#blok2").show("explode", {pieces: 9}, 1000);
 
produkt("#closes").click(function () { //если див blok1 открыт - закрываем с анимацией, кликом на крестик
   produkt("#blok1").fadeOut(2000);
   produkt("#blok2").hide("explode", {pieces: 9}, 1000);
    });   
});
   setCookie01("ses",true,'','/'); // кук на сессию
   setCookie01("tm",true,02*60*60*1000,'/'); // кук на время 
</script>
 
<div id="blok1" style="display: none; position:fixed; left:50%;margin-left:-155px; width:310px; top:50%; margin-top:-156px; height:312px; background-color:#EBEBEB; padding:10px; border:5px solid #7F6600; border-radius: 10px; z-index: 9999;">
<div id="closes" style="float: right; cursor: pointer;">
<img src="http://www.glass-pgc.ru/sashka/banner_action/close_.png" border=0 align="right" width="16" height="16" alt="закрыть"/></div>
<p style="text-align:center;">Всплывающий див..</p>
<div id="blok2"><img src="http://www.glass-pgc.ru//images/stories/glass/content/install_1.jpg" width="300" height="200"  border="0"></div>
</div>

Последний раз редактировалось sashgera, 16.03.2014 в 22:34.
Ответить с цитированием
  #2 (permalink)  
Старый 17.03.2014, 14:42
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от sashgera
с выполнением действия если куки существуют все понятно:
if (getCookie01("tm")||getCookie01("ses")) {...}

а вот наоборот..
И "наоборот" не сложно

if (getCookie01("tm")||getCookie01("ses")) {...} else {
   // вот тут и дерзай!
}
Ответить с цитированием
  #3 (permalink)  
Старый 17.03.2014, 18:29
Кандидат Javascript-наук
Отправить личное сообщение для sashgera Посмотреть профиль Найти все сообщения от sashgera
 
Регистрация: 20.09.2011
Сообщений: 140

ksa, не совсем понял что нужно после else
<script type="text/javascript">
var produkt = jQuery.noConflict(); // query ноконфликт

produkt(document).ready(function(){
if (getCookie01("tm")||getCookie01("ses")) {								 
   produkt("#blok1").fadeIn(2000);
   produkt("#blok2").show("explode", {pieces: 9}, 1000);
 }  else {
   // что тут сделать, если куки не существуют - показать див
}

produkt("#closes").click(function () { //если див blok1 открыт - закрываем с анимацией, кликом на крестик
   produkt("#blok1").fadeOut(2000);
   produkt("#blok2").hide("explode", {pieces: 9}, 1000);
    });   
});
   setCookie01("ses",true,'','/'); // кук на сессию
   setCookie01("tm",true,02*60*60*1000,'/'); // кук на время 
</script>
 
<div id="blok1" style="display: none; position:fixed; left:50%;margin-left:-155px; width:310px; top:50%; margin-top:-156px; height:312px; background-color:#EBEBEB; padding:10px; border:5px solid #7F6600; border-radius: 10px; z-index: 9999;">
<div id="closes" style="float: right; cursor: pointer;">
<img src="http://www.glass-pgc.ru/sashka/banner_action/close_.png" border=0 align="right" width="16" height="16" alt="закрыть"/></div>
<p style="text-align:center;">Всплывающий див..</p>
<div id="blok2"><img src="http://www.glass-pgc.ru//images/stories/glass/content/install_1.jpg" width="300" height="200"  border="0"></div>
</div>
Ответить с цитированием
  #4 (permalink)  
Старый 18.03.2014, 08:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от sashgera
не совсем понял что нужно после else
Это уже решать тебе. Что там у тебя должно быть "наобороте"...
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка div на jquery werty1001 jQuery 4 22.12.2012 13:54
В div не работает jquery библиотека colmer Общие вопросы Javascript 1 02.10.2012 13:22
Не меняется класс div с помощью jQuery Mniako jQuery 7 08.10.2011 12:19
Из textarea в div jquery BorisBritva Events/DOM/Window 5 22.11.2010 19:08
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23