A Pen by Christopher Lai on CodePen.
Created
July 16, 2017 19:54
-
-
Save anonymous/18b2528eab3ca59e66fdfe62bec77318 to your computer and use it in GitHub Desktop.
xreLNm
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<title>Login Page</title> | |
<script type="text/javascript" src="getlanguagejs.htm"></script> | |
<script type="text/javascript" src="common.js"></script> | |
<script type="text/javascript" src="js/md5.js"></script> | |
<script type="text/javascript" src="js/jquery.js"></script> | |
<script language="javascript"> | |
var login={captcha:"0"}; | |
function initdo() | |
{ | |
if(parent.iframe) | |
parent.location.href="prelogin.htm"; | |
} | |
initdo() | |
CommJs({init:INC_LOGIN_PAGE}); | |
</script> | |
<script language="javascript"> | |
var str2=LANG_LOGIN[12]; | |
var str3=showText(700); | |
var str1=LANG_LOGIN[13]; | |
function writeNote() | |
{ | |
var note; | |
note=str2; | |
document.write(note); | |
} | |
function emptyInput() | |
{ | |
var f=document.form1; | |
f.passwd.value=""; | |
f.captchapwd.value=""; | |
f.userid.value=""; | |
f.userid.focus(); | |
} | |
function copyto() | |
{ | |
var f=document.form1; | |
getById('fancy1').style.display=(FunctionList2.HAS_FANCY2_STYLE)?"none":""; | |
getById('fancy2').style.display=(FunctionList2.HAS_FANCY2_STYLE)?"":"none"; | |
if(FunctionList2.HAS_FANCY2_STYLE) | |
{ | |
document.getElementsByName("userid2")[0].focus(); | |
getById("disp_captcha").style.display=(login.captcha==1)?"":"none"; | |
getById("padding").style.height=(login.captcha==1)?"11px":"41px"; | |
} | |
else | |
{ | |
document.getElementsByName("userid")[0].value="admin"; | |
document.getElementsByName("passwd")[0].focus(); | |
} | |
} | |
function reCaptcha() | |
{ | |
var src=""; | |
var nowD = new Date(); | |
//getById("auth_gif").src = ""; | |
src="pictures/auth.gif?ts="+nowD.getTime(); | |
getById("auth_gif").src = src; | |
} | |
function SaveChanges() | |
{ | |
var f = document.form1, acc_pass=true; | |
if(FunctionList2.HAS_FANCY2_STYLE) | |
{ | |
if(f.userid2.value=="") | |
{ | |
alert(showText(932)+' '+showText(372)); | |
setFocus(f.userid2); | |
return false; | |
} | |
$.ajax({ | |
url: "router_info.xml?section=GetRouteAccessCheck", | |
type: "POST", | |
async: false, | |
data: "<usr>"+getByName('userid2').value+"</usr><pwd>"+getByName('passwd2').value+"</pwd>", | |
success:function(data){ | |
if($(data).find('result').text() === "False") | |
{ | |
acc_pass=false; | |
} | |
} | |
}); | |
if(!acc_pass) | |
{ | |
alert(LANG_LOGIN[12]); | |
return false; | |
} | |
if(FunctionList.HAS_MD5_ENCRYPTION) | |
{ | |
f.passwd2.value = hex_md5(f.passwd2.value); | |
} | |
PrepareSubmit(); | |
f.submit(); | |
} | |
else | |
{ | |
if (FunctionList.HAS_MD5_ENCRYPTION) | |
f.passwd.value = hex_md5(f.passwd.value); | |
PrepareSubmit(); | |
return true; | |
} | |
} | |
</script> | |
<style type="text/css"> | |
input | |
{ | |
font-family: helvetica,arial,verdana,sans-serif; | |
} | |
#fancy2 | |
{ | |
table-layout:fixed; | |
word-wrap:break-word; | |
} | |
.bgpicture | |
{ | |
background-repeat:repeat-y; | |
background-attachment:fixed; | |
background-position:center; | |
/*background-image:url(./pictures/bgcolor.gif);*/ | |
border-left-style:solid; | |
border-right-style:solid; | |
border-top-style:solid; | |
border-bottom-style:solid; | |
border-width:0px; | |
} | |
.bgpicture2 | |
{ | |
background-repeat:repeat-y; | |
background-attachment:fixed; | |
background-position:center; | |
background-image:url(./pictures/bgcolor2.gif); | |
} | |
.borderstyle | |
{ | |
border-style:solid; | |
border-color:#5b5b5b; | |
border-top-style:none; | |
border-left-style:none; | |
border-right-style:none; | |
border-width:1px; | |
} | |
.borderstyle2 | |
{ | |
border-style:solid; | |
border-color:#5b5b5b; | |
border-top-style:solid; | |
border-left-style:none; | |
border-right-style:none; | |
border-bottom-style:none; | |
border-width:1px; | |
} | |
</style> | |
</head> | |
<script type="text/javascript"> | |
var fancy2_margin="", | |
fancy2_style="", | |
fancy2_height="100%", | |
fancy_color="#00000"; | |
if(FunctionList2.HAS_FANCY2_STYLE) | |
{ | |
fancy2_margin=" style='margin:0;'"; | |
fancy2_style=" style='background: url(pictures/img_bg_horizon.jpg) repeat-x'"; | |
fancy2_height="768"; | |
fancy_color="#f7f7f7"; | |
} | |
url = window.location.toString(); | |
//alert(url) //ex: http://192.168.0.1/index.htm | |
if(url.indexOf(":9002")!=-1) | |
{ | |
dw('<body onLoad="copyto();" bgcolor="'+fancy_color+'" id="login_body"'+fancy2_margin+'>'+ | |
'<table style="display: none" width="100%" height="'+fancy2_height+'" align="center" border="0" cellpadding="0" cellspacing="0" id="login_table"'+fancy2_style+'>'); | |
} | |
else | |
{ | |
dw('<body onLoad="copyto();" bgcolor="'+fancy_color+'" id="login_body"'+fancy2_margin+'>'+ | |
'<table width="100%" height="'+fancy2_height+'" align="center" border="0" cellpadding="0" cellspacing="0" id="login_table"'+fancy2_style+'>'); | |
} | |
if(FunctionList2.HAS_FANCY2_STYLE) | |
{ | |
document.onkeydown = function(e) | |
{ | |
var keyCode = document.all ? event.keyCode : e.which; | |
if(keyCode == 13) SaveChanges(); | |
} | |
} | |
</script> | |
<form action="login.html" method="post" name="form1"> | |
<input type="hidden" name="page" value="login"> | |
<input type="hidden" name="csrfmagic" value=""> | |
<tr> | |
<td width="28%" height="90%"></td> | |
<td valign="center" height="90%"> | |
<center> | |
<table id="fancy1" border="0" cellspacing="0" cellpadding="0" width="780" height="370" bgcolor="#000000" style="display: none;"> | |
<tr> | |
<td class="bgpicture"> | |
<table cellpadding="6" cellspacing="0" align="center" width="100%" height="100%"> | |
<tr> | |
<td colspan="5" align="center"> | |
<img src="./pictures/login_logo.gif" width="200" height="50" alt="" style="margin-top:12px;margin-bottom:0px;"></img> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="5" align="center" class="borderstyle"> | |
<font class="wizfont14" color="#ffffff"> | |
<script language="javascript"> | |
document.write(str1); | |
</script> | |
</font> | |
</td> | |
</tr> | |
<tr class="bgpicture2"> | |
<td colspan="5"> | |
<br> | |
</td> | |
</tr> | |
<tr class="bgpicture2"> | |
<td width="20%"> | |
</td> | |
<td width="20%" align="right"> | |
<font class="wizfont14" color="#ffffff">Username</font> | |
</td> | |
<td align="center" height="50"> | |
<input class="textbody" name="userid" maxLength="32"> | |
</td> | |
<td colspan="2" width="40%"> | |
</td> | |
</tr> | |
<tr class="bgpicture2" height="50"> | |
<td width="20%"> | |
</td> | |
<td width="20%" align="right"> | |
<font class="wizfont14" color="#ffffff">Password</font> | |
</td> | |
<td align="center" height="50"> | |
<input class="textbody" name="passwd" type="password" maxLength="12"> | |
</td> | |
<td colspan="2" width="40%"> | |
</td> | |
</tr> | |
<!--tr id="disp_captcha" class="bgpicture2" height="41" style="display:none"> | |
<td colspan="2" width="20%" align="right"> | |
<img id="auth_gif" src="pictures/auth.gif?ts='+nowD.getTime()+'" style="width:100px;height:25px"> | |
<img id="genCaptcha" value="Regen" src="pictures/reload.gif" onclick="reCaptcha()" style="width:20px;height:20px;"> | |
</td> | |
<td align="center" valign="center"> | |
<input class="textbody" name="captchapwd" maxLength="10"> | |
</td> | |
<td colspan="2" width="20%"> | |
</td> | |
</tr--> | |
<tr class="bgpicture2"> | |
<td width="20%"> | |
</td> | |
<td colspan="3" align="center" height="20"> | |
</td> | |
<td width="20%"> | |
</td> | |
</tr> | |
<tr class="bgpicture2" align="center"> | |
<td width="20%"> | |
</td> | |
<td colspan="3"> | |
<input name="Login" type="submit" class="wizbtn1" onMouseDown='className="wizbtndown1"' onMouseUp='className="wizbtn1"' onMouseOut='className="wizbtn1"' value="Login" onClick="return SaveChanges();"> | |
<input name="Close" type="button" class="wizbtn1" onMouseDown='className="wizbtndown1"' onMouseUp='className="wizbtn1"' onMouseOut='className="wizbtn1"' onClick="emptyInput();" value="Cancel"> | |
</td> | |
<td width="20%"> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="5" align="center" class="bgpicture2"> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="5" align="center" class="bgpicture2"> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="5" class="borderstyle2"> | |
<br> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
<table id="fancy2" cellpadding="0" cellspacing="0" width="622" style="display: none;"> | |
<tr> | |
<td width='193px'> | |
<img src="pictures/icon_logo.png" alt="" style="margin-bottom: 26px; margin-left: 8px;"> | |
</td> | |
<td> | |
</td> | |
</tr> | |
<tr> | |
<td style="background: url(pictures/img_form_model.jpg); width:193px; height: 274px; text-align: center; color:#ffffff; font-family: helvetica,arial,verdana,sans-serif; font-size: 18pt;"> | |
<script type="text/javascript">dw(FIRMWAREVER[0].model);</script> | |
</td> | |
<td align="center" valign="middle" style="background: url(pictures/img_form_form.jpg) no-repeat; width:429px; height: 274px;"> | |
<table cellpadding="0" cellspacing="0" border="0" style="background: url(pictures/img_form_form1.png); width:368px; height: 207px; text-align: center;"> | |
<tr> | |
<td id="padding"></td> | |
</tr> | |
<tr> | |
<td width="80" ><img src="pictures/icon_user.png" alt=""></td><td align="left"> | |
<script type="text/javascript"> | |
var usertmp = '<input name="userid2" maxLength="32" type="text" size="25" placeholder=" '+LANG_WAN[54]+'" style="height: 34px; width: 253px; background: url(pictures/blank_login.jpg); border: 0;padding-left: 10px; padding-top: 5px;'; | |
if(isIE8()) | |
usertmp+='line-height:28px"'+'>'; | |
else | |
usertmp+='">'; | |
dw(usertmp); | |
</script> | |
</td> | |
</tr> | |
<tr> | |
<td width="80"><img src="pictures/icon_pw.png" alt=""><td align="left"> | |
<script type="text/javascript"> | |
var pwtmp = '<input name="passwd2" type="password" maxLength="12" size="25" placeholder=" '+showText(210)+'" style="height: 34px; width: 253px; background: url(pictures/blank_login.jpg); border: 0;padding-left: 10px; padding-top: 5px;'; | |
if(isIE8()) | |
pwtmp+='line-height:28px"'+'>'; | |
else | |
pwtmp+='">'; | |
dw(pwtmp); | |
</script> | |
</td> | |
</tr> | |
<tr id="disp_captcha" style="display: none;"> | |
<td colspan="2"> | |
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="padding-top:5px;"> | |
<tr><td colspan="3" style="font-size:8pt; text-align:center; font-family:verdana;"><script language="javascript">dw(LANG_LOGIN[16])</script></td></tr> | |
<tr> | |
<td valign="bottom" style="padding-left:25px;"> | |
<input type="text" name="captchapwd" size="5" maxlength="5" placeholder=" " style="height: 34px; width: 100px; border:0; padding-left:8px; background: url(pictures/captcha_login.png); line-height:30px;"> | |
</td> | |
<td> | |
<script language="javascript"> | |
var nowD = new Date(); | |
dw('<img id="auth_gif" src="pictures/auth.gif?ts='+nowD.getTime()+'" style="width:100px;height:25px">'); | |
</script> | |
</td> | |
<td><input type="button" value="Regenerate" onclick="reCaptcha()"></td> | |
</td></tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="2"><img src="pictures/button_login_off.png" alt="" onmouseover="this.src='pictures/button_login_on.png'" onmouseout="this.src='pictures/button_login_off.png'" onClick="return SaveChanges();"></td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="2" style="background: url(pictures/img_form_buttom.jpg); height: 31px; | |
font-size: 9px; color: #e1adf3; text-align: right;padding-right: 25px; font-family: helvetica,arial,verdana,sans-serif;"> | |
<script>dw("Copyright © 2013 EnGenius. All rights reserved.");</script> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="2"> | |
<img src="pictures/img_shadow.jpg" alt="" width="622" height="68"> | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</td> | |
<td width="28%" height="90%" valign="top"></td> | |
</tr> | |
</tr> | |
</form> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment