diff options
| -rw-r--r-- | index.html | 45 | ||||
| -rw-r--r-- | js/istreamdev.js | 26 |
2 files changed, 68 insertions, 3 deletions
@@ -28,7 +28,7 @@ <li class="arrow"><a id="categories_but" href="#"><img class="menuicon" src="img/tv.png" /><span class="menuname">Watch TV</span></a></li> <li class="arrow"><a id="recording_but" href="#"><img class="menuicon" src="img/record.png" /><span class="menuname">Recordings</span></a></li> <li class="arrow"><a id="timers_but" href="#"><img class="menuicon" src="img/timers.png" /><span class="menuname">Timers</span></a></li> - <li class="arrow"><a id="epg_but" href="#"><img class="menuicon" src="img/epg.png" /><span class="menuname">Program Guide</span></a></li> + <li class="arrow"><a id="epg_but" href="#epg"><img class="menuicon" src="img/epg.png" /><span class="menuname">Program Guide</span></a></li> </ul> <ul class="rounded"> <li><span class="menutitle">FILES</span></li> @@ -223,6 +223,49 @@ </form> </div> <!---------------------------------- /TIMERS SCREEN ----------------------------------> + <!------------------------------------ EPG -------------------------------------------> + <div id="epg"> + <div class="toolbar"> + <a href="#" class="back">Home</a> + <h1>EPG</h1> + </div> + <ul class="rounded"> + <li class="arrow"><a href="#now"><span class="menuname">What's Now</span></a></li> + <li class="arrow"><a href="#at"><span class="menuname">What's At</span></a></li> + <li class="arrow"><a href="#on"><span class="menuname">What's On</span></a></li> + </ul> + </div> + + <div id="on"> + <div class="toolbar"> + <a href="#" class="back">Back</a> + <a href="#home" id="home_but" class="button slideup">Home</a> + <h1>WHAT'S ON</h1> + </div> + <form name="epg_chanselector" id="epg_chanselector" action=""> + <ul class="rounded"> + <li><span class="timertitle">Select a Channel</span></li> + <li><select id="epg_chan" onchange="epg_selectchan()"> + <optgroup label="NATIONALES & TNT"> + <option value="1">TF1</option> + <option value="2">FRANCE 2</option> + <option value="3">FRANCE 3</option> + <option value="4">FRANCE 4</option> + <option value="5">TV5</option> + <option value="6">M6</option> + </optgroup> + <optgroup label="DIVERTISSEMENT"> + <option value="11">COMEDIE!</option> + <option value="12">13EME RUE</option> + <option value="13">FOX LIFE</option> + </optgroup> + </select> + </li> + </ul> + </form> + + </div> + <!---------------------------------- /EPG ---------------------------------------> </div> </body> </html>
\ No newline at end of file diff --git a/js/istreamdev.js b/js/istreamdev.js index 091b145..12fd27b 100644 --- a/js/istreamdev.js +++ b/js/istreamdev.js @@ -167,7 +167,7 @@ function gen_categories() { //Gen Channels
function gen_channels(category) {
$("#chan_menu").html('');
- var dataString = "action=getTvChan&cat=" + category;
+ var dataString = "action=getTvChan&cat=" + escape(category);
//Json call to get category array
$.getJSON("bin/backend.php",
dataString,
@@ -674,6 +674,7 @@ function gen_formchanlist() { $.getJSON("bin/backend.php",
dataString,
function(data) {
+ $('#jqt').data('channellist',data);
$.each(data.category, function(i,category){
$('#timer_chan').append('<optgroup label="' + category.name + '">');
var catname = category.name;
@@ -739,4 +740,25 @@ function showStatus( timeout, message ) { $('#timer_status').hide();
}
}
-// [/TIMER SECTION]
\ No newline at end of file +// [/TIMER SECTION]
+
+// [EPG SECTION]
+function gen_epgchanlist() {
+ data = $('#jqt').data('channellist');
+ $.each(data.category, function(i,category){
+ $('#epg_chan').append('<optgroup label="' + category.name + '">');
+ var catname = category.name;
+ $.each(category.channel, function(j, channel){
+ $('#epg_chan optgroup[label="' + catname +'"]').append('<option value="' + channel.number + '">' + channel.name +'</option>');
+ });
+ $('#epg_chan').append('</optgroup>');
+ });
+}
+
+// check if chan is slected
+function epg_selectchan() {
+ selectedchan = $('#epg_chan').val();
+ alert(selectedchan);
+}
+
+// [/EPG SECTION]
\ No newline at end of file |