D'RID-ONE PUTRA MENA-ONE

Sabtu, 24 Agustus 2024

9.18.27.36

Network

Management

Status » Device Information » Device Information

Blog Kakang Prabu ti Sinapeul

https://kakangprabujgabaz-badrululumsinapeul.blogspot.com/

IPKU misal 1.1.1.1 Buat 4 Folder CSS HTML IMAGE JS LANGUAGE (kecil semua)
================================== css >> style.css >> fh-text-security.woff2 ==================================
html >>login_inter_BEBAS.html ==================================
image - shurohgmbr background.png login.png yanzhengma basa jpang Iyang Jeung Ema.jpg ==================================
js >>aes.jsrid ================================== >>i18n.jsrid ================================== jkueri.jsrid - eh jquery ================================== jquery.validate.jsrid ================================== login_inter.js ================================== xhr.js

/*
 * xhr.js - XMLHttpRequest helper class
 * (c) 2008-2010 Jo-Philipp Wich
 */
var ajaxcgi = "../cgi-bin/ajax";
var jsonheadstr = "Content-type: application/json";
XHR = function()
{
	this.reinit = function()
	{
		if (window.XMLHttpRequest) {
			this._xmlHttp = new XMLHttpRequest();
		}
		else if (window.ActiveXObject) {
			this._xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		else {
			alert("xhr.js: XMLHttpRequest is not supported by this browser!");
		}
	}

this.busy = function() {
		if (!this._xmlHttp)
			return false;

switch (this._xmlHttp.readyState)
		{
			case 1:
			case 2:
			case 3:
				return true;

default:
				return false;
		}
	}

this.abort = function() {
		if (this.busy())
			this._xmlHttp.abort();
	}

this.get = function(ajaxmethod,data,callback)
	{
		this.reinit();

var xhr  = this._xmlHttp;
		var code = this._encode_new(ajaxmethod, data);
		
		url = ajaxcgi;

if (code)
			if (url.substr(url.length-1,1) == '&')
				url += code;
			else
				url += '?' + code;
			
		//url += '&token=' + navigator.userAgent;

xhr.open('GET', url, false);

/*xhr.onreadystatechange = function()
		{
			if (xhr.readyState == 4)
			{
				var json = parseData(xhr);
				if ( callback != null )
				{
					callback(json);
				}
			}
		}*/
		xhr.send(null);
		
		if (xhr.readyState == 4 && xhr.status == 200)
		{
			var json = parseData(xhr, "GET");
			if ( callback != null )
			{
				callback(json);
			}
		}
			
	}

this.post = function(ajaxmethod,data,callback)
	{
		this.reinit();
		var that =this;
		(new XHR()).get("get_refresh_sessionid", null,  function(getdata){
			if ( getdata.sessionid != undefined )
				{
				   data.sessionid =  getdata.sessionid;
		       	   that.post2(ajaxmethod,data,callback);
				};
		});
	}

this.post2 = function(ajaxmethod,data,callback)
	{
		var xhr  = this._xmlHttp;
		var code = this._encode_new(ajaxmethod, data);
		url = ajaxcgi;

xhr.onreadystatechange = function()
		{
			if (xhr.readyState == 4)
			{
				var json = parseData(xhr, "POST");
				if ( callback != null )
				{
					callback(json);
				}
			}
		}

xhr.open('POST', url, true);
		xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
		//xhr.setRequestHeader('Content-length', code.length);
		//xhr.setRequestHeader('Connection', 'close');
		//alert(code);
		xhr.send(code);
	}

this.cancel = function()
	{
		this._xmlHttp.onreadystatechange = function(){};
		this._xmlHttp.abort();
	}

this.send_form = function(form,callback,extra_values)
	{
		var code = '';

for (var i = 0; i < form.elements.length; i++)
		{
			var e = form.elements[i];

if (e.options)
			{
				code += (code ? '&' : '') +
					form.elements[i].name + '=' + encodeURIComponent(
						e.options[e.selectedIndex].value
					);
			}
			else if (e.length)
			{
				for (var j = 0; j < e.length; j++)
					if (e[j].name) {
						code += (code ? '&' : '') +
							e[j].name + '=' + encodeURIComponent(e[j].value);
					}
			}
			else
			{
				code += (code ? '&' : '') +
					e.name + '=' + encodeURIComponent(e.value);
			}
		}

if (typeof extra_values == 'object')
			for (var key in extra_values)
				code += (code ? '&' : '') +
					key + '=' + encodeURIComponent(extra_values[key]);

return(
			(form.method == 'get')
				? this.get(form.getAttribute('action'), code, callback)
				: this.post(form.getAttribute('action'), code, callback)
		);
	}

this._encode = function(obj)
	{
		obj = obj ? obj : { };
		obj['_'] = Math.random();

if (typeof obj == 'object')
		{
			var code = '';
			var self = this;

for (var k in obj)
				code += (code ? '&' : '') +
					k + '=' + encodeURIComponent(obj[k]);

return code;
		}

return obj;
	}
	
	this._encode_new = function(ajaxmethod, obj)
	{
		if(typeof obj == 'object')
		{
			obj = obj ? obj : { };
			obj['ajaxmethod'] = ajaxmethod;
			obj['_'] = Math.random();
		}else if(typeof obj == 'string'){
			obj += "&ajaxmethod=" + ajaxmethod;
			obj += "&_=" + Math.random();
		}

if (typeof obj == 'object')
		{
			var code = '';
			var self = this;

for (var k in obj)
				code += (code ? '&' : '') +
					k + '=' + encodeURIComponent(obj[k]);

return code;
		}

return obj;
	}
}

XHR.get = function(url, data, callback)
{
	(new XHR()).get(url, data, callback);
}

XHR.post = function(url, data, callback)
{
	(new XHR()).post(url, data, callback);
}

XHR.poll = function(interval, url, data, callback)
{
	if (isNaN(interval) || interval < 1)
		interval = 5;

if (!XHR._q)
	{
		XHR._t = 0;
		XHR._q = [ ];
		XHR._r = function() {
			for (var i = 0, e = XHR._q[0]; i < XHR._q.length; e = XHR._q[++i])
			{
				if (!(XHR._t % e.interval) && !e.xhr.busy())
					e.xhr.get(e.url, e.data, e.callback);
			}

XHR._t++;
		};
	}

XHR._q.push({
		interval: interval,
		callback: callback,
		url:      url,
		data:     data,
		xhr:      new XHR()
	});

XHR.run();
}

XHR.halt = function()
{
	if (XHR._i)
	{
		/* show & set poll indicator */
		try {
			document.getElementById('xhr_poll_status').style.display = '';
			document.getElementById('xhr_poll_status_on').style.display = 'none';
			document.getElementById('xhr_poll_status_off').style.display = '';
		} catch(e) { }

window.clearInterval(XHR._i);
		XHR._i = null;
	}
}

XHR.run = function()
{
	if (XHR._r && !XHR._i)
	{
		/* show & set poll indicator */
		try {
			document.getElementById('xhr_poll_status').style.display = '';
			document.getElementById('xhr_poll_status_on').style.display = '';
			document.getElementById('xhr_poll_status_off').style.display = 'none';
		} catch(e) { }

/* kick first round manually to prevent one second lag when setting up
		 * the poll interval */
		XHR._r();
		XHR._i = window.setInterval(XHR._r, 1000);
	}
}

XHR.running = function()
{
	return !!(XHR._r && XHR._i);
}

//iframe子页面有get、post操作，也视为一次有效操作，更新上次操作时间。W
        if ( parent && parent.gLastOperateTime != undefined &&  method == "POST")
		{
			parent.gLastOperateTime = new Date().getTime();
		}
	}
	json = JSON.parse(JSON.stringify(json).replace(/_point_/g, "."));
	return json;
}

