Threaded Mode | Linear Mode

**Matmund Newbie** · 05-07-2011, 10:54 AM

Ini ane lagi ngenet di orang... Ekh billing'a ko di browser... ckckck.
Copas aja deh sourc'a kesini siapa ada yang bisa jelasin lebih detail'a.. Thanx..

PHP Code:

<HTML>
<head>
    <title>:: BILLING ::</title>
    <link rel="SHORTCUT ICON" href="icon/clock.ico">
    <link rel="stylesheet" type="text/css" href="x_billing.css">    
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Refresh" content="180">    
</head>
 
<body style="font:12pt Haettenschweiler;">
 
<table width="100%" height="100%"><tr><td style="vertical-align:middle;">
<center>
    <table width="300pt" style="border:2pt dotted #F0F0F0; background:#ffffff">
    <tr>
        <td style="padding:5pt; background:#F0F0F0"><img id="imgIcon" src="icon/simp/48/warning.png">
        <td style="font-size:24pt; color:#000000; background:#F0F0F0; padding:10pt; text-align:center;" width="100%">B I L L I N G<br>Komputer <span id="txtClient"></span>
    <tr id="divTimer">
        <td rowspan="3">
        <td>
            <table id="tabDetail" style="font-size:16pt; color:#00A000" width="100%">
                <colgroup>
                    <col width="80pt">
                    <col width="30pt">
                    <col width="80pt" align="right">
                </colgroup>
                <tbody>
                <tr><td>Durasi<td id="txtDurasi" colspan="2" align="center" style="font-size:24pt">0
                <tr><td>Rental<td>Rp.<td id="txtRental" align="right">0
                <tr><td>Barang<td>Rp.<td id="txtBarang" align="right">0
                <tr><td colspan="3"><hr id="line1" style="color:#00A000">
                <tr><td>Total<td>Rp.<td id="txtJumlah" align="right">0
            </table>                    
    <tr id="divDesc">
        <td id="txtDesc" align="center" style="font-size:16pt; padding:5pt">
    <tr>
        <td style="padding:10pt; vertical-align:middle; text-align:center;">
        <img style="vertical-align:middle" src="icon/32/refresh.png" onclick="oClient.get()"> 
        <a style="font-size:24pt; cursor:pointer; text-decoration:none; color:#50A050; vertical-align:middle" onclick="oClient.get();">REFRESH</a>
    </table>
    <br>
    <input id="ButtonStart" class="box_kuning" type="button" value=" MULAI " onclickXXX="js_what(1)" style="font-size:14px;">    
    <input id="ButtonStop" class="box_kuning" type="button" value=" S E L E S A I " onclick="js_what(2)" style="font-size:14px;">        
</table>
 
<div id="iniApa" style="top:0; position:absolute; background:#FFFFFF; width:700px; display:none;">
    <table style="width:100%; height:100%; border:2pt solid #9090F0">
    <tbody>
    <tr>
        <td id="iniApaSih" style="padding:10px; height:100%">
    <tr>
        <td style="padding:0px; text=align:center; font-size:16pt; color:#D0D0D0" align="center">
        <div align="right">TUTUP <img id="imgClose" src="icon/16/close.png" style="cursor:pointer" onclick="js_what(-1)"></div>
    </table>
</div>
 
<div id="idDebug"></div>
 
</body>
</HTML>
 
