DOC: smallscreen support

git-svn-id: https://svn.fhem.de/fhem/trunk/fhem@3834 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2013-09-02 10:52:23 +00:00
parent 50e52b98d7
commit 0eff459e9f
13 changed files with 113 additions and 37 deletions

View File

@ -4,7 +4,10 @@
<head> <head>
<title>FHEM Howto</title> <title>FHEM Howto</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -1,7 +1,10 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head> <html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Mit FHEM beginnen</title> <title>Mit FHEM beginnen</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
</head> </head>
@ -82,9 +85,9 @@
<h3>Anschlie&szlig;en des USB-Ger&auml;tes an den PC/die FRITZ!Box (CUL/FHZ1x00PC etc.)</h3> <h3>Anschlie&szlig;en des USB-Ger&auml;tes an den PC/die FRITZ!Box (CUL/FHZ1x00PC etc.)</h3>
<ul> <ul>
<p>Verbinden Sie sich mit FHEM indem Sie im Internet-Browser bei Verwendung eines normalen Desktop-Rechners <p>Verbinden Sie sich mit FHEM indem Sie im Internet-Browser bei Verwendung eines normalen Desktop-Rechners
<a href="http://fhem-host:8083/fhem" style="color: blue; text-decoration: underline; text-underline: single"> <a href="http://fhem-host:8083/fhem">
http://fhem-host:8083/fhem</a> oder bei Verwendung eines Smartphones <a href="http://fhem-host:8084/fhem" style="color: blue; text-decoration: underline; text-underline: single"> http://fhem-host:8083/fhem</a> oder bei Verwendung eines Smartphones <a href="http://fhem-host:8084/fhem">
http://fhem-host:8084/fhem</a> oder bei Verwendung eines Tablets wie dem iPad <a href="http://fhem-host:8085/fhem" style="color: blue; text-decoration: underline; text-underline: single"> http://fhem-host:8084/fhem</a> oder bei Verwendung eines Tablets wie dem iPad <a href="http://fhem-host:8085/fhem">
http://fhem-host:8085/fhem</a> eingeben.</p> http://fhem-host:8085/fhem</a> eingeben.</p>
<p><br> <p><br>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>FHEM on Windows</title> <title>FHEM on Windows</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>USB compendium</title> <title>USB compendium</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -3,8 +3,11 @@
<html> <html>
<head> <head>
<title>fhem reference</title> <title>FHEM reference</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
<link rel="shortcut icon" href="/fhem/icons/favicon.ico"/> <link rel="shortcut icon" href="/fhem/icons/favicon.ico"/>
</head> </head>
@ -1345,7 +1348,9 @@ A line ending with \ will be concatenated with the next one, so long lines
<li>To make date and time handling easier, the variables $sec, $min, $hour, <li>To make date and time handling easier, the variables $sec, $min, $hour,
$mday, $month, $year, $wday, $yday, $isdst are available in the perl $mday, $month, $year, $wday, $yday, $isdst are available in the perl
oneliners (see also perldoc -f localtime). Exceptions: $month is in the oneliners (see also perldoc -f localtime). Exceptions: $month is in the
range of 1 to 12, and $year is corrected by 1900 (as I would expect).<br> range of 1 to 12, and $year is corrected by 1900 (as I would expect).
Additionally the variable $hms contains the time in the HH:MM:SS format.
<br>
Additionally the variabe $we is 1 if it is weekend (i.e $wday == 0 or Additionally the variabe $we is 1 if it is weekend (i.e $wday == 0 or
$wday == 6), and 0 otherwise. If the <a href="#holiday2we">holida2we</a> $wday == 6), and 0 otherwise. If the <a href="#holiday2we">holida2we</a>
global attribute is set, $we is 1 for holidays too.<br> global attribute is set, $we is 1 for holidays too.<br>

View File