==================================
language >>massages_en-IDCJR.js

(function( factory ) {
	if ( typeof define === "function" && define.amd ) {
		define( ["jquery", "../jquery.validate"], factory );
	} else {
		factory( jQuery );
	}
}(function( $ ) {

/*
 * Translated default messages for the jQuery validation plugin.
 * Locale: ZH (Chinese, 中文 (Zhongwen), 汉语, 漢語)
 */
$.extend($.validator.messages, {
    required: "This field is required. ",  
    remote: "Please fix this field. ",  
    email: "Please enter a valid email address. ",  
    ipv4: "Please enter a valid IPv4 address. ",
    ipv4_domain: "Please enter an IPv4 address or domain. ",
    subnetMask: "Please enter a subnetmask address. ",
    ipv6: "Please enter a valid IPv6 address. ",
    ipv6_mask: "Please enter a valid value. ",
    num_letter_: "Please enter a valid value. ",
    mac: "Please enter a MAC address. ",
    url: "Please enter a valid URL. ",  
    date: "Please enter a valid date. ",  
    dateISO: "Please enter a valid date (ISO). ",  
    number: "Please enter a valid number. ",  
    digits: "Please enter only digits. ",  
    creditcard: "Please enter a valid credit card number. ",
    equalTo: "Please enter the same value again. ",  
    extension: "Please enter a value with a valid extension. ",
    maxlength: $.validator.format("Please enter no more than {0} characters. "),  
    minlength: $.validator.format("Please enter at least {0} characters. "),  
    rangelength: $.validator.format("Please enter a value between {0} and {1} characters long. "),  
    range: $.validator.format("Please enter a value between {0} and {1}. "), 
    range_int: $.validator.format( "Please enter an integer between {0} and {1}. " ),
    range_int_equal: $.validator.format( "Please enter an integer between {0} and {1} or {2}. " ),
    nocn: "This field cannot include Chinese character. ",
    max: $.validator.format("Please enter a value less than or equal to {0}. "),
    min: $.validator.format("Please enter a value greater than or equal to {0}. "),
	description: "Please enter valid description!"
});

}));
var ssidRequiredHint = "Please enter SSID. ";
var passwordRequiredHint = "Please enter password. ";

