Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы » Скрипт с предложением зарегестрироваться

Скрипт с предложением зарегестрироваться

lGaaral 09.08.2014 Общие вопросы, jQuery 2794

вопрос

Добрый день.

Тут раньше на сайте был скрипт, который при прокручивание страницы до конца "вылазил" справа.

Как сделать аналогичный скрипт, чтобы если допустим человек зашел не первый раз на сайт, ему предлагалось бы зарегистрироваться.

Ответа пока нет

19 комментариев

Юзер

1599

FastFud - 2015-06-049 августа 2014 00:44 - #33455

Примерно так

Юзер

lGaaral - 2015-06-049 августа 2014 01:31 - #33459

Скрипт всем посетителям будет предлагать? Или только тем которые повторно зашли на сайт?

Юзер

1599

FastFud - 2015-06-049 августа 2014 01:36 - #33460

Да, всем подряд и при каждом заходе:D чтоб это не было надо использовать куки:

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script><script>  
$(function() {  
  
  if (!$.cookie(o_O)) {  
  
    $(window).scroll(function() {
         if ($(window).scrollTop() > 100) {
            $(".o_O").stop().animate({'margin-right':'0px'}, 500);
        } else  {
            $(".o_O").stop().animate({'margin-right':'-300px'}, 200);
        }
    }); 
  
  }  
  
  $.cookie('o_O', true, {  
    expires: 365,  
    path: '/'  
  });  
  
});  
</script>

Юзер

lGaaral - 2015-06-049 августа 2014 01:58 - #33461

Значит делаю так.

в main.tpl прописываю


<div class="ct"><div class="block"><div class="o_O">Предложение выйти замуж!</div></div>
</div>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script><script>  
$(function() {  
  
  if (!$.cookie(o_O)) {  
  
    $(window).scroll(function() {
         if ($(window).scrollTop() > 100) {
            $(".o_O").stop().animate({'margin-right':'0px'}, 500);
        } else  {
            $(".o_O").stop().animate({'margin-right':'-300px'}, 200);
        }
    }); 
  
  }  
  
  $.cookie('o_O', true, {  
    expires: 365,  
    path: '/'  
  });  
  
});  
</script>

В css прописываю

.ct {width: 300px;height: 2000px;margin:50px auto;display:block;}
.block {
    position: relative;
    width: 300px;
    height: 250px;
    float: right;
    margin: 10px;
    background: #ddd;
}
.o_O {
    position: fixed;
    width: 300px;
    height: 250px;
    right: 0;
    margin-right: -300px;
    text-align: center;
    background-color: #999;
    z-index: 9999;
}
.scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4000px;
}

Куда код

$(function(){
$(window).scroll(function() {
     if ($(window).scrollTop() > 100) {
        $(".o_O").stop().animate({'margin-right':'0px'}, 500);
    } else  {
        $(".o_O").stop().animate({'margin-right':'-300px'}, 200);
    }
});
});

Сохранять?

И еще вопрос. Нормально будет грузить скрипт со стороннего сайта cdnjs.cloudflare.com или лучше это скрипт к себе на сервер сохранить?

Юзер

1599

FastFud - 2015-06-049 августа 2014 02:04 - #33462

И еще вопрос. Нормально будет грузить скрипт со стороннего сайта cdnjs.cloudflare.com или лучше это скрипт к себе на сервер сохранить?

Сохранить у себя и там уже подключать.

Куда код
$(function(){
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
$(".o_O").stop().animate({'margin-right':'0px'}, 500);
} else {
$(".o_O").stop().animate({'margin-right':'-300px'}, 200);
}
});
});

это уже не надо, писать только (смотрите ниже)

<script>  
$(function() {  
  
  if (!$.cookie(o_O)) {  
  
    $(window).scroll(function() {
         if ($(window).scrollTop() > 100) {
            $(".o_O").stop().animate({'margin-right':'0px'}, 500);
        } else  {
            $(".o_O").stop().animate({'margin-right':'-300px'}, 200);
        }
    }); 
  
  }  
  
  $.cookie('o_O', true, {  
    expires: 365,  
    path: '/'  
  });  
  
});  
</script>

Юзер

lGaaral - 2015-06-049 августа 2014 02:26 - #33463

Подключил файл http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js

Вставил код в main.tpl

    <script>  
$(function() {  
  if (!$.cookie(o_O)) {  
    $(window).scroll(function() {
         if ($(window).scrollTop() > 100) {
            $(".o_O").stop().animate({'margin-right':'0px'}, 500);
        } else  {
            $(".o_O").stop().animate({'margin-right':'-300px'}, 200);
        }
    }); 
  
  }  
  
  $.cookie('o_O', true, {  
    expires: 365,  
    path: '/'  
  });  
  
});  
</script>

В css прописал
.ct {width: 300px;height: 2000px;margin:50px auto;display:block;}
.block {
position: relative;
width: 300px;
height: 250px;
float: right;
margin: 10px;
background: #ddd;
}
.o_O {
position: fixed;
width: 300px;
height: 250px;
right: 0;
margin-right: -300px;
text-align: center;
background-color: #999;
z-index: 9999;
}
.scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4000px;
}