@ -3,8 +3,11 @@
<html> <html>
<head> <head>
<title>FHEM reference</title> <title>FHEM Referenz</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="/fhem/icons/favicon.ico"/> <link rel="shortcut icon" href="/fhem/icons/favicon.ico"/>
@ -1397,15 +1400,17 @@ bitte die Funktion fhem(),
define n1 notify piri:on { fhem "set light on" } define n1 notify piri:on { fhem "set light on" }
<p>&nbsp;</p> <p>&nbsp;</p>
</ul> </ul>
Bemerkung: Wenn diese Funktion einen wert zur&uuml;ck liefert, wird dieser in der Bemerkung: Wenn diese Funktion einen wert zur&uuml;ck liefert, wird dieser
allgemeinen Logdatei gespeichert.. Benutzen sie &quot;1&quot; als zweites Argument um in der allgemeinen Logdatei gespeichert.. Benutzen sie &quot;1&quot; als
dieses speichern zu verhindern. Sinnvoll ist dieses Argument bei der Abfrage von zweites Argument um dieses speichern zu verhindern. Sinnvoll ist dieses
Werten mittels "get...". Argument bei der Abfrage von Werten mittels "get...".
<br> <br>
<br> <br>
</li>
</li><li>Notify kann auch dazu verwendet werden, um Macros manuell auszuf&uuml;hren. <li>Notify kann auch dazu verwendet werden, um Macros manuell
Verwenden Sie den <a href="#trigger">trigger</a>-Befehl um das Makro zu starten:<br> auszuf&uuml;hren. Verwenden Sie den <a href="#trigger">trigger</a>-Befehl
um das Makro zu starten:<br>
<ul> <ul>
define MyMacro notify MyMacro { Log 1, "Hello"}<br> define MyMacro notify MyMacro { Log 1, "Hello"}<br>
trigger MyMacro<br> trigger MyMacro<br>
@ -1413,18 +1418,22 @@ Verwenden Sie den <a href="#trigger">trigger</a>-Befehl um das Makro zu starten:
trigger MyMacro MyArg<br> trigger MyMacro MyArg<br>
</ul> </ul>
<br> <br>
</li>
<li>Um die Verwendung von Datum und Zeitangaben zu vereinfachen, wurden die
Variablen $sec, $min, $hour, $mday, $month, $year, $wday, $yday, $isdst
f&uuml;r die Verwendung in PERL-&quot;oneliners&quot; eingef&uuml;hrt (s.
unter perldoc -f localtime). Ausnahmen: $month hat einen Wertebereich von 1
to 12 und $year ist korrigiert von 1900.
Weiterhin enth&auml;t $hms die Zeit in dem HH:MM:SS Format.
<br>
Die Variabe $we hat den Wert 1 wenn der abgefragte Tag auf ein Wochenende
f&auml;llt (Z.B. $wday == 0 [Sonntag] oder $wday == 6 [Samstag]), und 0
f&uuml;r die anderen Wochentage. Wenn man das global <a
href="#holiday2we">holida2we</a> Attribut setzt, dann ist $we ebenfalls 1
bei Urlaubstagen.<br>
</li><li>Um die Verwendung von Datum und Zeitangaben zu vereinfachen, wurden
die Variablen $sec, $min, $hour,
$mday, $month, $year, $wday, $yday, $isdst f&uuml;r die Verwendung in PERL-&quot;oneliners&quot;
eingef&uuml;hrt (s. unter perldoc -f localtime). Ausnahmen: $month hat einen
Wertebereich von 1 to 12 und $year ist korrigiert von 1900.<br>
Die weitere Variabe $we hat den Wert 1 wenn der abgefragte Tag auf ein
Wochenende f&auml;llt (Z.B. $wday == 0 [Sonntag] oder
$wday == 6 [Samstag]), und 0 f&uuml;r die anderen Wochentage. Wenn man das
allgemeine <a href="#holiday2we">holida2we</a> Attribut setzt, dann ist $we
ebenfalls 1 bei Urlaubstagen.<br>
<ul> <ul>
define n2 notify piri:on { if($hour &gt; 18 || $hour &lt; 5) { define n2 notify piri:on { if($hour &gt; 18 || $hour &lt; 5) {
fhem "set light on" } }<br> fhem "set light on" } }<br>
@ -1439,10 +1448,10 @@ ebenfalls 1 bei Urlaubstagen.<br>
wie jede mit 99 beginnende Datei automatisch geladen): wie jede mit 99 beginnende Datei automatisch geladen):
<ul> <ul>
<li>min(a,b), max(a,b)</li> <li>min(a,b), max(a,b)</li>
<li>time_str2num("YYYY-MM-DD HH:MM:SS") gibt einen numerischen Wert zur&uuml;ck, <li>time_str2num("YYYY-MM-DD HH:MM:SS") gibt einen numerischen Wert
der die Berechnung von Zeitdifferenzen vereinfacht</li> zur&uuml;ck, der die Berechnung von Zeitdifferenzen vereinfacht</li>
<li>abstime2rel("HH:MM:SS") wandelt absolute in relative Zeitangaben um <li>abstime2rel("HH:MM:SS") wandelt absolute in relative Zeitangaben um
</li> </li>
</ul> </ul>
</li> </li>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>FHEM FAQ</title> <title>FHEM FAQ</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -4,7 +4,11 @@
<head> <head>
<title>Home of FHEM</title> <title>Home of FHEM</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
</head> </head>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>FHEMs Einstiegsseite</title> <title>FHEMs Einstiegsseite</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
</head> </head>

31
docs/fhemdoc.js Normal file
View File

@ -0,0 +1,31 @@
function
room_table2select() {
var ra = document.getElementsByClassName("room");
if(!ra || !ra.length)
return;
ra = ra[0];
ra.style.visibility='hidden';
var aarr = ra.getElementsByTagName("a");
var sel = document.createElement("select");
sel.setAttribute("onChange",
"location.href=this.options[this.selectedIndex].value");
for(var i=0; i<aarr.length; i++) {
var o = document.createElement("option");
o.setAttribute("value", aarr[i].getAttribute("href"));
o.innerHTML = aarr[i].innerHTML;
sel.appendChild(o);
}
ra.parentElement.insertBefore(sel, ra);
}
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
var ua = navigator.userAgent;
if(ua.match("Mobile")) {
window.onload = room_table2select;
link.href="../www/pgm2/smallscreenstyle.css";
} else {
link.href="../www/pgm2/style.css";
}
document.getElementsByTagName("head")[0].appendChild(link);

View File

@ -4,7 +4,10 @@
<head> <head>
<title>fhem on the Fritz!Box</title> <title>fhem on the Fritz!Box</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>fhem.pl - Hints for GNU/Linux</title> <title>fhem.pl - Hints for GNU/Linux</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/> <meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1"/>
</head> </head>

View File

@ -4,7 +4,10 @@
<head> <head>
<title>fhem.pl - Hinweise zu GNU/Linux</title> <title>fhem.pl - Hinweise zu GNU/Linux</title>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" /> <script type="text/javascript" src="fhemdoc.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="../www/pgm2/style.css" />
</noscript>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
</head> </head>