iPhone Skin für Misterhouse - Tester gesucht

[uxtuner]

Hallo,

kann mir jemand beim Aufbau der Menüstruktur helfen?

Im Moment werden alle Zimmer in einem Fenster untereinander dargestellt, ich würde aber gerne eine Zwischenebene einziehen. Der Code sieht momentan so aus:

<div class="iLayer" id="wagEG" title="Erdgeschoss">
<!--#include code="&iphoneWebApp('EG_Wohnzimmer','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Buero','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Diele','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Kueche','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Schlafzimmer','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Windfang','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Technikraum','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Bad','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Dusche','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Polsterei','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_FieseFliese','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Bibliothek','iMenu')"-->
</div>

Gruss
Uwe

[steinradler]

Hallo,

als ich damals damit rumgespielt habe musste man in der "groups.pl"
die Konfiguration machen, hier ein Beispiel:

$gEG = new Group;
$gEG -> add($EG_Gang);
$gEG -> add($EG_Buero);
$gEG -> add($EG_EZ);
$gEG -> add($EG_Whz);


$gOG = new Group;
$gOG -> add($SZ);
#$gOG -> add($OG_Gang);

$gGA = new Group;
$gGA -> add($Garten);

$gEG -> set_icon('ha1');
$EG_Whz -> set_icon('ha22');
$EG_EZ -> set_icon('ha23');
$EG_Buero -> set_icon('ha14');

$gOG -> set_icon('ha2');
$gZ -> set_icon('ha67');

$EG_Gang -> set_icon('ha29');
$Messwerte -> set_icon('ha55');
$Raffstore -> set_icon('ha109');
$gHT -> set_icon('ha87');
$SZ -> set_icon('ha24');

$Main = new Group;
$Main -> add($Messwerte);
$Main -> add($Raffstore);
$Main -> add($gZ);
$Main -> add($Garten);
$Main -> add($gOG);
$Main -> add($gEG);
$Main -> add($gHT);


Schöne Grüße,

Michael

[uxtuner]

so bekomme ich die neuen Gruppen ins Hauptverzeichnis, ich hätte aber gerne folgende Struktur:
EG => Schlafzimmer =>
EG => Wohnzimmer =>
etc.

meine groups.pl sieht derzeit so aus:
$gEG = new Group;
$gKueche = new Group;
$gWohnzimmer = new Group;
$gPolsterei = new Group;
$gDusche = new Group;
$gBibliothek = new Group;
$gDiele = new Group;
$gBad = new Group;
$gFieseFliese = new Group;
$gBuero = new Group;
$gWindfang = new Group;
$gSchlafzimmer = new Group;

$gKueche -> add($EG_Kueche);
$gWohnzimmer -> add($EG_Wohnzimmer);
$gPolsterei -> add($EG_Polsterei);
$gDusche -> add($EG_Dusche);
$gBibliothek -> add($EG_Bibliothek);
$gDiele -> add($EG_Diele);
$gBad -> add($EG_Bad);
$gFieseFliese -> add($EG_FieseFliese);
$gBuero -> add($EG_Buero);
$gWindfang -> add($EG_Windfang);
$gSchlafzimmer -> add($EG_Schlafzimmer);

Gruss
Uwe

[steinradler]

Hallo,

ich glaube ich verstehe nicht was du machen willst.

Willst Du auf der Hauptseite 2 mal die Gruppe EG und jeweils ander Räume
darin darstellen?

Wenn du ein Objekt in 2 Gruppen darstellen willst dann sollte das so funktionieren:
EIB7, 3/4/0|3/4/1, Tuer, EG_Buero|Raffstore

Vielleicht kannst Du es ja noch einmal beschreiben.

LG,

Michael

[uxtuner]

eigentlich will ich nur noch eine Gruppe in der 2ten Ebene.

Momentan werden alle Infos unter dem Menüpunkt EG angezeigt. Ich will das aber feiner aufteilen, so dass uner EG ein Punkt Schalfzimmer auftaucht und erst in diesem Unterpunkt die Infos sind - ich denke man muß in der index.shtml was ändern

[steinradler]

Okay,

ich habe mir deine groups.pl oben noch mal angeschaut und glaube dass du
das mit den Gruppen nicht verstanden hast.
Du legst ja für jedes Zimmer eine Grupppe an, das muss natürlich nicht sein, ich würde auf alle Fälle das Main Menü verwenden und dann machst du halt das EG in 2 Gruppen wenn du willst hier ein Beispiel mit deinen Daten (Du musst dann noch in der labels.pl die richtigen Namen zuteilen):

Code für groups.pl:

$gEG = new Group;

$gEG -> add($EG_Kueche);
$gEG -> add($EG_Wohnzimmer);
$gEG -> add($EG_Polsterei);
$gEG -> add($EG_Dusche);
$gEG -> add($EG_Bibliothek);

$gEG2 = new Group;

$gEG2 -> add($EG_Diele);
$gEG2 -> add($EG_Bad);
$gEG2 -> add($EG_FieseFliese);
$gEG2 -> add($EG_Buero);
$gEG2 -> add($EG_Windfang);
$gEG2 -> add($EG_Schlafzimmer);


$Main = new Group;

$Main -> add($gEG);
$Main -> add($gEG2);

BeispielCode für labels.pl:

$gEG -> set_label('Erdgeschoss Sued');
$gEG2 -> set_label('Erdgeschoss Nord');



Die Datei index.shtml brauchst du natürlich nicht anzufassen, die hast du bisher ja auch nicht selbst erstellt, da dies beim Starten automatisch geschieht...

LG,

Michael

[uxtuner]