//common error message
var maxLength32 = "Max length is 32. ";

==================================

Modemku Modemnya

---<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script src="../js/jquery.js"></script>
  <script src="../js/xhr.js"></script>
  <script src="../js/aes.js"></script>
  <script src="../js/login_inter.js"></script>
  <script src="../js/jquery.validate.js"></script>
  <script src="../language/messages_en.js"></script>
  <script src="../js/i18n.js"></script>
<link rel="stylesheet" href="../css/style.css" type="text/css">
<title>welcome</title>
<script language="javascript" type="text/javascript">
setDomain('menu');

function formLoad(){   
}

</script>
<style type="text/css">
.STYLE1 {
	background-image: url(../image/background.png);
	background-repeat: repeat-x;
	
}
.STYLE2 {	
	height: 35px;
	width: 70px; 
}
.STYLE4 {
	color: #FF0000;
	text-align: center;	
	font-size: 18px;
	font-weight: 600;
}
.STYLE5 {
	color: #FFFFFF;
	text-align: center;	
	font-size: 10px;
}
.STYLE6 {
	color: #000000;
	text-align: center;	
	font-size: 18px;
}
.label-verification {
    font-style: ΢���ź�;
    background: url(../image/yanzhengma.jpg) no-repeat center top;
    font-size: 20px;
    display: inline-block;
    text-align: right;
    color: #000;
    cursor:pointer;
    line-height: 30px;
    letter-spacing: 6px;
    background-size: 100% 100%;
}

