帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → [原创]帝国cms7.0无刷新Ajax登录退出、ajax注册信息验证插件 【本版专题贴子】  
 3/14    |‹ ‹‹ 1 2 3 4 5 6 7 8 9 10 ›› ›|
主题：[原创]帝国cms7.0无刷新Ajax登录退出、ajax注册信息验证插件 [加入收藏夹]   

liangguanyu
用户头衔：举人

精华贴   ：0
发贴数   ：181
经验值   ：803
注册时间：2013-09-10
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 21 楼]

原帖由 gxnnlj6 于 2014-04-27 08:11:32 发表
退出的问题，显示：show_userinfo.innerHTML="

'shortinfo' 未定义


把和“shortinfo”相关的短状态语句注释掉就...

嗯，可能是部分浏览器对js书写要求比较严格，关于这个问题我已经对插件进行改进，对短登录状态选择性使用。需要使用的时候，在页面添加id，然后载入js的时候添加参数《shortinfo=1》，把短登录状态打开即可。同时更新了Ajax无刷新检测注册信息，简化了代码！


想到即可做到。 http://www.520am.com
2014-04-27 22:42:14 已设置保密 顶部 回复 引用 报告 编辑 删除

我是一片云
用户头衔：探花

精华贴   ：0
发贴数   ：2712
经验值   ：7989
注册时间：2008-02-25
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 22 楼]

支持楼主



2014-04-28 00:16:07 已设置保密 顶部 回复 引用 报告 编辑 删除

gxnnlj6
用户头衔：举人

精华贴   ：0
发贴数   ：158
经验值   ：649
注册时间：2009-01-30
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 23 楼]

登录后还是不能用下拉菜单，但是F5刷新页面后就能用了，不懂为什么，好像一登录后没能触发JS，刷新后又得


        //登录状态显示模板
        $loginfo='<div class=\"imenu_bg\"><div class=\"imenu\" topnav=\"navdl\" attr=\"dl\"><span>会员</span><i></i><div class=\"submnu\" style=\"height: 220px; display: none;\"><div id=\"dl\"><a href=\"/e/member/EditInfo/\" class=\"hyname\">'.$myusername.'</a><a href=\"/e/member/\" target=\"_parent\">'.$groupname.'</a><a href=\"/e/space/index.php?userid='.$myuserid.'\" target=_blank>我的空间</a>'.$havemsg.'<a href=\"/e/member/msg/\" target=_blank>短信息</a><a href=\"/e/member/fava/\" target=_blank>收藏夹</a><a href=\"/e/member/cp/\" target=\"_parent\">控制面板</a><a href=javascript:void(0) id=logout onclick=LogOut()>退出</a></div></div></div></div>';

if($showinfo==1) //ajax首次登录成功后显示
{
?>
<div class="imenu_bg">
<div class="imenu" topnav="navdl" attr="dl">
<span>会员</span><i></i>
<div class="submnu" style="height: 220px; display: none;">
  <div id="dl">
    <a href="/e/member/EditInfo/" class="hyname"><?=$myusername?></a>
    <a href="/e/member/" target="_parent"><?=$groupname?></a>
    <a href="/e/space/index.php?userid=<?=$myuserid?>" target="_blank">我的空间</a>
    <?=$havemsg?>
    <a href="/e/member/msg/" target="_blank">短信息</a>
    <a href="/e/member/fava/" target="_blank">收藏夹</a>
    <a href="/e/member/cp/" target="_parent">控制面板</a>
    <a href="javascript:void(0)" id="logout" onclick="LogOut()">退出</a>
  </div>
</div>
</div>
</div>
<?php
}


JS：
<script>
$(function(){//导航菜单
$('div[topnav]').hover(function(){
var it = $(this).attr('attr');
if(it === 'undefined') return false;
var heht = $(this).find('#' + it).height() + 20 + "px";
$(this).find('.submnu').height(heht);
$(this).stop().find('.submnu').animate({height:'show'},{
queue:false,
duration:600,
easing:'easeOutBounce'
});
$(this).stop().attr('class', 'imenu_on').siblings().attr('class', 'imenu');
},function(){
$(this).stop().find('.submnu').hide();
$(this).stop().attr('class', 'imenu');
});
});
</script>



2014-04-29 22:42:56 已设置保密 顶部 回复 引用 报告 编辑 删除

ibook
用户头衔：探花

精华贴   ：0
发贴数   ：2176
经验值   ：6379
注册时间：2010-06-29
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 24 楼]

支持



2014-04-30 00:14:28 已设置保密 顶部 回复 引用 报告 编辑 删除

linandyi
用户头衔：秀才

精华贴   ：0
发贴数   ：39
经验值   ：536
注册时间：2011-05-11
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 25 楼]

安装前先顶！！！



2014-04-30 14:05:26 已设置保密 顶部 回复 引用 报告 编辑 删除

liangguanyu
用户头衔：举人

精华贴   ：0
发贴数   ：181
经验值   ：803
注册时间：2013-09-10
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 26 楼]