naja - so hätte ich die Infos auf 2 Einträge im Hauptmenü verteilt, was bei mir die Darstellung sehr unübersichtlich macht. Ich will wirklich unterhalb Erdgeschoss noch zusätzliche Menüpunkte.

Hier mal die aktuelle index.shtml:
<html>
<head>
<title>MrHouse</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<link rel="stylesheet" href="./WebApp/Design/Render.css" />
<script type="text/javascript" src="./WebApp/Action/Logic.js"></script>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=utf-8">
</head>

<body>

<script type="text/javascript">
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

function hideURLbar(){
window.scrollTo(0,1);

}

function ChangeState(request) {
WA.Request(request, null, null);
}
</script>

<link rel="apple-touch-icon" href="/graphics/mrhouse.png"/>
<div id="WebApp">

<div id="iHeader">
<a href="#" id="waBackButton">Back</a>
<a href="#" id="waHomeButton">Home</a>
<span id="waHeadTitle">Hauptmenü</span>
</div>

<div id="iGroup">
<div id="iLoader">Loading, please wait...</div>

<div class="iLayer" id="waHome" title="Home">
<div class="iMenu">
<ul class="iArrow">
<li><a href="#_gEG"><img src="/iphone/icons/eg1.png" width=29 height=29 />Erdgeschoss</a></li>
<li><a href="#_Beleuchtung"><img src="/graphics/light-on.gif" width=29 height=29 />Beleuchtung</a></li>
<li><a href="#_gTemperaturen"><img src="/iphone/icons/temperatur.png" width=29 height=29 />Temperaturen</a></li>
<li><a href="#_gUVR1611"><img src="/iphone/icons/heizungsventil.png" width=29 height=29 />UVR1611</a></li>
<li><a href="#_gWiregate"><img src="/iphone/icons/heizungsventil.png" width=29 height=29 />Wiregate</a></li>
<li><a href="#_gPV"><img src="/graphics/weather.gif" width=29 height=29 />Photovoltaik</a></li>
</ul>
</div>
<!--#include code="&iphoneWebApp('Status','iMenu')"-->

</div>

<div class="iLayer" id="wagEG" title="Erdgeschoss">
<!--#include code="&iphoneWebApp('EG_Wohnzimmer','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Buero','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Diele','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Kueche','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Schlafzimmer','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Windfang','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Technikraum','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Bad','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Dusche','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Polsterei','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_FieseFliese','iMenu')"-->
<!--#include code="&iphoneWebApp('EG_Bibliothek','iMenu')"-->
</div>

<div class="iLayer" id="waBeleuchtung" title="Beleuchtung">
<!--#include code="&iphoneWebApp('Beleuchtung','iMenu')"-->
</div>

<div class="iLayer" id="wagTemperaturen" title="Temperaturen">
<!--#include code="&iphoneWebApp('Temperatur','iMenu')"-->
</div>

<div class="iLayer" id="wagUVR1611" title="UVR1611">
<!--#include code="&iphoneWebApp('UVR1611','iMenu')"-->
</div>

<div class="iLayer" id="wagWiregate" title="Wiregate">
<!--#include code="&iphoneWebApp('Wiregate','iMenu')"-->
</div>

<div class="iLayer" id="wagPV" title="Photovoltaik">
<iframe src="http://192.168.178.99/pda.php" width="284" height="240">
</iframe>
</div>

<div class="iLayer" id="waTemp" title="Temperatur">
<div class="iBlock">
<h1>Strom</h1>
<p>
Verbrauch<br/>
<img src="/ia5/rrd/graphs/strom.gif" style="margin:4px"/>
</p><br/>
<h1>Temperatur</h1>
<p>
Kueche<br/>
<img src="/ia5/rrd/graphs/kueche.gif" style="margin:4px"/>
<br/>Bad<br/>
<img src="/ia5/rrd/graphs/bad.gif" style="margin:4px"/>
</p>

</div>
</div>
</div>

<div class="iFooter">
&copy;2008 RaK, all rights reserved.
</div>
</div>
</body>
</html>

[steinradler]

Hallo,

ich versteh dein Problem nicht dann füge einfach der Gruppe des EG die Gruppe hinzu die du als Untergruppe haben willst...



LG,

Michael

[uxtuner]

Hallo,

habs endlich, alles was ich tun mußte war die index.shtml anzupassen

<div class="iLayer" id="wagEG" title="Erdgeschoss">
<div class="iMenu">
<ul class="iArrow">
<li><a href="#_gKueche"><img src="/iphone/icons/eg1.png" width=29 height=29 />Kueche</a></li>
<li><a href="#_gWohnzimmer"><img src="/iphone/icons/eg1.png" width=29 height=29 />Wohnzimmer</a></li>
<li><a href="#_gPolsterei"><img src="/iphone/icons/eg1.png" width=29 height=29 />Polsterei</a></li>
<li><a href="#_gBibliothek"><img src="/iphone/icons/eg1.png" width=29 height=29 />Bibliothek</a></li>
<li><a href="#_gDiele"><img src="/iphone/icons/eg1.png" width=29 height=29 />Diele</a></li>
<li><a href="#_gBad"><img src="/iphone/icons/eg1.png" width=29 height=29 />Bad</a></li>
<li><a href="#_gBuero"><img src="/iphone/icons/eg1.png" width=29 height=29 />Buero</a></li>
<li><a href="#_gSchlafzimmer"><img src="/iphone/icons/eg1.png" width=29 height=29 />Schlafzimmer</a></li>
</ul>
</div>
</div>

[uxtuner]

was mir noch fehlt ist ein autorefresh des clients - gibts dafür eine Lösung?