</style>
</head>
<body class="STYLE1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="formLoad()">
  <table valign="middle" height="100%" width="100%">
    <tbody>
      <tr valign="middle" height="80%">
        <td width="33%"></td>
        <td width="33%"><table valign="middle" align="center" background="../image/login.png" border="0" width="935" height="415" style="margin-top: 50px">
            <tbody>
              <tr>
                <td width="54%"><table valign="middle" height="415" width="100%">
                    <tbody>
                      <tr>
                        <td height="80%"></td>
                      </tr>
                      <tr>
                        <td height="20%"><span class="STYLE5">   </span></td>
                      </tr>
                    </tbody>
                  </table></td>
                <td width="32%"><table valign="middle" height="415" width="100%">
                    <tbody>
                      <tr>
                        <td width="28%" height="30%"></td>
                      </tr>
                      <tr>
                        <td width="28%" height="35%"><table valign="middle" height="100%" width="100%">
                            <tbody>
                              <tr>
                                <td height="30%" width="100%"><table align="center" border="0" height="100%" width="100%">
                                    <tbody>
                                      <tr>
                                        <td width="35%"><font class="STYLE6">Username</font></td>
                                        <td width="65%"><input name="user_name" id="user_name" maxlength="32" type="text" style="width:130px; height:28px;">
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table></td>
                              </tr>
                              <tr>
                                <td height="30%" width="100%"><table align="center" border="0" height="100%" width="100%">
                                    <tbody>
                                      <tr>
										  
                                        <td width="35%" height="30%"><font class="STYLE6">Password</font></td>
										<td width="65%" id="password_td">
										
										 	<input name="loginpp" id="loginpp" maxlength="32" class="fh-text-security" type="text" autocomplete="off" oncopy="return false" style="width:130px; height:28px;">
										 	<input id="show_password" type="checkbox" style="height: 12px;display: none;" class="input_button" onclick="change_eye()" value="change_eye">
										
																  </td></tr>
							        </tbody>
							      </table></td>
							  </tr>
                              <tr id="tr_verifi">
                                <td height="30%" width="100%"><table align="center" border="0" height="100%" width="100%">
                                    <tbody>
                                    <tr>
                                        
                                        <td width="35%" height="30%"></td>
                                        <td><label id="verifiCode" class="label-verification"></label></td>
                                      </tr>
                                  </tbody>
                                  </table></td>
                              </tr>
                              <tr>
                                <td height="30%" width="100%"><table align="center" border="0" height="100%" width="100%">
                                    <tbody>
                                      <tr>
                                        <td width="40%" id="td_submit"><input type="submit" onclick="onlogin(1)" class="STYLE2" id="login_btn" value="Login"></td>
                                        <td width="5%"></td>
                                        <td width="40%" id="td_reset"><input type="reset" onclick="onlogin(2)" class="STYLE2" id="reset_btn" value="Cancel"></td>
                                        <td width="5%"></td>
                                        <td width="30%" id="td_regist" align="center" style="display: none"><input id="devReg" type="button" class="STYLE2" value="Regist" onclick="onlogin(3)">
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table></td>
                              </tr>
                            </tbody>
                          </table></td>
                      </tr>
                      <tr>
                        <td width="28%" height="35%"><table valign="middle" height="100%" width="100%">
                            <tbody>
                              <tr>
                                <td height="30%" width="100%"><table align="center" border="0" height="100%" width="100%">
                                    <tbody>
                                      <tr>
                                        <td width="5%"></td>
                                        <td width="90%" align="center" id="td_error"><span class="STYLE4" id="login_error_hint"></span></td>
                                        <td width="5%"></td>
                                      </tr>
                                    </tbody>
                                  </table></td>
                              </tr>
                              <tr>
                                <td height="40%" width="100%"></td>
                              </tr>
                              <tr>
                                <td height="30%" width="100%"></td>
                              </tr>
                            </tbody>
                          </table></td>
                      </tr>
                    </tbody>
                  </table></td>
                <td width="26%" height="15%" valign="top">
                	<div id="lang_div" style="float:left;display:none">
					<span id="EnglishModify" onclick="changeLanguage('en')">English</span> | <span id="SpanishModify" onclick="changeLanguage('spain')">Español</span>
					</div>
                </td>
              </tr>
            </tbody>
          </table></td>
        <td width="34%"></td>
      </tr>
    </tbody>
  </table>

</body></html>
  ---

Login Masukin | Form

Username

Password

ISO 8859-1 character set: 32 -63

Kamu juga bisa donlot skrinsut dari table ini.

Kode	Nama	Deskripsian
32	-	Normal space
33	-	Exclamation
34	quot	Double quote
35	-	Hash
36	-	Dollar
37	-	Percent
38	amp	Ampersand
39	-	Apostrophe
40	-	Open bracket
41	-	Close bracket
42	-	Asterisk
43	-	Plus sign
44	-	Comma
45	-	Minus sign
46	-	Period
47	-	Forward slash

Kode	Nama	Deskripsian
48	-	Digit 0
49	-	Digit 1
50	-	Digit 2
51	-	Digit 3
52	-	Digit 4
53	-	Digit 5
54	-	Digit 6
55	-	Digit 7
56	-	Digit 8
57	-	Digit 9
58	-	Colon
59	-	Semicolon
60	lt	Less than
61	-	Equals
62	gt	Greater than
63	-	Question mark