Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery При добавлении в избранное гостям вывести всплывающее окно, о том что добавлять в избранное могут зарегистрированные пользователи

При добавлении в избранное гостям вывести всплывающее окно, о том что добавлять в избранное могут зарегистрированные пользователи


     30.07.2013    jQuery, Хаки    1792

вопрос
Как такое сделать. Думаю совсем не трудно, но я не силен в этом. Спасибо всем.

Ответил: arkasha206


Если нужно модальное окно:
1- тэг {favorites} выдели [not-group=5][/not-group]
2- Рядом с [not-group=5]{favorites}[/not-group] добавь следуещее:

[group=5]{favorites}[/group]

Под всем этим добавь это:


    Ошибка!
    Чтобы добавить в избранное нужно зарегистрироваться


В стили вставить:
#fade { /*--прозрачный фоновый слой--*/
    display: none; /*--скрыто по умолчанию--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none; /*--скрываем контент--*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    /*--Box Shadow--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
/*--Хак для IE6--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}

В подключенную js библиотеку:
// Определение ссылки 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Имя окна
    var popURL = $(this).attr('href'); //Ширина из href

    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1];

    //Окно появляется, с кнопкой закрыть
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');

// Margin'ы
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    // Прежний вид страницы, при закрытии
    $('body').append('');
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();

    return false;
});

// Закрываем
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});

Комментарии пользователей (6)

arkasha206
14 | 2

arkasha206 - 30 июля 2013 21:03 - Юзер

А не проще просто тэг {favorites} выделить [not-group=5][/not-group]?

[not-group=5]{favorites}[/not-group]

Exile
17

235 | 68

Exile - 30 июля 2013 21:28 - Гости

Можно, кстати :
[not-group=5]{favorites}[/not-group]
[group=5]Чтобы добавить в избранное нужно <a href="/index.php?do=register">зарегистрироваться</a>[/group]

arkasha206
14 | 2

arkasha206 - 30 июля 2013 21:33 - Юзер

Exile,тогда краткая новость будет криво стоять.С учетом того,что добавление в избранное чаще всего стоит с названием,места на Чтобы добавить в избранное нужно <a href="/index.php?do=register">зарегистрироваться</a> не хватит.Если для полной новости,тогда нормально.

Exile
17

235 | 68

Exile - 30 июля 2013 22:07 - Гости

Ну тогда так можно :
[not-group=5]{favorites}[/not-group]
[group=5]<span onclick="javascript:alert('Чтобы добавить в избранное нужно зарегистрироваться!')" >favorites</span>[/group]

Всесто "favorites" можно подсунуть некликабельный муляж, вытащив его из сгенерированной страницы.

craf
8

craf - 31 июля 2013 20:45 - Юзер

ВСПЛЫВАЮЩЕЕ ОКНО где?

arkasha206
14 | 2

arkasha206 - 3 августа 2013 17:22 - Юзер

2 пункт почему-то не отобразил коды.Выкладываю:
Рядом с [not-group=5]{favorites}[/not-group] добавь следуещее:
[group=5]<a href="#?w=500" rel="popup_name" class="poplight">{favorites}</a>[group]

Под этим добавить:
<div id="popup_name" class="popup_block">
<h2>Ошибка!</h2>
<p>Чтобы добавить в избранное нужно <a href="/index.php?do=register">зарегистрироваться</a></p>
</div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы