Full Script

//===================================  GET JSON =====================================================
var JSONP=(function(){var a=0,c,f,b,d=this;function e(j){var i=document.createElement("script");var h=false;i.src=j;i.async=true;i.onload=i.onreadystatechange=function(){if(!h&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){h=true;i.onload=i.onreadystatechange=null;if(i&&i.parentNode){i.parentNode.removeChild(i)}}};if(!c){c=document.getElementsByTagName("head")[0]}c.appendChild(i)}function g(i,k,h,l){f="?";k=k||{};for(b in k){if(k.hasOwnProperty(b)){f+=encodeURIComponent(b)+"="+encodeURIComponent(k[b])+"&"}}var j="json"+(++a);d[j]=function(m){l(m);try{delete d[j]}catch(n){}d[j]=null};e(i+f+"callback="+j);h=h||function(){};d.setTimeout(function(){if(typeof d[j]=="function"){d[j]=function(m){try{delete d[j]}catch(n){}d[j]=null};h();d.setTimeout(function(){if(typeof d[j]=="function"){try{delete d[j]}catch(m){}d[j]=null}},120000)}},10000);return j}return{get:g}}());
// =================================== GET JSON ======================================================

var strData = "all"

function ALL_loadAfterTimeout() {
    document.getElementById('waiting').style.display = 'none';
    document.getElementById('dataList').style.visibility = 'visible';
}


function ALLProses_initialLoad() {

    var url = 'http://crud.berthoristhy.co.cc/api/DataReadAll.php';
    var error = function() {
        alert('Koneksi ke server bermasalah. Silahkan diulangi lagi.');
        document.getElementById('waiting').style.display = 'none';
        document.getElementById('nodata').style.visibility = 'visible';
    };
    var success = function(response) {
        var listItem, container, dataList = document.getElementById("dataList"),
        id          = "",
        depan       = "",
        belakang    = "",
        phone       = "",
        email       = "";

                for ( var i = 0; i < response.length; ++i ) {
                    id      = response[i].id;
                    depan       = response[i].firstname;
                    belakang    = response[i].lastname;
                    phone       = response[i].phone;
                    email       = response[i].email;


    var Gabung,Gabung2 = ""
    Gabung  = depan+' '+belakang
    Gabung2 = "ID : "+id+"\nNama Depan : "+depan+"\nNama Belakang : "+belakang+"\nPhone : "+phone+"\nEmail : "+email

                    listItem = document.createElement('div');
                    listItem.setAttribute('data-bb-type', 'item');
                    listItem.setAttribute('data-bb-img', 'images/icons/user.png');
                    listItem.setAttribute('data-bb-title', Gabung);
                    listItem.onclick = (function(opt) {
                        return function() {

                            if (confirm(opt)) {
                                bb.pushScreen('UPDATE.html', 'UPDATE', {'data_id':id,'data_depan':depan,'data_belakang':belakang,'data_phone':phone,'data_email':email}
                                );
                            } else {
                                //Do Nothing
                            }
                        };
                    })(Gabung2+"\n\nDo you want to update this data ?");
                    listItem.innerHTML = email;
                    container = document.createElement('div');
                    container.appendChild(listItem);
                    bb.imageList.apply([container]);
                    dataList.appendChild(container.firstChild);
                    if (bb.scroller) {
                        bb.scroller.refresh();
                    }

                }
    };
    JSONP.get( url, {key: strData}, error, success);
    setTimeout(ALL_loadAfterTimeout,10000);
}