sdt version 브라우저에 출력

chipmaker 2016. 7. 22. 11:57

PAT/PMT와 동작은 동일하다.

1. 소스 코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <title>jQuery treeview</title> <link rel="stylesheet" href="css/jquery.treeview.css" /> <link rel="stylesheet" href="css/screen.css" /> <script src="lib/jquery.js" type="text/javascript"></script> <script src="lib/jquery.cookie.js" type="text/javascript"></script> <script src="lib/jquery.treeview.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#tree").treeview({ collapsed: true, animated: "medium", control:"#sidetreecontrol", persist: "location" }); }) </script> <script> var works = [ 'pat', 'pmt', 'sdt' ]; var requests = new Array(); for ( i in works ) { requests[i] = new request(works[i]); } function request(work) { var http_request = new XMLHttpRequest(); var url; if(work == 'pat') url = "pat_json.txt"; else if(work == 'pmt') url = "pmt_json.txt"; else if(work == 'sdt') url = "sdt_json.txt"; http_request.open("GET", url, true); http_request.onreadystatechange = function () { if (http_request.readyState == 4 && http_request.status == 200) { var arr = JSON.parse(http_request.responseText); if(work == 'pat') { parsingPatJson(arr); } else if(work == 'pmt') { parsingPmtJson(arr); } else if(work == 'sdt') { parsingSdtJson(arr); } } }; http_request.send(null); } function parsingPatJson(arr) { var pat = ""; var i; for(i = 0; i < arr.length; i++) { pat += '<li><a href="#">'; pat += "PAT version : " + arr[i].version + ", "; pat += "section : " + arr[i].section_number + ", "; pat += "program number : " + arr[i].program_number + ", "; pat += "pmtPid : " + arr[i].pmtPid + '<br>'; pat += '</a></li>'; } document.getElementById("patList").innerHTML = pat; } function parsingPmtJson(arr) { var pmt = ""; var i; var j; for(i = 0; i < arr.length; i++) { var streamType = ""; pmt +=' <a href="#">'; pmt += "PMT version : " + arr[i].version + ", "; pmt += "section : " + arr[i].section_number + ", "; pmt += "program number : " + arr[i].program_number + ", "; pmt += "pcr_pid : " + arr[i].pcr_pid + '<br>'; // add sub routine pmt += '<ul>'; for(j = 0; j < arr[i].esInfo.length; j++) { streamType += '<li><a href="#">' streamType += "stream type : " + arr[i].esInfo[j].stream_type + ", " streamType += "es_pid : " + arr[i].esInfo[j].es_pid + '<br>'; streamType += '</a></li>'; } pmt += streamType; pmt += '</ul>'; pmt += '</a>'; } list_add_pmt(pmt); } function list_add_pmt(list) { $("#pmtTop").append(list); } function parsingSdtJson(arr) { var sdt = ""; var i; for(i = 0; i < arr.length; i++) { var sdtSub = ""; sdt +=' <a href="#">'; sdt += "SDT version : " + arr[i].version + ", "; sdt += "section : " + arr[i].section_number + ", "; sdt += "service_id : " + arr[i].service_id + ", "; // add sub routine sdt += '<ul>'; { sdtSub += '<li><a href="#">'; sdtSub += "EIT_schedule_flag : " + arr[i].EIT_schedule_flag + '<br>'; sdtSub += "EIT_present_following_flag : " + arr[i].EIT_present_following_flag + '<br>'; sdtSub += "EIT_schedule_flag : " + arr[i].EIT_schedule_flag + '<br>'; sdtSub += "running_status : " + arr[i].running_status + '<br>'; sdtSub += "free_CA_mode : " + arr[i].free_CA_mode + '<br>' sdtSub += "servicProvideeName : " + arr[i].servicProvideeName + '<br>'; sdtSub += "serviceName : " + arr[i].serviceName + '<br>'; sdtSub += '</a></li>'; } sdt += sdtSub; sdt += '</ul>'; sdt += '</a>'; } list_add_sdt(sdt); } function list_add_sdt(list) { $("#sdtTop").append(list); } </script> </head> <div id="sidetree"> <div class="treeheader"> </div> <div id="sidetreecontrol"><a href="?#">fold</a> | <a href="?#">unfold</a></div> <ul id="tree"> <li> <strong>pat</strong> <ul> <div id="patList"></div> </ul> </li> <li> <strong>pmt</strong> <ul> <li id="pmtTop"></li> </ul> </li> <li> <strong>sdt</strong> <ul> <li id="sdtTop"></li> </ul> </li> </ul> </div>

2. 테스트 결과