1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168
| <html>
<head>
<title>Page Title</title>
<link rel="STYLESHEET" type="text/css" href="Main.css">
<script src="BasicFunctions.js" type="text/javascript"></script>
<script src="Scrolling.js" type="text/javascript"></script>
<script src="MoveFocus.js" type="text/javascript"></script>
<script>
function pageLoadFunctions()
{
setBGColor("#666666");
checkSVP();
setCounter();
setArray();
startFocus()
}
// -----------------------------------------------------------------
// Open a 2ft window on Harmony and MCE emulator environments
//
function launch2ft( page )
{
var okStop = NAP_Dialog( "You will need to go to your PC to complete this process. A window will now be opened on your PC.\n\nContinue?", "NOTICE", 12, 60, true );
if ( okStop != 2 )
return XS_CANCEL;
page = "launchHTML=" + URLEncode( page );
showModelessDialog("reg_launch2ft.html?" + page,window,"status:false;dialogWidth:300px;dialogHeight:30px");
}
// -----------------------------------------------------------------
// Generic routine used to open a 2ft window. This function supports
// Symphonony, Harmony, MCX devices and MCE emulators
//
function goToURL2ft( name, URL )
{
try
{
// this function gives console users three options:
// 1. Open an IE window and go to the assigned URL
// 2. Create a shortcut on their desktop to the URL
// 3. Cancel
// bobsled users don't get option #1
// params are str shortcut title, str URL
window.external.MediaCenter.CreateDesktopShortcut(name, URL)
}
catch(e)
{
launch2ft( URL );
}
}
function doSelect()
{
/* This function determines what your buttons do when they are selected
(navigate, call a function, etc.). This function will get called whenever user
clicks a focusable item, or selects it with "OK" button on remote. Make sure to
include a case below for each focusable item on the page */
switch(oCurFocus.id)
{
case "Left1": // ID of button
{
break;
}
case "Left2": // ID of button
{
// assign button functionality statements here
break;
}
case "Left3": // ID of button
{
// assign button functionality statements here
break;
}
// .. and so on. Create a case for each button on the page.
}
}
</script>
</head>
<body id="body" MCFocusStart="Left4" onload="pageLoadFunctions()" onkeydown="onRemoteEvent(window.event.keyCode)">
<A id=install href="http://sms.napster.com/client/plugin/wmp10/not_installed.html?ehome=1"></A>
<!-- Start span used as stand-in for Shared Viewport -->
<span style="position: absolute; top: 0; left: 0; height: 100%;">
<table style="position: absolute; top: 0; left: 0; height: 100%;" cellspacing="0" cellpadding="0">
<tr><td valign="bottom" height="100%">
<span id="SVP" style="width: 308; height: 216; vertical-align: bottom" MCFocusable="true"></span>
</td></tr>
</table>
</span>
<!-- End span used as stand-in for Shared Viewport -->
<!-- Headline -->
<span class="text1" style="position: absolute; top: 56; left: 360;"><b>Browse Media Content</b></span>
<!-- Item counter at lower right. Displays only if button menu is scrollable -->
<span id="itemCounterSpan" style="font: 20pt Arial; color: #f2f2f2; width: 610; Height: 42; text-align: right; display: block; position: absolute; top: 656; left: 285;">
<span id="counterNum">1</span> of <span id="counterTotal"></span>
<span id="arrowUp" class="arrowUp" onclick = "pageUpDown('up')"></span>
<span id="arrowDown" class="arrowDown" onclick = "pageUpDown('down')"></span>
</span>
<!-- End item counter at lower right -->
<!-- Table for buttons at left -->
<table id="listTable" border="0" cellpadding="0" cellspacing="3" style="position: absolute; top: 114; left: 10;">
<tr><td><span id="Left1" class="button1" MCFocusable="true">Sub-category 1</span> </td></tr>
<tr><td><span id="Left2" class="button1" MCFocusable="true">Sub-category 2</span></td></tr>
<tr><td><span id="Left3" class="button1" MCFocusable="true">Sub-category 3</span></td></tr>
<tr><td><span id="Left4" class="button1" MCFocusable="true">Sub-category 4</span></td></tr>
<tr><td><span id="Left5" class="button1" MCFocusable="true">Sub-category 5</span></td></tr>
<tr><td><span id="Left6" class="button1" MCFocusable="true">Sub-category 6</span></td></tr>
<tr><td><span id="Left7" class="button1" MCFocusable="true">Sub-category 7</span></td></tr>
</table>
<!-- End table for buttons at left -->
<!-- Note: the following is a span containg a scrollable table; it works by scrolling selectable content -- in this case, each TD is selectable. If you add non-selectable TDs to the table, they will not automatically scroll into view (unless they happen to be in the same row as selectable ones that can do the scrolling for them). If you want to enable scrolling of content that is a mix of selectable and non-selectable elements, you can place these elements in an iFrame (for an SDK template of this, use NewsArticle.htm) -->
<span id="scrollspan" MCScrollable="true" style="position: absolute; top: 108; left: 335; width: 610; height: 520; overflow: hidden;">
<!-- Do not set table's position to absolute, or scrolling will not work -->
<table border="0" cellpadding="5" cellspacing="0" width=610 class="text1">
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Test</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 2</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 3</b><br>Description</td>
</tr>
<tr><td height=20></td></tr>
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 4</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 5</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 6</b><br>Description</td>
</tr>
<tr><td height=20></td></tr>
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 7</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 8</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 9</b><br>Description</td>
</tr>
<tr><td height=20></td></tr>
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 10</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 11</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 12</b><br>Description</td>
</tr>
<tr><td height=20></td></tr>
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 13</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 14</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 15</b><br>Description</td>
</tr>
<tr><td height=20></td></tr>
<tr>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 16</b><br>Description</td>
<td align="center" tabindex=0 hidefocus="true" class="photoTD" MCFocusable="true"><img src="Images/Photo1.gif"/><br><b>Item 17</b><br>Description</td>
</tr>
</table>
</span>
</body>
</html> |
Partager