实现微博授权浮层效果

实现微博授权浮层效果

作者:LAMP小白  点击:1948  发布日期:2012-10-17 22:58:00  返回列表

今天的项目需要微博授权,而且不能另起新窗口,更可恶的是,这个授权窗口在授权之后 还要转发,转发完了还要显示另外几个网站的转发链接!!

但,一切都是浮云~

代码如下:

主页面上面的JS 主要为浮层提供支持

         mio_lt;scriptmio_gt;
            //所有分页函数依赖的一个变量
            var orderType = 0;
            var ifrOn = '0';
            //微刊信息
            $(document).ready(function(){
                getArticleInfo('{AnUrl("get_article_info")}','0');
            });
            //设置排序
            $('.setOrder').click(function(){
                var type = $(this).attr('id');
                var target = '{AnUrl("get_article_info")}';
                var Info = '';
                if(type == 'order1'){
                    Info = '0';
                }else if(type == 'order2'){
                    Info = '1';
                }else{
                    Info = '2';
                }
                getArticleInfo(target, Info);
                return false;
            });
            //数据传输的func
            function getArticleInfo(target, Info){
                $.post(target, { orderType:Info }, function(data){
                    if(data.html == '') {
                        $('#article_list').empty().html('mio_lt;pmio_gt;暂时没有信息mio_lt;/pmio_gt;');
                        $('#fpage').empty();
                    } else {
                        $('#article_list').empty().html(data.html);
                        $('#fpage').empty().html(data.pager);
                        orderType = data.orderType;
                    }
                },'json');
                return false;
            }
            //翻页
            $('.mioPage').live('click', function(){
                var target = $(this).attr('href');
                var Info = orderType;
                getArticleInfo(target, Info);
                return false;
            })
            //奖品的展示 加工后可以给丰田做幻灯片用
            $('#goodsLeft').click(function(){
                goLeft();
            });
            $('#goodsRight').click(function(){
                goRight();
            })
            function goLeft(){
                var leftVal = $('#goodsLeftVal').css('left');
                leftVal = parseInt(leftVal) + 200;
                //$('#goodsLeftVal').css({ left:'-500px' });
                if(leftVal mio_gt; 0)
                    return false;
                $('#goodsLeftVal').animate( { left: leftVal+'px' } , "slow");
            }
            function goRight(){
                var leftVal = $('#goodsLeftVal').css('left');
                leftVal = parseInt(leftVal) - 200;
                //$('#goodsLeftVal').css({ left:'-500px' });
                if(leftVal mio_lt; -800)
                    return false;
                $('#goodsLeftVal').animate( { left: leftVal+'px' } , "slow");
            }
            //奖品展示结束
            //编辑微刊的JS 正式用不到
            $('.edit').change(function(){
                var type = $(this).attr('name');
                var typeVal = $(this).val();
                var modeData = ['模版1', '模版2', '模版3'];
                var pic1Data = ['图片1', '图片2', '图片3'];
                var pic2Data = ['图片1', '图片2', '图片3'];
                var pic3Data = ['图片1', '图片2', '图片3'];
                if(type == 'mode'){
                    $('#modeText').val(modeData[typeVal - 1]);
                } else if(type == 'pic1'){
                    $('#pic1Text').val(pic1Data[typeVal - 1]);
                } else if(type == 'pic2'){
                    $('#pic2Text').val(pic2Data[typeVal - 1]);
                }else{
                    $('#pic3Text').val(pic3Data[typeVal - 1]);
                }
            })
            var subPic = '';
            var subContents = '';
            var subFollow = '';
            var subTemplateId = '';
            $('#sub').click(function(event){
                //获取需要的东西
                var pic1Val = $('#pic1').val();
                var pic2Val = $('#pic2').val();
                var pic3Val = $('#pic3').val();
                var modeVal = $('#mode').val();
                var modeText = $('#modeText').val();
                var pic1Text = $('#pic1Text').val();
                var pic2Text = $('#pic2Text').val();
                var pic3Text = $('#pic3Text').val();
                var follow = $('#follow').val();
                //拼接数据
                var pic = '';
                var contents = '';
                if(pic1Val == 0 || pic2Val == 0 || pic3Val == 0){
                    alert('没选东西');
                    return false;
                }
                pic = pic1Val+'|'+pic2Val+'|'+pic3Val;
                if(modeText == '' || pic1Text == '' || pic2Text == '' || pic3Text == ''){
                    alert('没选东西');
                    return false;
                }
                contents = modeText+'|'+pic1Text+'|'+pic2Text+'|'+pic3Text;
                subPic = pic;
                subContents = contents;
                subFollow = follow;
                subTemplateId = modeVal;
                //打开浮层
                openWin(event);
                //发送
                /*
                $.post("{AnUrl('get_flash_data')}" , { pic:pic, content:contents, template_id:modeVal, pic_id:pic, is_follow:follow }, function(data){
                    alert(data);
                } )
*/
            });
            var authHref = '{$smarty.const.STATIC_URL}/?anu=auth/';
            function openWin(event){
                //计算浮层的位置
                var yy = mioScroll();
                yy = yy*1;
                $('#openWinDiv').css( { top:yy+'px' } );
                //判断浮层应该显示神马 授权?发布?
                //changeIframe(authHref);
                //显示浮层
                $('#openWinBack,#openWinDiv').fadeIn('1000');
                ifrOn = '1';
            }
            $('#openWinBack').click(function(){
                closeOpenWin();
            });
            function closeOpenWin(){
                $('#openWinBack,#openWinDiv').fadeOut('1000');
            }
            function changeIframe(targethref){
                //alert(href);
                $('#openWinDiv').attr( { src:targethref } );
            }
            function mioScroll(){
              if(self.pageYOffset){
                return self.pageYOffset;
              }else if(document.body.scrollTop){
                return document.body.scrollTop;
              }else if(document.documentElement mio_amp;mio_amp; document.documentElement.ScrollTop){
                return document.documentElement.ScrollTop;
              }else{
                return 0;
              }
            }
        mio_lt;/scriptmio_gt;

