织梦(dedecms)仿站教程第六讲——通用头部(二)会员登陆框(上)

这一讲,主要讲解一下登陆框的制作。首先看拳击在线的登陆框代码:
  1. <form name=login method=post action="/e/enews/index.php">
  2. <input type=hidden name=enews value=login>
  3. <input type=hidden name=ecmsfrom value=9>
  4. 用户名:<input name="username" type="text" class="inputText" size="12" />
  5. 密码:<input name="password" type="password" class="inputText" size="12" />
  6. 验证码:<input name="key" type="text" class="inputText" size="4">
  7. <img src="/e/ShowKey/?v=login" align="absbottom">
  8. <input type="submit" name="Submit" value="登陆" class="inputSub" />
  9. <input type="button" name="Submit2" value="注册" class="inputSub" οnclick="window.open('/e/member/register/');" />
  10. </form>
修改为织梦登陆框代码:
  1. <div id="_userlogin">
  2. <div class="userlogin">
  3. <form name=login method=post action="{dede:global.cfg_memberurl/}/index_do.php">
  4. <input type="hidden" name="fmdo" value="login" />
  5. <input type="hidden" name="dopost" value="login" />
  6. <input type="hidden" name="keeptime" value="604800" />
  7. 用户名:<input name="userid" type="text" class="inputText" size="12" />
  8. 密码:<input name="pwd" type="password" class="inputText" size="12" />
  9. {dede:php}
  10. if(preg_match("#2#", $safe_gdopen))
  11. {
  12. echo '
  13. 验证码:<input name="vdcode" type="text" class="inputText" size="4">
  14. <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+\'?\'" style="cursor:pointer;margin-left:0px;text-transform:uppercase;" alt="看不清?点击更换" src="'.$cfg_cmspath.'/include/vdimgck.php" align="absbottom">
  15. ';
  16. }
  17. {/dede:php}
  18. <input type="submit" name="Submit" value="登陆" class="inputSub" />
  19. <input type="button" name="Submit2" value="注册" class="inputSub" οnclick="window.open('{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew');" />
  20. </form>
  21. </div>
  22. </div>
  23. <script language="javascript" type="text/javascript">CheckLogin();</script>
此处代码的意思我就不解释了,呵呵!因为我们有更重要的工作要作。
下面大家看前台演示。如下图所示:
原文来自dedecms教程http://www.software8.co/wzjs/dedecms/2713.html
显示正常,不对!此时我登陆了啊,为何不显示为登陆后的状态啊?对了,忘记添加JS文件了。在head.htm文件顶部位置添加如下代码:
  1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
  2. <script language="javascript" type="text/javascript">
  3. <!--
  4. $(function(){
  5. $("a[_for]").mouseover(function(){
  6. $(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();
  7. $(this).addClass("thisclass").blur();
  8. $("#"+$(this).attr("_for")).show();
  9. });
  10. $("a[_for=uc_member]").mouseover();
  11. $("a[_for=flink_1]").mouseover();
  12. });
  13. function CheckLogin(){
  14. var taget_obj = document.getElementById('_userlogin');
  15. myajax = new DedeAjax(taget_obj,false,false,'','','');
  16. myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
  17. DedeXHTTP = null;
  18. }
  19. -->
  20. </script>
再次查看前台,已显示登陆后的状态,但有问题,如下图所示:
由上图可以看出,当我们登陆后,会出来错位,因为织梦程序默认登陆后的页因不是横向的。我们需要修改一下登陆后的页面样式。
关于登陆后的样式我们放在下一讲再说吧。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值