原帖由 gxnnlj6 于 2014-04-29 22:42:56 发表
登录后还是不能用下拉菜单，但是F5刷新页面后就能用了，不懂为什么，好像一登录后没能触发JS，刷新后又得


        //登录状态显示模...

需要重新载入一次下拉菜单的js,有两种方法可以解决你的这个问题：

（一）如果你的下拉菜单js代码是放在和登录代码同一个文件，那么，你要把下拉菜单js代码在首次登录显示模板里面放置一份：
if($showinfo==1) //ajax首次登录成功后显示
{
?>
<div class="imenu_bg">
<div class="imenu" topnav="navdl" attr="dl">
<span>会员</span><i></i>
<div class="submnu" style="height: 220px; display: none;">
  <div id="dl">
    <a href="/e/member/EditInfo/" class="hyname"><?=$myusername?></a>
    <a href="/e/member/" target="_parent"><?=$groupname?></a>
    <a href="/e/space/index.php?userid=<?=$myuserid?>" target="_blank">我的空间</a>
    <?=$havemsg?>
    <a href="/e/member/msg/" target="_blank">短信息</a>
    <a href="/e/member/fava/" target="_blank">收藏夹</a>
    <a href="/e/member/cp/" target="_parent">控制面板</a>
    <a href="javascript:void(0)" id="logout" onclick="LogOut()">退出</a>
  </div>
</div>
</div>
</div>
<script>
$(function(){$("div[topnav]").hover(function(){var it=$(this).attr("attr");if(it==="undefined")return false;var heht=$(this).find("#"+it).height()+20+"px";$(this).find(".submnu").height(heht);$(this).stop().find(".submnu").animate({height:"show"},{queue:false,duration:600,easing:"easeOutBounce"});$(this).stop().attr("class","imenu_on").siblings().attr("class","imenu")},function(){$(this).stop().find(".submnu").hide();$(this).stop().attr("class","imenu")})});
</script>
<?php
}
（二）如果下拉菜单的js代码是单独放置一个文件的话，那么只需在首次登录显示模板里面加入：
if($showinfo==1) //ajax首次登录成功后显示
{
?>
<div class="imenu_bg">
<div class="imenu" topnav="navdl" attr="dl">
<span>会员</span><i></i>
<div class="submnu" style="height: 220px; display: none;">
  <div id="dl">
    <a href="/e/member/EditInfo/" class="hyname"><?=$myusername?></a>
    <a href="/e/member/" target="_parent"><?=$groupname?></a>
    <a href="/e/space/index.php?userid=<?=$myuserid?>" target="_blank">我的空间</a>
    <?=$havemsg?>
    <a href="/e/member/msg/" target="_blank">短信息</a>
    <a href="/e/member/fava/" target="_blank">收藏夹</a>
    <a href="/e/member/cp/" target="_parent">控制面板</a>
    <a href="javascript:void(0)" id="logout" onclick="LogOut()">退出</a>
  </div>
</div>
</div>
</div>
<script>
    var oHead = document.getElementsByTagName('HEAD').item(0);
    var oScript= document.createElement("script");
     oScript.type = "text/javascript";
     oScript.src="下拉菜单路径.js"; //下拉菜单路径
     oHead.appendChild( oScript);
</script>
<?php
}


希望可以帮到你，搞定了回来告知一下哈。

[该贴被修改 3 次，最后修改时间 2014-04-30 22:31:32 ]

想到即可做到。 http://www.520am.com
2014-04-30 22:27:30 已设置保密 顶部 回复 引用 报告 编辑 删除

帝国时代3
用户头衔：探花

精华贴   ：0
发贴数   ：3462
经验值   ：10602
注册时间：2008-03-26
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 27 楼]

支持



2014-05-01 00:14:12 已设置保密 顶部 回复 引用 报告 编辑 删除

gxnnlj6
用户头衔：举人

精华贴   ：0
发贴数   ：158
经验值   ：649
注册时间：2009-01-30
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 28 楼]

js代码是放在和登录代码同一个文件的，按第一种方法已经解决了，谢谢了兄弟！

为什么还有个首次载入呢？



2014-05-01 09:30:10 已设置保密 顶部 回复 引用 报告 编辑 删除

贝卡蓝依
用户头衔：举人

精华贴   ：0
发贴数   ：326
经验值   ：1096
注册时间：2006-07-21
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 29 楼]

支持下。。。


专业网站建设。仿站。做模板。页面设计。各种代码问题解决。采集规则。老会员性欲保证。QQ8875-096========
帝国爱好者交流群 48024477
2014-05-01 10:08:00 已设置保密 顶部 回复 引用 报告 编辑 删除

lyqw
用户头衔：嘉宾

精华贴   ：2
发贴数   ：3474
经验值   ：7904
注册时间：2007-03-11
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 30 楼]



瞎猜网
2014-05-01 18:34:34 已设置保密 顶部 回复 引用 报告 编辑 删除
 3/14    |‹ ‹‹ 1 2 3 4 5 6 7 8 9 10 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1