Ничего не не происходит =)

Юзер

1599

FastFud - 2015-06-049 августа 2014 02:30 - #33464

.ct {width: 300px;height: 2000px;margin:50px auto;display:block;}
.block {
position: relative;
width: 300px;
height: 250px;
float: right;
margin: 10px;
background: #ddd;
}

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

Юзер

lGaaral - 2015-06-049 августа 2014 02:33 - #33465

Цитата: FastFud

А вообще использовать куки для этого глупо (по моему)

Согласен. Я так понимаю, что нужно подключить другой скрипт, для группы "Незарегистрированные пользователи" Так?

Вопрос что за скрипт и где прописать приглашение и ссылку на страницу регистрации.

Юзер

1599

FastFud - 2015-06-049 августа 2014 02:39 - #33466

Показать / Скрыть текст

засунуть в какой-то js файл подключенный к шаблону

$(function(){
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
$(".o_O").stop().animate({'margin-right':'0px'}, 500);
} else {
$(".o_O").stop().animate({'margin-right':'-300px'}, 200);
}
});
});

Потом ставим на страницу (main.tpl к примеру)


[group=5]<div class="o_O"><a href="/index.php?do=register">Давайте зарегистрируемся!</a></div>[/group]
5 - ID группы (гостей) которым будет видна это окошко

Css (стили)

.o_O {
    position: fixed;
    width: 300px;
    height: 250px;
    right: 0;
    margin-right: -300px;
    text-align: center;
    background-color: #999;
    z-index: 9999;
}

Юзер

lGaaral - 2015-06-049 августа 2014 02:56 - #33468

Показать / Скрыть текст

В main.tpl прописал следующее

<script src="{THEME}/assets/js/bootstrap.js"></script>
[group=5]<div class="o_O"><a href="/index.php?do=register">Давайте зарегистрируемся!</a></div>[/group]

В файле bootstrap.js пописал следующее

 /* AFFIX NO CONFLICT
  * ================= */

  $.fn.affix.noConflict = function () {
    $.fn.affix = old
    return this
  }

 /* SLIDER
  * ============== */      
$(function(){
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
$(".o_O").stop().animate({'margin-right':'0px'}, 500);
} else {
$(".o_O").stop().animate({'margin-right':'-300px'}, 200);
}
})
})   
      

 /* AFFIX DATA-API
  * ============== */

Точку с запятой убрал

В css прописал

/* Слайдер */
.o_O {
    position: fixed;
    width: 300px;
    height: 250px;
    right: 0;
    margin-right: -300px;
    text-align: center;
    background-color: #999;
    z-index: 9999;
}

Адрес сайта, если что http://dzerlive.ru/

Ничего не происходит на странице

Юзер

1599

FastFud - 2015-06-049 августа 2014 03:15 - #33469

<script>
$(function(){
    $(window).scroll(function() {
        if ($(window).scrollTop() > 100) {
            $(".o_O").stop().animate({'width':'300px'}, 500);
        } else {
            $(".o_O").stop().animate({'width':'0px'}, 200);
        }
    });
});  
</script>
<style>
    .o_O {
    position: fixed;
    width: 0px;
    height: 250px;
    right: 0px;
    top: 0px;
    text-align: center;
    background-color: #999;
    z-index: 9999;
}
</style>

Юзер

lGaaral - 2015-06-049 августа 2014 03:42 - #33470

Заработало =) Завтра попробую CSS подкрутить =)

Юзер

lGaaral - 2015-06-049 августа 2014 11:21 - #33502

Как говорится аппетит приходит во время еды. Я не нашёл как менять расположение текста вертикально :(

И как сделать, чтобы не просто квадрат выводился, а изображение какое нибудь и на него уже накладывался текст.

Можно пруф какой нибудь на мануал, где можно почитать про эти функции.

Юзер

Heaven_Lord - 2015-06-049 августа 2014 00:46 - #33456

Предложение выйти замуж!

убило :D

Юзер

Inperations - 2015-06-049 августа 2014 11:33 - #33504

А модуля не имеется такого?

Юзер

1599

FastFud - 2015-06-049 августа 2014 11:46 - #33505

Зачем модуль когда это все делается на много проще.)

Юзер

Inperations - 2015-06-049 августа 2014 11:49 - #33506

Ну хотелось бы как выше писали. при повторном заходе на сайт высвечивалась табличка с предложением зарегистрироваться

Юзер

1599

FastFud - 2015-06-049 августа 2014 11:54 - #33507

при повторном заходе на сайт высвечивалась табличка с предложением зарегистрироваться

Там как раз все на оборот: При первом посещении сайта будет показано это окошко, куки выполнят свое предназначение и окно больше не появится при заходе на сайт, до тех пор пока пользователь не почистит куки.

Юзер

lGaaral - 2015-06-049 августа 2014 12:27 - #33512