Hallo Gemeide,
nach dem ich mit mein Dashboard Projekt erstmal zufrieden bin beschäftige ich nun mit dem WebFront.
Erste eigene Seiten z.B. Webcam anzeigen habe ich bereits hinbekommen .
Ein großes Lob an dieser Stelle auch an Horst für seine hervoragende Arbeit.
Im Dashboard habe ich eine TV-Bedienung (mit IrTrans) realisiert.
Da ich nicht so der HTML-Profi bin hoffe ich Ihr könnt mir einen Tip geben wie
ich die TV-Steurung im WebFront nachbauen könnte.
Jürgen
Hallo,
in http://www.ip-symcon.de/forum/f56/webfront-genereller-diskussionsthread-4847/index16.html#post54070 findest Du, wie Du Links zum Schalten erstellst und das auswerten lässt. Musst natürlich anpassen. Der HTML-Code zur Darstellung sollte dann so oder so ähnlich aussehen:
<div>
<a href="?action=setChannel&channelName=ARD"><img src="ard.png"></a><a href="?action=setChannel&channelName=ZDF"><img src="zdf.png"></a>...<br/>
...<br/>
...<br/>
</div>
<div style="float: right;"><a href="?action=switchPower"><img src="power.png"></a><a href="?action=channelUp"><img src="channelUp.png"></a>...<br/>
</div>
Mehr zu HTML siehe SELFHTML 8.1.2 (HTML-Dateien selbst erstellen). Wenn das Keypad per Popup dargestellt werden soll musst Du wohl etwas einfaches JavaScript lernen und dann in etwa keypad.style.display=„none“ bzw „block“ beim aktivieren/deaktivieren setzen für einen per CSS fixed-positionierten Layer. Oder Du löst das ganze analog zu den Aktionen rechts mit float=„left“ ;).
Hallo Horst ,
Vielen Dank für die Code-Zeilen …damit komme ich weiter 
jedoch habe ich ein einfaches Problem , die Icons liegen bei mir im Ordner
C:\IP-Symcon\media .
Meine „Seite“ befindet sich hier --> C:\IP-Symcon\webfront\user v.php.
folgendes habe ich geändert:
<img src="http://www.ip-symcon.de/forum/media/ZDF.jpg">
jedoch werden die Icons im WebFront nicht angezeigt 
Öffne ich die Seite direkt mit dem Browser sind die Icons da !!
Was mache ich falsch ??
Jürgen
i
Hallo Jürgen,
im Ordner „webfront“ gibt es keinen Unterordner „media“. Du muss also noch eine Ebene weiter „hinaufklettern“:
<img src="../../../media/ZDF.jpg">
Gruß
HJH
Hallo HJH,
danke für den Tip…leider ist das Ergebnis das Gleiche:cool:
Im Editor-Browser funktioniert es ja …ich habe noch 2 Screenshots angehängt.
Ich stehe auf dem Schlauch.
Jürgen
<edit> überlesen
Oehm, komm ich aus dem webfront überhaupt ins media verzeichniss? bei mir geht es jedenfalls nicht…
Hab dafür ne neue web instance angelegt und darueber greife ich darauf zu…
Man sollte eigentlich aus keiner Webserver-Instanz tiefer als in das jeweils eingerichtete Verzeichnis kommen, da man sonst Zugriff auf die komplette Festplatte hätte und man bei einem ins Web freigegebenen Port alle Passwortdateien usw sich runterladen könnte ;).
Ausnahme bilden in IP-Symcon registrierte Media-Dateien. Für die solltest Du die Bilder danz korrekt über <img src="…/data/img.php?imageid=12345" /> einbinden können. ID musst natürlich immer selber raussuchen. Alternativ kannst Du die Icons im WebFront-Verzeichnis unter /user/tv oder ähnliches kopieren, dann kannst Du <img src=„tv/ZDF.png“ /> benutzen.
Hi Jürgen
Schon weiter gekommen?
Ich versuche auch gerade eine Seite für IrTrans zu erstellen, aber meine Kenntnisse in Php sind leider NOCH nicht perfekt genug.
MFG Franz
Abend
Habe rumprobiert aber komme nicht weiter.
Ich versuche im folgenden Skript Platzhalter, wenn das so heißt unterzubringen. Um meine Bilder zu positionieren zu können. Sprich sie von links rechts oder hoch runter zu bewegen.
Die Punkte im Skript sind meine Platzhalter:D
<!--
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<style type="text/css">@import "webintern.css";</style>
<style type="text/css">
html, body { margin: 0; padding: 0; }
</style>
</div>
<?php
if(isset($_GET['action']) && $_GET['action'] == "S1" && isset($_GET['id']))
{
SetValue((int)$_GET['id'], !GetValue(24081));
}
?>
</div>
</div>
<?php
if(isset($_GET['action']) && $_GET['action'] == "S1" && isset($_GET['id']))
{
SetValue((int)$_GET['id'], !GetValue(15975));
}
?>
</div>
<div style="float: right;"><a href="?action=S1&id=15975"><img src="\img\icons\png\schalterein.png">....................................<a href="?action=S1&id=15975"><img src="\img\icons\png\schalter-aus.png">
</div>
</div>
<a href="?action=S1&id=24081"><img src="\img\icons\png\Pro.7.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\SuperRTL.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\Tele5.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\VOX.png">
<div style="float: left;">
<a href="?action=S1&id=15975"><img src="\img\icons\png\ZDF.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\RTL2.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\RTL.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\sat1.png">
<div style="float: left;">
<a href="?action=S1&id=15975"><img src="\img\icons\png\kabel-1.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\ard.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png
24.png">
<a href="?action=S1&id=15975"><img src="\img\icons\png\3sat.png">
</div>
</div>
Ich hoffe Ihr könnt mir helfen.
Danke MFG Franz
Ach ja bitte nicht lachen über meine Skript(:-
Vielleicht solltest Du Dich erstmal bei SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) einlesen um die Grundlagen von HTML kennen zu lernen. Jedes Tag hat z.B. einen Anfang <div> / <a> und ein Ende </div> / </a>, Ausnahmen sind nicht umschließende Tags wie <img /> oder <br />, die am Ende mit dem / abgeschlossen werden. Dann ist der grundlegende Aufbau einer HTML-Seite <html><head>…</head><body>…</body></html> zu beachten. Wenn Du das beachtest wird Dir auffallen, dass dein Code da an jeder Ecke Fehler hat, die eigentlich recht leicht zu korrigieren wären.