浮层上面的JS

mio_lt;scriptmio_gt;
            //sub form
            $('#sub').click(function(){
                var target = '{$smarty.const.STATIC_URL}/?anu=sub/save';
                var vals = $('#at').val();
                var content = $('#content').html();
                var nums = 0;
                var i = 0;
                var re = /@/;
                //检测是否@了3个人
                while(vals.indexOf('@') mio_gt;= 0){
                    vals = vals.replace(re, '1');
                    ++nums;
                }
                if(nums mio_lt; 1 || content == ''){
                    alert('请@3名好友!'); return false;
                }
                vals = $('#at').val();
                $.post(target, { at:vals, content:content }, function(data){
                    if(data == '0'){
                        alert('发布成功');
                        window.location.href='{$smarty.const.STATIC_URL}/?anu=sub/more';
                    }
                });
            })
            //at friends
            $('.atFriends').click(function(){
                var user_name = $(this).children('.user_name').html();
                var vals = $('#at').val();
                if(vals == ''){
                    vals = '@'+user_name;
                } else {
                    var rr = vals.indexOf(user_name);
                    if(rr mio_gt;= 0){
                        alert('不要重复@一个人 你和他又没仇');
                        return false;
                    } else {
                        vals = vals+' @'+user_name;
                    }
                }
                $('#at').val(vals);
            });
            function checkParent(){
                if(window.parent.ifrOn == '1'){
                    initForm();
                    window.parent.ifrOn = '0';
                }
                return false;
            }
            function initForm(){
                //save to dataBase
                var pic = window.parent.subPic;
                var contents = window.parent.subContents;
                var follow = window.parent.subFollow;
                var modeVal = window.parent.subTemplateId;
                //发送
                $.post("{AnUrl('get_flash_data')}" , { pic:pic, content:contents, template_id:modeVal, pic_id:pic, is_follow:follow }, function(data){
                } );
            }
            //检测是否是合法来源
            setInterval("checkParent()", 1000);
        mio_lt;/scriptmio_gt;




上一篇:多个数据列设置主键和FOREIGN KEY 下一篇:快递查询API
0