<script language="javascript" src="x_tools.js"></script>
<script language="javascript"> 
    function js_what(opt){
        var box = document.getElementById('iniApa');
        var obj = document.getElementById('iniApaSih');
        switch (opt)
        {
            case 1:
                obj.innerHTML = js_http('cmd=cmdClientInfo');
                box.style.display='';
                box.style.zIndex="1";
                js_center(box);
                break;
            case 2:
                if (confirm("Jika sudah selesai klik OK!")) {
                    obj.innerHTML = js_http('cmd=cmdClientRestart');
                }
                break;
                
            default:
                box.style.display='none';
                break;
        }
    }
 
    var r_hmin = 2000;
    
    function js_format_utc(d){
        var h = d.getUTCHours();
            h = (h > 9) ? h : "0" + h;
        var m = d.getUTCMinutes();
            m = (m > 9) ? m : "0" + m;
        var s = d.getUTCSeconds();
            s = (s > 9) ? s : "0" + s;
        return h + ":" + m + ":" + s;
    }
    function js_format_time(d){
        var h = d.getHours();
            h = (h > 9) ? h : "0" + h;
        var m = d.getMinutes();
            m = (m > 9) ? m : "0" + m;
        var s = d.getSeconds();
            s = (s > 9) ? s : "0" + s;
        return h + ":" + m + ":" + s;
    }
 
    var oClient = {
        icon        : document.getElementById('imgIcon'),
        txtClient    : document.getElementById('txtClient'),
        txtDurasi    : document.getElementById('txtDurasi'),
        txtRental    : document.getElementById('txtRental'),
        txtBarang    : document.getElementById('txtBarang'),
        txtJumlah    : document.getElementById('txtJumlah'),
        difs        : 1304740447.689 - ((new Date().getTime()) / 1000),  /* seconds */        
        difm        : (1304740447.689 * 1000) - (new Date().getTime()),  /* miliseconds */    
        data        : new Array(),
        /*
            data:
                0  = id_client
                1  = id_rental
                2  = time_start
                3  = time_long
                4  = time_total
                5  = is_active
                6  = harga_rental
                7  = nama_kode
                8  = rent_total
                9  = total_beli
                10 = time()
        */
        
        get: 
            function(){
                js_http('cmd=cmdClientGet',oClient.cb);
            },
        
        cb: 
            function(req){
                if (req.readyState == 4){
                    if (req.status == 200){
                        oClient.data = [0];
                        if (req.responseText != '') eval('oClient.data = '+req.responseText);
                        oClient.update();
                    }
                }        
            },
        
        desc: 
            function(color,str){
                var o = document.getElementById('txtDesc');
                o.style.color = color;
                o.innerHTML = str;
            },
        
        detail: 
            function(opt){
                var icon_path = 'icon/simp/48/';
                var d = document.getElementById('tabDetail');
                var r = document.getElementById('line1')
                
                        
                switch (opt) {
                    case 1:
                        // normal
                        document.getElementById('ButtonStart').style.display = 'none';
                        document.getElementById('ButtonStop').style.display = '';
                        
                        d.style.color = r.style.color = '#00A000';
                        d.style.display = '';                    
                        oClient.icon.src = icon_path+'play.png';                    
                        oClient.desc('#9090F0', "");
                        //oClient.desc('#9090F0', "PERHATIAN ! KOMPUTER AKAN MATI (STAND-BY) SECARA OTOMATIS JIKA TIDAK DIPAKAI DALAM WAKTU <span style=\"font-size:20pt\">5</span> MENIT");                    
                        break;
                    case 2:
                        document.getElementById('ButtonStart').style.display = 'none';
                        document.getElementById('ButtonStop').style.display = '';
                    
                        d.style.color = r.style.color = '#D0D0D0';
                        d.style.display = '';                
                        oClient.icon.src = icon_path+'warning.png';                
                        oClient.desc('#E8B020',"KARENA GANGGUAN ATAU LAIN HAL BILLING DIHENTIKAN UNTUK SEMENTARA");
                        break;
                    default:
                        document.getElementById('ButtonStart').style.display = '';
                        document.getElementById('ButtonStop').style.display = 'none';
                    
                        // hide
                        d.style.display = 'none';
                        oClient.icon.src = icon_path+'stop.png';                    
                        oClient.desc('#a00000','SEBELUM MULAI ATAU PINDAH KOMPUTER BILANG OPERATOR DULU OK!?');
                        break;                    
                }
            },
        
        update: 
            function(){
                var tmp = oClient.data;
                oClient.txtClient.innerHTML = tmp[0];
                if ((tmp[2] > 0) && (tmp[3] == 0)) {    
                    /* started */
                    oClient.detail(1);
                } else if (tmp[3] > 0) {    
                    /* paused */                    
                    oClient.detail(2);            
                } else {    
                    /* stopped */
                    oClient.detail(0);            
                }
                oClient.refresh();
            },
        
        refresh: 
            function(){
                var tmp = oClient.data;
                var m_now = new Date(); // Now
                var m_total, m_rent;
                
                //if (Math.abs(m_now.getTime() - t_tmp.getTime()) > 120000) {
                //    alert("jump");
                //}        
                
                if ((tmp[2] > 0) && (tmp[3] == 0)) {                    
                    //var m_total = tmp[4] + parseInt( (m_now.getTime() / 1000) - tmp[2] + oClient.difs ); // seconds
                    m_total = tmp[4] + parseInt( (m_now.getTime() - (tmp[2] * 1000) + oClient.difm) / 1000)
                    m_rent = Math.ceil((m_total-60)*tmp[6]/3600/500)*500;
                    if (m_rent < r_hmin) m_rent = r_hmin;
                    //
                } else if (tmp[3] > 0) {
                    m_total = tmp[4];
                    m_rent = tmp[8];
                } else {
                    return;
                }
                var m_dur = js_durasi(m_total);
                var m_rup = m_rent + tmp[9];            
                oClient.txtDurasi.innerHTML = m_dur;
                oClient.txtRental.innerHTML = m_rent;
                oClient.txtBarang.innerHTML = tmp[9];
                oClient.txtJumlah.innerHTML = m_rup;
                document.title = 'Rp. ' + m_rup + ' [' + m_dur + '] :: BILLING ::';                                
                //t_check = m_now;        
            }
    }
    
    oClient.get();
    setInterval('oClient.get()', 8000);    
    setInterval('oClient.refresh()', 1000);
