這一講，主要講解一下登陸框的制作。首先看拳擊在線的登陸框代碼：
- <form name=login method=post action="/e/enews/index.php">
- <input type=hidden name=enews value=login>
- <input type=hidden name=ecmsfrom value=9>
- 用戶名：<input name="username" type="text" class="inputText" size="12" />
- 密碼：<input name="password" type="password" class="inputText" size="12" />
- 驗證碼：<input name="key" type="text" class="inputText" size="4">
- <img src="/e/ShowKey/?v=login" align="absbottom">
- <input type="submit" name="Submit" value="登陸" class="inputSub" />
- <input type="button" name="Submit2" value="注冊" class="inputSub" onclick="window.open('/e/member/register/');" />
- </form>
修改為織夢登陸框代碼：
- <div id="_userlogin">
- <div class="userlogin">
- <form name=login method=post action="{dede:global.cfg_memberurl/}/index_do.php">
- <input type="hidden" name="fmdo" value="login" />
- <input type="hidden" name="dopost" value="login" />
- <input type="hidden" name="keeptime" value="604800" />
- 用戶名：<input name="userid" type="text" class="inputText" size="12" />
- 密碼：<input name="pwd" type="password" class="inputText" size="12" />
- {dede:php}
- if(preg_match("#2#", $safe_gdopen))
- {
- echo '
- 驗證碼：<input name="vdcode" type="text" class="inputText" size="4">
- <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">
- ';
- }
- {/dede:php}
- <input type="submit" name="Submit" value="登陸" class="inputSub" />
- <input type="button" name="Submit2" value="注冊" class="inputSub" onclick="window.open('{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew');" />
- </form>
- </div>
- </div>
- <script language="javascript" type="text/javascript">CheckLogin();</script>
此處代碼的意思我就不解釋了，呵呵！因為我們有更重要的工作要作。
下面大家看前臺演示。如下圖所示：
原文來自dedecms教程http://www./wzjs/dedecms/2713.html
顯示正常，不對！此時我登陸了啊，為何不顯示為登陸后的狀態(tài)啊？對了，忘記添加JS文件了。在head.htm文件頂部位置添加如下代碼：
- <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
- <script language="javascript" type="text/javascript">
- <!--
- $(function(){
- $("a[_for]").mouseover(function(){
- $(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();
- $(this).addClass("thisclass").blur();
- $("#"+$(this).attr("_for")).show();
- });
- $("a[_for=uc_member]").mouseover();
- $("a[_for=flink_1]").mouseover();
- });
- function CheckLogin(){
- var taget_obj = document.getElementById('_userlogin');
- myajax = new DedeAjax(taget_obj,false,false,'','','');
- myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
- DedeXHTTP = null;
- }
- -->
- </script>
再次查看前臺，已顯示登陸后的狀態(tài)，但有問題，如下圖所示：
由上圖可以看出，當我們登陸后，會出來錯位，因為織夢程序默認登陸后的頁因不是橫向的。我們需要修改一下登陸后的頁面樣式。
關(guān)于登陸后的樣式我們放在下一講再說吧。
