My Source

Bagian HTML
==========================================Start Of HTML=======================================
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" id="viewport" content="height=device-height,width=device-width,user-scalable=no" />
<title>News Update Monitoring</title>
<link rel="stylesheet" href="css/jquerymobile110.css" />
<script src="js/jquery.js"></script>
<script src="js/jquerymobile110min.js"></script>
</head>

<body>
<div id="detailsPage" data-role="page">
    <div data-role="header" data-theme="b">
        <h1>Detail Now Playing</h1>
        <a href="NowPlaying.html" data-role="button" data-icon="arrow-l" data-iconpos="left" data-transition="slide">Back</a>
    </div>

    <div style="text-align:center;margin-top:10px;">
    <img src="css/images/211.png" width="231" height="70">
    </div>

<div data-role="content">
<div id="loading"></div>
<div id="employeeDetails" style="display:none;">
    Judul Film : <p id="Judul"></p>
    Alamat Website : <p id="Web"></p>
    Tanggal Pengambilan Data : <p id="Date"></p>
    Deskripsi Film : <p id="Desk"></p>
</div>


    <ul id="actionList" data-role="listview" data-inset="true"></ul>
  </div>
</div>


</body>

</html>
==========================================End Of HTML=======================================


Bagian Javascriptnya :
========================================Start Javascript===============================
$('#detailsPage').live('pageshow', function(event) {
    var idData = getUrlVars()["id"];
    showLoad();
    $.getJSON(serviceURL + 'detailNP.php?id='+idData, displayEmployee);
}).success(function(){
    showSuccess();
    }).error(function(){
        showError();
        }).complete(function(){
            showComplete();
            });

function displayEmployee(data) {
    var rssingest = data.item;
    console.log(rssingest);
    $('#Image').attr(rssingest.img);
    $('#Judul').text(rssingest.judul);
    $('#Web').text(rssingest.web);
    $('#Date').text(rssingest.fetch_date);
    $('#Desk').text(rssingest.desk);

    $('#actionList').listview('refresh');
}

function showLoad(){
    $('#loading').html('<img src="pics/loading.gif" />');
}
function showError(){
    $('#loading').hide();
        $('#employeeDetails').show('slow').html('Aplikasi tidak dapat melakukan koneksi ke server. Silahkan cek koneksi anda.');
}
function showComplete(){
    $('#loading').hide();
    $("#employeeDetails").show();
}
function showSuccess(){
    $('#loading').hide();
    $("#employeeDetails").show();
}

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}