MCE-Community.de > MCE PlugIn Beispiel

MCE-Community.de > Windows Media Center Software > Media Center PlugIns/AddIns, Hacks, Mods + ZusatzSoftware > [mceCodeZone] Programmierung > mceCodeZone - Grundlagen & Tutorials

ehemaliges Mitglied

07.01.2006, 20:38

so habe mal ein bischen für euch gebaut
eine übersichts seite mit 3 links auf 3 andere seiten
die jeweils schon einen zurückbutton haben

ZITAT

<html>
<head>
<title>Uebersicht</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()
{

checkSVP();
setCounter();
setArray();
startFocus();

}

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 */
var url = ""
switch(oCurFocus.id)
{

case "Seite 1": url = "Seite 1.htm"; break;
case "Seite 2": url = "Seite 2.htm"; break;
case "Seite 3": url = "Seite 3.htm"; break;
}
if (url != "") window.navigate(url);
}
</script>

</head>

<body id="body" MCFocusStart="btnMenuPg" onload="pageLoadFunctions()" onkeydown="onRemoteEvent(window.event.keyCode)">
<div class="panel" style="position: absolute; width: 102%; height: 100%; z-index: -100; left: 0px; top: 0px"><IMG src="images/background.jpg" width="102%" height="100%"></div>

<span style="position: absolute; top: 0; left: 0; height: 100%;">
<table style="position: absolute; top: 0; left: 0; height: 100%;" cellspacing="3" cellpadding="3">
<tr><td valign="bottom" height="100%">
<span id="SVP" style="width: 308; height: 216; vertical-align: bottom" MCFocusable="true"></span>
</td></tr>
</table>
</span>


<span id="title" class="text1" style="position: absolute; top: 94; left: 345; width: 610;"><strong>Uebersicht</strong></span>


<span id="itemCounterSpan" style="font: 20pt Arial; color: #f2f2f2; width: 610; Height: 42; text-align: right; display: block; position: absolute; top: 644; left: 119;">
<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>



<span id="scrollspan" MCScrollable="true" style="position: absolute; top: 138; left: 332; width: 400; height: 485; overflow: hidden">
<table id="listTable" border="0" cellpadding="0" cellspacing="3">

<tr><td ID="Seite 1" class="button2" MCFocusable="true">Seite 1</td></tr>
<tr><td ID="Seite 2" class="button2" MCFocusable="true">Seite 2</td></tr>
<tr><td ID="Seite 3" class="button2" MCFocusable="true">Seite 3</td></tr>
</table>
</span>
</body>
</html>

alles was blau ist für den seiten titel
alles was rot ist für die hyperlinks
alles was lila ist für backgrund also hintergrund bild

so mehr hilfe gebe ich nicht

computerhellef24

07.01.2006, 21:53

Es geht noch anders:

Und zwar:

z.B. case "Seite 1": url = "Seite 1.htm"; break;
einfach durch case oCurFocus.id: url=oCurFocus.url; break; ersetzen

und in
<tr><td ID="Seite 1" class="button2" MCFocusable="true">Seite 1</td></tr>

einfach url="deine.htm" hinzufügen. sprich:
<tr><td ID="Seite 1" url="deine.htm" class="button2" MCFocusable="true">Seite 1</td></tr>

so startet mce alles was im Focus ist. und die doSelect-Function brauch dann nur so auszusehen:

QUELLTEXT

