Yandex Maney Form

by Roman

HTML

<div id="a2dPopupMSG" class="a2dPopupMSG">
    <div class="message">
        Спасибо, Ваш заказ принят! Чтобы перейти на страницу оплаты заказа, нажмите на кнопку ниже
        <div id="a2dPopupBtn" class="bttnMLUG anime">Перейти к оплате</div>
    </div>
</div>

CSS

.a2dPopupMSG{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

.message{
    display: inline-block;
    height: auto;
    background: #fff;
    margin: 25% auto;
    border-radius: 10px;
    padding: 40px 80px;
    color: #222222;
    font-size: 20px;
    border: 3px solid #f71807;
}
.bttnMLUG{display:inline-block;color:#ffffff;background-color:#6fc914;border:0;border-radius:2px;border:none;}
.bttnMLUG.abttn,
.bttnMLUG:hover{margin-left:-4px;margin-top:-4px;margin-right:4px;margin-bottom:4px;box-shadow:1px 1px 0 1px #398439,2px 2px 0 1px #398439,3px 3px 0 1px #398439,4px 4px 0 1px #398439;cursor:pointer;text-decoration:none;color:#ffffff}
#a2dPopupBtn{padding:10px 30px;width:50%}

JavaScript

function popapMsg(w){

    var _w = {
        id:'#a2dPopupMSG',
        msg:'It`s Work !!',
        autoHide:0,
        callBack:false
    };
    w = $.extend(true,_w,w);

    var $w = $(w.id);

    var wHide = function(){
        if( $w.is(":visible") ){
            $w.fadeOut(500);
            if( typeof w.callBack=="function" ){
                w.callBack.call();
            }
            else if( typeof w.callBack=="string" && w.callBack.length>0 ){
                window[w.callBack]();
            }
        }
    };

    $w.children().html(w.msg);

    $w.fadeIn(500);

    if( w.autoHide>0 ) setTimeout(function(){
        $w.click();
    }, w.autoHide );

    $w.click(function(){
        wHide();
    });
}

var form = ''+
'<form method="POST" action="https://money.yandex.ru/quickpay/confirm.xml">'+
    '<input name="label" type="hidden" value="">'+
    '<input name="receiver" type="hidden" value="">'+
    '<input name="quickpay-form" type="hidden" value="shop">'+
    '<input name="is-inner-form" type="hidden" value="true">'+
    '<input type="hidden" name="targets" value="Оплата заказа №XXXX">'+
    '<input type="hidden" name="comment" maxlength="60">'+
    '<input type="hidden" name="sum" value="0" id="sum" maxlength="10" data-type="number">'+
    '<input type="hidden" name="successURL" value="">'+
    '<input type="hidden" name="quickpay-back-url" value="">'+
    '<input type="submit" value="Оплатить" name="submit-button">'+
'</form>';

popapMsg({
    msg:"Redirect To Yandex Maney",
    autoHide:3000,
    callBack: function(){
        $(form).attr('target','_blank').hide().appendTo("body").submit();
    }
});