subscribe.tpl

<script type="text/javascript">
function newsSubs(a, b, c) {
    if( dle_group == 5 && c == 0 ) {
        var d = {};
        d[dle_act_lang[3]] = function() {
            $(this).dialog("close");
        },
        d[dle_p_send] = function() {
            if( $('#email').val().length < 6 ) {
                DLEalert(dle_req_field, dle_info);
                return false;
            }

            $.post(dle_root + "engine/ajax/subscribe.news.php", {news_id: a, user_id: b, email: $("#email").val(), action: c}, function(data) {
                $("#count").text(data.count);
                $("#news_subscribe").text(data.text);
                $("#news_subscribe").attr('onclick', data.value);
                $("#news_subscribe").attr('title', data.text);
                if(c == 1) {
                    //$("#news_subscribe").removeClass("link-unsubscribe").addClass("link-subscribe");
                } else {
                    $("#newsSubs").remove();
                    //$("#news_subscribe").removeClass("link-subscribe").addClass("link-unsubscribe");
                }
                ShowLoading(data.loading);
                setTimeout("HideLoading('');", 5000);
            }, "json");
        }

        $("#newsSubs").remove();
        $("body").append('<div id="newsSubs" title="Уведомления о выходе новых серий"><center>Введите ваш E-Mail<br /><br /><input type="text" name="email" id="email" class="ui-widget-content ui-corner-all" style="width:215px; padding: .4em;" /></center></div>');
        $("#newsSubs").dialog({
            dialogClass: "modalfixed", autoOpen: true, show: 'fade', hide: 'fade', width: 350, buttons: d
        });
        $(".modalfixed.ui-dialog").css({position:"fixed"});
        $("#newsSubs").dialog( "option", "position", ['0','0'] );
    } else {
        $.post(dle_root + "engine/ajax/subscribe.news.php", {news_id: a, user_id: b, action: c}, function(data) {
            $("#count").text(data.count);
            $("#news_subscribe").text(data.text);
            $("#news_subscribe").attr('onclick', data.value);
            $("#news_subscribe").attr('title', data.text);
            if(c == 1) {
                //$("#news_subscribe").removeClass("link-unsubscribe").addClass("link-subscribe");
            } else {
                //$("#news_subscribe").removeClass("link-subscribe").addClass("link-unsubscribe");
            }
            ShowLoading(data.loading);
            setTimeout("HideLoading('');", 5000);
        }, "json");
    }
}

function ShowSubs() {
    ShowLoading("");
    $("#news-sub").remove();
    var id = ($("div[id^=news-id-]").length > 0) ? $("div[id^=news-id-]").attr("id").replace("news-id-", "") : false;
    $.post(dle_root + "engine/ajax/subscribe.php", {news_id: id}, function(data) {
        HideLoading("");
        $("body").append(data);
        $("#news-sub").dialog({
            dialogClass: "modalfixed", autoOpen: true, show: 'fade', hide: 'fade', width: 460, height: 350, buttons: {
                "Закрыть" : function() {
                    $(this).dialog("close");
                }
            }
        });
    });
    return false;
}
</script>

<style>
ul.qs-buttons {list-style:none;height:24px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #B3B3B3}
ul.qs-buttons li {float:left;height:24px;border-bottom:none !important;}
ul.qs-buttons li.sep {border-left:1px solid #B3B3B3}
ul.qs-buttons li a img {margin-top:5px;padding-bottom:3px;}
ul.qs-buttons li a {display:block;float:left;line-height:24px;min-width:20px;color:#444;text-align:center;text-shadow:0 1px 0 #FFF;padding:0px 8px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAVCAYAAACOuSR+AAAAJElEQVR42mP8////YgY0wALEP7AJ/iRaJS20/xhQd34fXAECAObyF1d9Iga+AAAAAElFTkSuQmCC) repeat-x #D8D8D8;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;font-size:11px;font-family:"Segoe Ui","Tahoma"}
ul.qs-buttons li a:hover {color:#444;text-decoration:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAVCAYAAACOuSR+AAAAJElEQVR42mP8////YgY0wALEP7AJ/iRaJS20/xhQd34fXAECAObyF1d9Iga+AAAAAElFTkSuQmCC) repeat-x #E9E9E9}
ul.qs-buttons li a.active {background:#D8D8D8;-moz-box-shadow:0 0 1px #AAA inset;box-shadow:0 0 1px #AAA inset;-webkit-box-shadow:0 0 1px #AAA inset;color:#444}
ul.qs-buttons li a.disabled, ul.qs-buttons li a.disabled:hover  {opacity:0.5;cursor:default;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAVCAYAAACOuSR+AAAAJElEQVR42mP8////YgY0wALEP7AJ/iRaJS20/xhQd34fXAECAObyF1d9Iga+AAAAAElFTkSuQmCC) repeat-x #D8D8D8;-moz-box-shadow:0 0 1px #FFF inset;box-shadow:0 0 1px #FFF inset;-webkit-box-shadow:0 0 1px #FFF inset}
</style>

<div id="news-id-{news-id}"></div>
<ul class="qs-buttons ignore-select" style="display:inline-block;">
    <li><a href="#" onclick="{subopt_n} return false;" id="news_subscribe" title="{subscribe}">{subscribe}</a></li>
    <li class="sep"></li>
    <li class="south" title="Количество подписчиков"><a href="#" onclick="ShowSubs(); return false;" id="count">{sub_count}</a></li>
</ul>