I had 2.8 something on a wisp-router hotspot thinrouter from famenet and was happy with the login screen that it came with...it even had an option where the client could see how much time had been used, and had a link to a rudementary FAQ page...nice.... after upgrading to 2.9.10 that login page no longer worked for some reason. I pushed the reset html button and recieved, for my efforts, a butt-ugly default login screen that, besides being ugly, doesnt have the usage counter or the link to an faq page. I still have a folder of the original html files. Can someone tell me why the old login page no longer works and if/how I can make it work? I enclose sourcecodes for your examination...I really hope someone can help me with this...
_____________________________________________________
NICE original page
_____________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<head>
<title>Hotspot welcome page</title>
<style type="text/css">
.tbl { font-size: 14px; color: #5555aa; font-weight: bold;}
.hed { font-size: 18px; color: #333388; }
.erc { font-size: 14px; color: #ff2222; }
</style>
</head>
<body bgcolor="#f2cb9f"><center>
%main%
<table width="600" height="500">
<tr><td align="middle">
<IMG src="img/top.gif">
</td></tr>
<tr><td valign="top">
<table width="100%">
<tr>
<td width="50%">
</td>
<td align="right" valign="top">
<form %form-input%>
<table>
<caption class=hed>To use this service you must enter your user name and password</caption>
<tr>
<td class=tbl>User name:</td>
<td><input %input-user%></td>
</tr>
<tr>
<td class=tbl>Password:</td>
<td><input type="password" %input-password%></td>
</tr>
<tr>
<td></td>
<td align="right"><input type="image" src="img/logon.gif" alt="Log into system" value="LOGON"></td>
</tr>
</table>
<input type="hidden" name="domain" >
<input type="hidden" name="dst" value=%"link-orig%">
<input type="hidden" name="js-disabled" value="true">
<input type="hidden" name="popup-present" value="true">
<span class=tbl><input type="checkbox" %input-popup%>Open pop-up status window on logon</span>
</form>
</td>
</tr>
</table>
</td></tr>
<tr><td align="middle" class=erc>%error%</td></tr>
<tr><td class=tbl align="right" valign="bottom"><A href="trouble.html">I need some help...</a></td></tr>
</table>
</center>
<script language="JavaScript">
<!--
document.login.user.focus();
//-->
</script>
</body>
</html>
______________________________________
UGLY default page
______________________________________
-->
</style>
</head>
<body>
$(if chap-id)
<form name="sendin" action=$"(link-login-only)" method="post">
<input type="hidden" name="username">
<input type="hidden" name="password">
<input type="hidden" name="dst" value=$"(link-orig)">
<input type="hidden" name="popup" value="true">
</form>
<script language="JavaScript" src="/md5.js">
</script>
<script language="JavaScript">
<
!-- function doLogin(){
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value +
'$(chap-challenge)');
document.sendin.submit(); return
false;}
//-->
</script>
$(endif)
<div align="center">
<A href="$(link-login-only)?target=lv&dst=$(link-orig-esc)" >Latviski</a>
</div>
<table width="100%" height="100%">
<tr>
<td align="middle" valign="center">
<div style="FONT-SIZE: 9px; COLOR: #c1c1c1">Please log on to use the mikrotik hotspot service</div><br>
<table width="240" height="240" style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid"
cellpadding="0" cellspacing="0">
<tr>
<td align="middle" valign="bottom" height="175" colspan="2">
<form name="login" action=$"(link-login-only)" method="post"
onSubmit ="return doLogin()" $(endif)
chap-id) $(if>
<input type="hidden" name="dst" value=$"(link-orig)">
<input type="hidden" name="popup" value="true">
<table width="100" style="BACKGROUND-COLOR: #ffffff">
<tr><td align="right">login</td>
<td><input style="WIDTH: 80px" name="username" value=$"(username)" ></td>
</tr>
<tr><td align="right">password</td>
<td><input style="WIDTH: 80px" name="password" type="password"></td>
</tr>
<tr><td> </td>
<td><input type="submit" value="OK"></td>
</tr>
</table>
</form>
</td>
</tr>
<tr><td align="middle"><a href="http://www.mikrotik.com" target="_blank" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none"
><IMG src="/img/logobottom.png" ></a></td></tr>
</table>
<br><div style="FONT-SIZE: 9px; COLOR: #c1c1c1">Powered by mikrotik routeros © 2005 mikrotik</div>
$(if error)
<br><div style="FONT-SIZE: 9px; COLOR: #ff8080">$(error)</div>
$(endif)
</td>
</tr>
</table>
<script language="JavaScript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>
_____________________________________________
Thanks!
Success...sort of.
ok, the page editor was doing something to mess up the html code. as long as I do everything with notepad it works...now I have to cobble together a custom logon page, but that's ok, it's working...anyone have the code I can add to it to have a little usage/status window pop-up when customers log in?
