Editing Login Page Hotspot Mikrotik
Akhirnya project hotspot di DPmall Semarang selesai juga, siang ini hotspot sudah saya aktifasi ditandai dengan merubah tampilah login hotspotnya :), saya coba sharing sedikit apa saja yang harus kita masukan pada coding htmlnya.
Pertama kita musti create dulu template yang kita inginkan, na kalo ini butuh bantuan orang design, untung saja di DataUtama Semarang ada Mas Tiar yang selalu membantu dengan design2 kreatifnya ..thanks yo Yar ..
Setelah template jadi, kita masukan beberapa script dibawah ini ..sebenernya yang kita perlukan hanya 3 scipt yang bisa di paste di htmlnya
Dibawah 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 Login & Password
$(if trial == ‘yes’)Free trial available, <a style=”color: #FF8080″href=”$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)”>click here</a>.$(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 width=”100″ align=”center” background=”images/login_05.gif” style=”background-color: #ffffff”>
<tr>
<td align=”right”>login</td>
<td><input style=”width: 80px” name=”username” type=”text” 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 name=”submit” type=”submit” value=”OK” /></td>
</tr>
</table>
</form>
========================================================
Tempatkan di atas body close tag
<script type=”text/javascript”>
<!–
document.login.username.focus();
//–>
</script>
========================================================
Karena 1 bulan pertama ini hotspot di dpmall tanpa login maka form login page saya ganti dengan tombol login dengan script :
<div align=”center”>$(if trial == ‘yes’)
<a style=”color: #FF8080″href=”$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)”><img src=”images/login.PNG” width=”160″ height=”114″ border=”0″></a></a>.$(endif)
</div>
dan inilah login page untuk free hotspot di DPmall.. taraaaa…..
© Graphic Design by : deMartinez Art Design
