Hello, I have created a hotspot with the RB 750. In the login page, I have put a picture with a button in the bottom and when someone presses that button the idea is to redirect him to Facebook and then get access to the internet. But when I press the button it doesn’t redirect me to facebook. I have made this login page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> hotspot > login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>
<style type="text/css">
body {color: #000000; background-color:#ffffff; font-size: 10px; font-family: verdana;}
textarea,input,select {
background-color: #454545;
border: 5px solid #454545;
padding: 7px;
margin: 7px;
font-size: 20px;
color: #ffffff;
}
a, a:link, a:visited, a:active { color: #ffffff; text-decoration: none; font-size: 10px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #ffffff; }
img {border: none;}
td { font-size: 14px; color: #000000; }
.login_background{
background-image: url("img/cover.jpg");
background-repeat: no-repeat;
background-position: center;
height:745px;
}
</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="https://www.domin.com/">
<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)
<div style="max-width: 990px; margin:0 auto; text-align: center; position: absolute;top:0; bottom: 0;left: 0; right: 0; margin: auto;">
<div align="center">
<a href="">Ioanna's House</a>
</div>
<div> </div>
<table width="100%" style="margin-top: 1%;">
<tr>
<td align="center" valign="middle">
<div class="notice" style="color: #ffffff; font-size: 9px"><br /><a style="color: #ffffff"href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)"></a></div><br />
<div><img src="img/cover.jpg" width="100%"></div>
<table width="100%" style="padding: 0px; height: auto;" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="bottom" width="50%" style="background-color: #ffffff;">
<form name="login" action="$(link-login-only)" method="post"
$(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="https://https://www.domin.com">
<input type="hidden" name="popup" value="true" />
<table width="100" style="background-color: #ffffff">
<tr><td><input style="width: 100px" name="username" value="user" type="hidden"/></td>
</tr>
<tr><td><input style="width: 100px" name="password" value="pass" type="hidden"/></td>
</tr>
<tr><td></td>
<td><input align="center" type="submit" style="background-color: 454545" width="20" value="Click here for Access" /></td>
</tr>
</tr>
</table>
<table width="20" style="background-color: #ffffff">
<!--<tr><td align="right">login</td>
<td><input style="width:100px" name="username" type="text" value="$(username)"/></td>
<td><input style="width:100px" name="username" type="hidden" value="peskesi"/></td>
</tr>
<tr><td align="right">password</td>
<td><input style="width: 100px" name="password" type="password"/></td>
<td><input style="width: 100px" name="password" value="peskesi" type="hidden"/></td>
</tr>-->
<!--<tr>
<td align="center"> <input type="submit" value="Welcome to Amalia Hotel for internet access press here"/></td>
</tr>-->
</table>
</form>
</td>
</tr>
</table>
<br /><div style="color: #ffffff; font-size: 9px"></div>
$(if error)<br /><div style="color: #ffffff; font-size: 9px">$(error)</div>$(endif)
</table>
</div>
<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>
Can anyone help to solve this problem