model

gistfile1.txt

$(".dia").on("click",function(){
        var $wrap = $('<div class="alertWrap"></div>');
        var $content = $('<div class="alert"></div>');
        var str='<table><tbody><tr><td colspan="6"><i class="close" style="float: right;">X</i></td></tr>'+
                '<tr><td><input  type="password" maxlength="1"/></td><td><input type="password" maxlength="1"/></td><td><input type="password"/></td><td><input type="password"/></td><td><input  type="password"/></td><td><input type="text"/></td></tr></tbody></table>';
                //* $content.html(str);*//

        var msg = 'aaa';
                $content.html(str);
                $wrap.append($content);
        $("body").append($wrap);

        var windowHeight = $(window).height();
        var pt = (windowHeight - 100)/2;

        $wrap.css("padding-top",pt).fadeIn(800);

        $(".close").click(function(){
            $wrap.fadeOut(800).remove();
        });

        /*setTimeout(function(){
            $wrap.fadeOut(800).remove();
        },1000);*/
    });