</script> 

fachrils · (This post was last modified: 05-07-2011 11:23 AM by fachrils.)

heheheh . iseng coba
ini jadi nya

[Image: ilj3Qs.JPG]

bluecoder · 05-07-2011, 12:17 PM

(05-07-2011 10:54 AM)matmund Wrote: Ini ane lagi ngenet di orang... Ekh billing'a ko di browser... ckckck.
Copas aja deh sourc'a kesini siapa ada yang bisa jelasin lebih detail'a.. Thanx..
PHP Code:

<HTML> <head> <title>:: BILLING ::</title> <link rel="SHORTCUT ICON" href="icon/clock.ico"> <link rel="stylesheet" type="text/css" href="x_billing.css"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Refresh" content="180"> </head> <body style="font:12pt Haettenschweiler;"> <table width="100%" height="100%"><tr><td style="vertical-align:middle;"> <center> <table width="300pt" style="border:2pt dotted #F0F0F0; background:#ffffff"> <tr> <td style="padding:5pt; background:#F0F0F0"><img id="imgIcon" src="icon/simp/48/warning.png"> <td style="font-size:24pt; color:#000000; background:#F0F0F0; padding:10pt; text-align:center;" width="100%">B I L L I N G<br>Komputer <span id="txtClient"></span> <tr id="divTimer"> <td rowspan="3"> <td> <table id="tabDetail" style="font-size:16pt; color:#00A000" width="100%"> <colgroup> <col width="80pt"> <col width="30pt"> <col width="80pt" align="right"> </colgroup> <tbody> <tr><td>Durasi<td id="txtDurasi" colspan="2" align="center" style="font-size:24pt">0 <tr><td>Rental<td>Rp.<td id="txtRental" align="right">0 <tr><td>Barang<td>Rp.<td id="txtBarang" align="right">0 <tr><td colspan="3"><hr id="line1" style="color:#00A000"> <tr><td>Total<td>Rp.<td id="txtJumlah" align="right">0 </table> <tr id="divDesc"> <td id="txtDesc" align="center" style="font-size:16pt; padding:5pt"> <tr> <td style="padding:10pt; vertical-align:middle; text-align:center;"> <img style="vertical-align:middle" src="icon/32/refresh.png" onclick="oClient.get()"> <a style="font-size:24pt; cursor:pointer; text-decoration:none; color:#50A050; vertical-align:middle" onclick="oClient.get();">REFRESH</a> </table> <br> <input id="ButtonStart" class="box_kuning" type="button" value=" MULAI " onclickXXX="js_what(1)" style="font-size:14px;"> <input id="ButtonStop" class="box_kuning" type="button" value=" S E L E S A I " onclick="js_what(2)" style="font-size:14px;"> </table> <div id="iniApa" style="top:0; position:absolute; background:#FFFFFF; width:700px; display:none;"> <table style="width:100%; height:100%; border:2pt solid #9090F0"> <tbody> <tr> <td id="iniApaSih" style="padding:10px; height:100%"> <tr> <td style="padding:0px; text=align:center; font-size:16pt; color:#D0D0D0" align="center"> <div align="right">TUTUP <img id="imgClose" src="icon/16/close.png" style="cursor:pointer" onclick="js_what(-1)"></div> </table> </div> <div id="idDebug"></div> </body> </HTML> <script language="javascript" src="x_tools.js"></script> <script language="javascript"> function js_what(opt){ var box = document.getElementById('iniApa'); var obj = document.getElementById('iniApaSih'); switch (opt) { case 1: obj.innerHTML = js_http('cmd=cmdClientInfo'); box.style.display=''; box.style.zIndex="1"; js_center(box); break; case 2: if (confirm("Jika sudah selesai klik OK!")) { obj.innerHTML = js_http('cmd=cmdClientRestart'); } break; default: box.style.display='none'; break; } } var r_hmin = 2000; function js_format_utc(d){ var h = d.getUTCHours(); h = (h > 9) ? h : "0" + h; var m = d.getUTCMinutes(); m = (m > 9) ? m : "0" + m; var s = d.getUTCSeconds(); s = (s > 9) ? s : "0" + s; return h + ":" + m + ":" + s; } function js_format_time(d){ var h = d.getHours(); h = (h > 9) ? h : "0" + h; var m = d.getMinutes(); m = (m > 9) ? m : "0" + m; var s = d.getSeconds(); s = (s > 9) ? s : "0" + s; return h + ":" + m + ":" + s; } var oClient = { icon : document.getElementById('imgIcon'), txtClient : document.getElementById('txtClient'), txtDurasi : document.getElementById('txtDurasi'), txtRental : document.getElementById('txtRental'), txtBarang : document.getElementById('txtBarang'), txtJumlah : document.getElementById('txtJumlah'), difs : 1304740447.689 - ((new Date().getTime()) / 1000), /* seconds */ difm : (1304740447.689 * 1000) - (new Date().getTime()), /* miliseconds */ data : new Array(), /* data: 0 = id_client 1 = id_rental 2 = time_start 3 = time_long 4 = time_total 5 = is_active 6 = harga_rental 7 = nama_kode 8 = rent_total 9 = total_beli 10 = time() */ get: function(){ js_http('cmd=cmdClientGet',oClient.cb); }, cb: function(req){ if (req.readyState == 4){ if (req.status == 200){ oClient.data = [0]; if (req.responseText != '') eval('oClient.data = '+req.responseText); oClient.update(); } } }, desc: function(color,str){ var o = document.getElementById('txtDesc'); o.style.color = color; o.innerHTML = str; }, detail: function(opt){ var icon_path = 'icon/simp/48/'; var d = document.getElementById('tabDetail'); var r = document.getElementById('line1') switch (opt) { case 1: // normal document.getElementById('ButtonStart').style.display = 'none'; document.getElementById('ButtonStop').style.display = ''; d.style.color = r.style.color = '#00A000'; d.style.display = ''; oClient.icon.src = icon_path+'play.png'; oClient.desc('#9090F0', ""); //oClient.desc('#9090F0', "PERHATIAN ! KOMPUTER AKAN MATI (STAND-BY) SECARA OTOMATIS JIKA TIDAK DIPAKAI DALAM WAKTU <span style=\"font-size:20pt\">5</span> MENIT"); break; case 2: document.getElementById('ButtonStart').style.display = 'none'; document.getElementById('ButtonStop').style.display = ''; d.style.color = r.style.color = '#D0D0D0'; d.style.display = ''; oClient.icon.src = icon_path+'warning.png'; oClient.desc('#E8B020',"KARENA GANGGUAN ATAU LAIN HAL BILLING DIHENTIKAN UNTUK SEMENTARA"); break; default: document.getElementById('ButtonStart').style.display = ''; document.getElementById('ButtonStop').style.display = 'none'; // hide d.style.display = 'none'; oClient.icon.src = icon_path+'stop.png'; oClient.desc('#a00000','SEBELUM MULAI ATAU PINDAH KOMPUTER BILANG OPERATOR DULU OK!?'); break; } }, update: function(){ var tmp = oClient.data; oClient.txtClient.innerHTML = tmp[0]; if ((tmp[2] > 0) && (tmp[3] == 0)) { /* started */ oClient.detail(1); } else if (tmp[3] > 0) { /* paused */ oClient.detail(2); } else { /* stopped */ oClient.detail(0); } oClient.refresh(); }, refresh: function(){ var tmp = oClient.data; var m_now = new Date(); // Now var m_total, m_rent; //if (Math.abs(m_now.getTime() - t_tmp.getTime()) > 120000) { // alert("jump"); //} if ((tmp[2] > 0) && (tmp[3] == 0)) { //var m_total = tmp[4] + parseInt( (m_now.getTime() / 1000) - tmp[2] + oClient.difs ); // seconds m_total = tmp[4] + parseInt( (m_now.getTime() - (tmp[2] * 1000) + oClient.difm) / 1000) m_rent = Math.ceil((m_total-60)*tmp[6]/3600/500)*500; if (m_rent < r_hmin) m_rent = r_hmin; // } else if (tmp[3] > 0) { m_total = tmp[4]; m_rent = tmp[8]; } else { return; } var m_dur = js_durasi(m_total); var m_rup = m_rent + tmp[9]; oClient.txtDurasi.innerHTML = m_dur; oClient.txtRental.innerHTML = m_rent; oClient.txtBarang.innerHTML = tmp[9]; oClient.txtJumlah.innerHTML = m_rup; document.title = 'Rp. ' + m_rup + ' [' + m_dur + '] :: BILLING ::'; //t_check = m_now; } } oClient.get(); setInterval('oClient.get()', 8000); setInterval('oClient.refresh()', 1000); </script>

maaf omz..ntu cara kerja n reaksinya gmna omz.....? belajar

Boyz_scorpio · 05-07-2011, 05:43 PM

dsni jg ada om warnet billing'y pake broser malu

:

***AaEzha*** · 05-10-2011, 09:33 AM

wah keren tuh kayaknya Lp

bogenk · 05-16-2011, 08:32 PM

wah.. keren .. cuma sayang nya input nya gk..

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	[Ask] browser bisa capture webcam (HTML5)	candragati	6	258	11-08-2012 06:52 AM Last Post: hakimoxz
	[Tutor] Membuat Gambar Pada Halaman Browser Menari	cliquersz	5	783	06-13-2012 11:33 AM Last Post: devilzone
	[Tutor] Merubah Warna Browser Menjadi Warna Warni	cliquersz	5	570	03-26-2012 03:43 PM Last Post: sunafets.exe
	Bikin Webpage Lebih Cepet Dirender Browser	assadotcom	10	2,025	06-28-2011 10:57 PM Last Post: Boyz_scorpio
	Disable Back Button Browser Dengan Javascript	Cruz3N	0	1,797	02-23-2010 03:40 AM Last Post: Cruz3N