Community discussions

MikroTik App
  4. RouterOS
  5. Beginner Basics

Advice to design login

Locked
 
loveman
Member
Member
Topic Author
Posts: 348
Joined: Tue Mar 10, 2015 9:32 pm

Advice to design login

Fri Jul 01, 2016 1:20 pm

Hi
I tried to design webpage login for hotspot
In finsh i need to hide some word of text which are
"$(if chap-id)"
" $(endif)"
"$(error)"
"$(if error)"
"$(endif)"
"$(username)"
I need to hide all of this word text
How can that
Regards
Top
 
User avatar
amt
Long time Member
Long time Member
Posts: 529
Joined: Fri Jan 16, 2015 2:05 pm

Re: Advice to design login

Fri Jul 01, 2016 3:14 pm

when you open webpage you can not see them :)
Top
 
loveman
Member
Member
Topic Author
Posts: 348
Joined: Tue Mar 10, 2015 9:32 pm

Re: Advice to design login

Fri Jul 01, 2016 6:52 pm

when you open webpage you can not see them :)
No all of word above showing in webpage when i connected with hotspot.
Top
 
User avatar
amt
Long time Member
Long time Member
Posts: 529
Joined: Fri Jan 16, 2015 2:05 pm

Re: Advice to design login

Sat Jul 02, 2016 8:21 am

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Broadband Internet (Login)</title>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="-1">

		<style type="text/css">
		<!--
			BODY, TABLE, TR, TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
			A {text-decoration: none;}
			A:active { text-decoration: none;}
			A:hover {text-decoration: underline; color: #333333;}
			A:visited {color: Blue;}
			.style1 {color: #0000FF}
		-->
		</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 type="text/javascript" src="/md5.js"></script>
			<script type="text/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)

		<form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)>
		<input type="hidden" name="dst" value="$(link-orig)">
		<input type="hidden" name="popup" value="true">

		<table align="center">
			<tr>
				<td colspan=2 align=right>
					<strong>For another langugage please click <a href="$(link-login-only)?target=tr&dst=$(link-orig-esc)">tıklayınız</a>.<strong>
				</td>
			</tr>
			<tr>
				<td colspan=2 align=right>
					<strong>For usage statistics click <a href="https://10.10.0.1/user">here</a>.<strong>
				</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2><a href=""><img src=     "      img/zrri.jpg" border="0" alt=""></a></td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				$(if error)<td colspan="2"><font color="#FF0000"><strong>$(error)</strong></font></td>$(endif)
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2>Please enter your username and password below:</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td>Username:</td>
				<td><input type="text" name="username" size="40" style="width: 295px;" value="$(username)" autocomplete="off"></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" name="password" size="40" style="width: 295px;" autocomplete="off"></td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2 align=right><input type="submit" value="Login">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2><hr></td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td align=center class=style1 colspan=2><strong>For password operations : 00000000</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong>For information : 000042</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong><h2>x Broad. LTD.</h2></strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong>Yxxxxx, xxxxx xxxx</strong></td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2><hr></td></tr>
			<tr><td align=center class=style1 colspan=2><strong> Broadband Internet &copy; 2008</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong></strong></td></tr>
			</tr>
		</table>

		<script type="text/javascript">
		<!--
		  document.login.username.focus();
		//-->
		</script>
	</body>
</html>
May be this help you...
Top
 
loveman
Member
Member
Topic Author
Posts: 348
Joined: Tue Mar 10, 2015 9:32 pm

Re: Advice to design login

Mon Jul 04, 2016 12:00 am

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Broadband Internet (Login)</title>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="-1">

		<style type="text/css">
		<!--
			BODY, TABLE, TR, TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
			A {text-decoration: none;}
			A:active { text-decoration: none;}
			A:hover {text-decoration: underline; color: #333333;}
			A:visited {color: Blue;}
			.style1 {color: #0000FF}
		-->
		</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 type="text/javascript" src="/md5.js"></script>
			<script type="text/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)

		<form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)>
		<input type="hidden" name="dst" value="$(link-orig)">
		<input type="hidden" name="popup" value="true">

		<table align="center">
			<tr>
				<td colspan=2 align=right>
					<strong>For another langugage please click <a href="$(link-login-only)?target=tr&dst=$(link-orig-esc)">tıklayınız</a>.<strong>
				</td>
			</tr>
			<tr>
				<td colspan=2 align=right>
					<strong>For usage statistics click <a href="https://10.10.0.1/user">here</a>.<strong>
				</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2><a href=""><img src=     "      img/zrri.jpg" border="0" alt=""></a></td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				$(if error)<td colspan="2"><font color="#FF0000"><strong>$(error)</strong></font></td>$(endif)
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2>Please enter your username and password below:</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td>Username:</td>
				<td><input type="text" name="username" size="40" style="width: 295px;" value="$(username)" autocomplete="off"></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td><input type="password" name="password" size="40" style="width: 295px;" autocomplete="off"></td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td colspan=2 align=right><input type="submit" value="Login">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2><hr></td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td align=center class=style1 colspan=2><strong>For password operations : 00000000</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong>For information : 000042</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong><h2>x Broad. LTD.</h2></strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong>Yxxxxx, xxxxx xxxx</strong></td></tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr><td colspan=2><hr></td></tr>
			<tr><td align=center class=style1 colspan=2><strong> Broadband Internet &copy; 2008</strong></td></tr>
			<tr><td align=center class=style1 colspan=2><strong></strong></td></tr>
			</tr>
		</table>

		<script type="text/javascript">
		<!--
		  document.login.username.focus();
		//-->
		</script>
	</body>
</html>
May be this help you...
I will try it soon
Thank you
Top
Locked

Who is online

Users browsing this forum: alibloke, Bing [Bot] and 63 guests
  4. RouterOS
  5. Beginner Basics