function doSelect()
{
var url = ""
switch(oCurFocus.id)
{
case oCurFocus.id: url=oCurFocus.url; break;
}
if (url != "") window.navigate(url);

so sieht zum Beispiel ne Seite von More radio aus:

QUELLTEXT

<html>
<head>
<title>Page Title</title>

<link rel="STYLESHEET" type="text/css" href="Main.css">

<script src="system/BasicFunctions.js" type="text/javascript"></script>
    <script src="system/Scrolling.js" type="text/javascript"></script>
    <script src="system/MoveFocus.js" type="text/javascript"></script>
<script src="system/IFrameScrolling.js" type="text/javascript"></script>
<script src="system/cookies.js" type="text/javascript"></script>
<script src="system/cookie.js" type="text/javascript"></script>

    <script>
// Page is designed for MCE
function IsMCEEnabled()

{

return true;

}

    function pageLoadFunctions()
    {
checkSVP();
setCounter();
setArray();
startFocus()
    }
    function doSelect()
    {
var url = ""
switch(oCurFocus.id)
{
case "Setup": url="radio-nationen.php"; break;
case "Vis": window.external.MediaCenter.NavigateToPage("{5b721b57-872d-4ad2-8262-4d6bb2c09c6a}", "Plenoptic:Random"); break;

case oCurFocus.id: url=oCurFocus.url; break;

}

if (url != "") window.navigate(url)
}
function updateName(user)
{
userName.innerText = user

}
function dopress1()
{
    var rgButtons = new Array(3);
    rgButtons[0] = 4; // Yes button
    rgButtons[1] = 8; // No button
    switch(oCurFocus.id)
    {
case oCurFocus.id: window.external.MediaCenter.DialogEx(document.all("favDialog1").innerHTML, "MCE More Radio V3", rgButtons, 15, true, "http://www.mce-community.de/moreradio/images/moreradio.png", Favoriteclick);
    }
}
function Favoriteclick(value)
{
switch(value)
    {
    case 2: // Yes button
     var Favurl1 = GetCookie('Favurl1')
     var Favurl2 = GetCookie('Favurl2')
     var Favurl3 = GetCookie('Favurl3')
     var Favurl4 = GetCookie('Favurl4')
     var Favurl5 = GetCookie('Favurl5')

if(Favurl1 == null)
{
     setCookie("Favurl1", "http://www.mce-community.de/moreradio/" + oCurFocus.url);
     setCookie("Favtitle1", oCurFocus.title);
     window.external.MediaCenter.Dialog(document.all("favDialog2").innerHTML, "MCE More Radio V3", 1, 5, true);
}
else
{
     if(Favurl2 == null)
     {
setCookie("Favurl2", "http://www.mce-community.de/moreradio/" + oCurFocus.url);
setCookie("Favtitle2", oCurFocus.title);
window.external.MediaCenter.Dialog(document.all("favDialog2").innerHTML, "MCE More Radio V3", 1, 5, true);
     }
     else
     {
if(Favurl3 == null)
{
     setCookie("Favurl3", "http://www.mce-community.de/moreradio/" + oCurFocus.url);
     setCookie("Favtitle3", oCurFocus.title);
     window.external.MediaCenter.Dialog(document.all("favDialog2").innerHTML, "MCE More Radio V3", 1, 5, true);
}
else
{
     if(Favurl4 == null)
     {
setCookie("Favurl4", "http://www.mce-community.de/moreradio/" + oCurFocus.url);
setCookie("Favtitle4", oCurFocus.title);
window.external.MediaCenter.Dialog(document.all("favDialog2").innerHTML, "MCE More Radio V3", 1, 5, true);
     }
     else
     {
if(Favurl5 == null)
{
     setCookie("Favurl5", "http://www.mce-community.de/moreradio/" + oCurFocus.url);
     setCookie("Favtitle5", oCurFocus.title);
     window.external.MediaCenter.Dialog(document.all("favDialog2").innerHTML, "MCE More Radio V3", 1, 5, true);
}
else
{
     window.external.MediaCenter.Dialog(document.all("favDialog4").innerHTML, "MCE More Radio V3", 1, 5, true);
}

     }

}

     }

}


break;
case 3: // No button
break;
case 5:
break;
    }
}
function dopress100()
{
window.external.MediaCenter.Dialog(document.all("InfoDialog2b").innerText + "\n" + document.all("InfoDialog3").innerText + "\n" + document.all("InfoDialog4").innerText, document.all("InfoDialog1").innerHTML, 1, 5, true);

}
function dopress2()
{
    var rgButtons = new Array(4);
    rgButtons[0] = 4; // Yes button
    rgButtons[1] = 8; // No button
    switch(oCurFocus.id)
    {
case oCurFocus.id: window.external.MediaCenter.DialogEx(document.all("FavDialog5").innerText, "MCE More Radio V3", rgButtons, 15, true, "http://www.mce-community.de/moreradio/images/moreradio.png", reportclick);
    }
}

function reportclick(value)
{
    switch(value)
    {
case 2: // Yes button
reportclicktrue();
break;
case 3: // No button
break;
case 5:
break;
    }
}

function dopress3()
{
    var rgButtons = new Array(5);
    rgButtons[0] = 4; // Yes button
    rgButtons[1] = 8; // No button
    switch(oCurFocus.id)
    {
case oCurFocus.id: window.external.MediaCenter.DialogEx(document.all("FavDialog6").innerText, "MCE More Radio V3", rgButtons, 15, true, "http://www.mce-community.de/moreradio/images/moreradio.png", startclick);
    }
}

function startclick(value)
{
    switch(value)
    {
case 2: // Yes button
startclicktrue();
break;
case 3: // No button
break;
case 5:
break;
    }
}

</script>
</head>

<body scroll="no" id="body" onload="pageLoadFunctions()" onkeydown="onRemoteEvent(window.event.keyCode)" MCFocusStart="Setup">
<bgsound id="sound">
<xml id="languageStrings"></xml>
<script language="JScript">languageStrings.src = GetCookie('languagesetting');</script>
<span id="v3" class="v3text">V3</span>
<span id="title" class="headtext">mce more radio</span><span class="title1" datasrc="#languageStrings" datafld="pageTitleitaly"></span><span class="mclogo" style="WIDTH: 137px; POSITION: absolute; HEIGHT: 28px"><IMG src="images/mcelogo.gif"></span>
<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>
<div class="moreinfoicon" id="Ebene98"></div>

<p>
<span id="itemCounterSpan" class="counter">
<span id="counterNum">1</span><span datasrc="#languageStrings" datafld="CountText"></span><span id="counterTotal"></span>
<span id="arrowUp" class="arrowUp" onclick = "pageUpDown('up')"></span>
<span id="arrowDown" class="arrowDown" onclick = "pageUpDown('down')"></span>
</span>
<P></P>

<div id="scrollspan" class="scrolling" style="position: absolute; width: 601px; height: 453px; z-index: 2; left: 330px; top: 155px" id="Ebene2" scrollable="true">
    <div align="center">
<table border="0" cellspacing="3" cellpadding="8">
     <tr>
     <td ID="1" title="Radio Capital" url="radios/italy/capital.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/capital.png"></td>
     <td ID="2" title="Radio KissKiss" url="radios/italy/kisskiss.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/kisskiss.png"></td>
     <td ID="3" title="M2O Radio" url="radios/italy/m2o.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/m2o.png"></td>
     <td ID="4" title="Play Radio" url="radios/italy/playradio.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/playradio.png"></td>
     </tr>
     <tr>
     <td ID="5" title="R101 Radio" url="radios/italy/r101.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/r101.png"></td>
     <td ID="6" title="Radio 105" url="radios/italy/radio105.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/radio105.png"></td>
     <td ID="7" title="Radio Cuore" url="radios/italy/radiocuore.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/radiocuore.png"></td>
     <td ID="8" title="Radio DeeJay" url="radios/italy/radiodeejay.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/radiodeejay.png"></td>
     </tr>
     <tr>
     <td ID="9" title="Radio Italia" url="radios/italy/radioitalia.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/radioitalia.png"></td>
     <td ID="10" title="RDS Radio Dimensione Suono" url="radios/italy/rds.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/rds.png"></td>
     <td ID="11" title="RIN Digital radio" url="radios/italy/rindigital.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/rindigital.png"></td>
     <td ID="12" title="RTL Radio 102.5" url="radios/italy/rtl1025.php" width="148" height="148" onfocus="updateName(this.title)" class="picture2" MCFocusable="true"><IMG src="radios/italy/rtl1025.png"></td>

     </tr>
</table>
    </div>
</div>

<script type="text/javascript">resolution()</script>

<span id="scrollspan2" class="scrolling" scrollable="true" style="position: absolute; left: 30px; top: 160px; height: 398px; width: 268px">
<div style="WIDTH: 259px; HEIGHT: 51px">
    <table id="Table1" datasrc="#languageStrings" border="0" cellpadding="0" cellspacing="0" Class="RightListButtonTable_nofocus" width="267">
<tr>
    <td ID="Setup" class="button2" MCFocusable="true" width="257"><span datafld="buttonBack"></span></td></tr>
    <td ID="Vis" class="button2" MCFocusable="true" width="257"><span datafld="buttonVis"></span></td></tr>

</table>

</DIV></span>
<div id="Ebene1" class="text" style="position: absolute; left: 330px; top: 620px; height: 55px; width:588px">
<td class="DescriptionText" width="1000"><font class="textsmall" id="userName"><p align="center"></p></font></td></div>

<span id=favDialog1 datasrc="#languageStrings" datafld=favdialog1 style="display:none;"></span>
<span id=favDialog2 datasrc="#languageStrings" datafld=favdialog2 style="display:none;"></span>
<span id=favDialog4 datasrc="#languageStrings" datafld=favdialog4 style="display:none;"></span>
<span id=favDialog3 datasrc="#languageStrings" datafld=favdialog3 style="display:none;"></span>
<span id=infoDialog1 datasrc="#languageStrings" datafld=infoDialog1 style="display:none;"></span>
<span id=infoDialog2 datasrc="#languageStrings" datafld=infoDialog2 style="display:none;"></span>
<span id=infoDialog2b datasrc="#languageStrings" datafld=infoDialog2b style="display:none;"></span>
<span id=infoDialog3 datasrc="#languageStrings" datafld=infoDialog3 style="display:none;"></span>
<span id=infoDialog4 datasrc="#languageStrings" datafld=infoDialog4 style="display:none;"></span>
<span id=favDialog5 datasrc="#languageStrings" datafld=favdialog5 style="display:none;"></span>
<span id=favDialog6 datasrc="#languageStrings" datafld=favdialog6 style="display:none;"></span>
<span id=favDialog7 datasrc="#languageStrings" datafld=favdialog7 style="display:none;"></span>
</body>

</html

Ich weiß der Code muss noch optimiert werden...kommt auch noch

ehemaliges Mitglied

07.01.2006, 21:56

jepp geht auch aber usa hats abgeschnitten
hing vorher an einem anderen thread dran

dieser
http://www.mce-community.de/forum/index.ph...st=0#entry59790

denn ich wollte nicht zuweit vom html template weg gehen damit die jungs es auch verstehen

Peacemaker

07.01.2006, 22:10

Nun gut @Kay ein Verweis zur MCE-SDK tut das gleiche

Weil da wird alles erläutert was HTML Plugins zur verfügung steht, eines muss gesagt sein, wer nicht mindestens einer Programmiersprache mächtig ist sollte lieber erstmal eine lernen.

Ohne geht es nicht!!

Wenn jemand Hilfe braucht in sachen VB stehe ich gerne bereit, vielleicht mache ich ja mal nen kleines HowTo für eine ActiveX VB Dll.

cya Peacemaker

tzutzu

09.03.2008, 20:35

Hallo Kay

Habe das mit deine Beispiel probiert und möchte jetzt gerne etwas ausführen wenn auf den Knopf drücke.
Habe ein Gerät das ich per HTTP GET Request ansprechen kann.
Lokal geht das mit WGET im system verzeichnis so (wget --delete-after http://admin:password@192.168.0.8/SWITCH.CGI?s4=1) per Commandline.
Weiss nun einfach nicht wie und wo ich da ansetzen muss.
Kriegs einfach nicht hin.

Danke

Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.