<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FRITZ!Box</title>
<meta http-equiv=content-type content="text/html; charset=iso-8859-1">
<meta http-equiv="expires" content="0">
<style type="text/css">
<!--
body {
background-color: white;
margin: 0px 0px;
}
p, table, form, div, textarea, label {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
padding: 0px 0px;
border: 0px 0px;
margin: 0px 0px;
color: black;
}
table {border-collapse: collapse;}
tr {text-align: left;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:link { color: black }
a:visited { color: black }
.errorMessage {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #CC0000;
text-align: center;
margin: 5px;
padding: 2px;
background-color: white;
}
.Dialogtitel { color: black; font-weight: bold; background-color:#D6EBFF }
.Dialoglabel { color: black; background-color:#E9F1FE }
.Dialoglabelfett { font-weight: bold; color: black; background-color:#E9F1FE }
.DialogFehler { font-weight: bold; color: #CC0000; background-color:#E9F1FE }
.Dialogtext { color: black; background-color:#E9F1FE }
.Dialoglist { color: black; background-color:#FBFDFF }
.Minititel { font-size: 9pt; color: black; background-color:#E9F1FE }
.Minilabel { font-size: 9pt; color: black; background-color:#E9F1FE }
.Minitext { font-size: 9pt; color: black; background-color:#FBFDFF }
.Eingabefeld { }
.Pushbutton { color: black; width: 100px }
.Pushbuttonfett { font-weight:bold; color:black; width:100px }
.TopMenuitem font-weight: bold; color: black; background-color:#E9F1FE}
.Menuitem { color: black; background-color:#E9F1FE}
.Schatten { background-color: #8BAEC9; }
.Hell { background-color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { font-size: 10pt; font-weight: bold; }
/* Stile für den Rahmen */
#Kopfmenu {
height: 100px;
width: 195px;
background-image: url("../html/de/images/kopf1.gif");
border: 0px;
background-position: top;
background-repeat: no-repeat;
padding: 0px;
}
#Kopfdata {
height: 100px;
width: 600px;
background-image: url("../html/de/images/kopf2.gif");
border: 0px;
background-position: top;
background-repeat: no-repeat;
padding: 0px;
}
#Fussmenu {
height: 50px;
width: 195px;
background-image: url("../html/de/images/fuss1.gif");
border: 0px;
background-position: top;
background-repeat: no-repeat;
padding: 0px;
}
#Fussdata {
height: 50px;
width: 600px;
background-image: url("../html/de/images/fuss2.gif");
border: 0px;
background-position: top;
background-repeat: no-repeat;
padding: 0px;
}
.Schattenrechts {
width: 13px;
background-image: url("../html/de/images/schattenrechts.gif");
border: 0px;
background-position: top;
background-repeat: y-repeat;
padding: 0px;
}
#Menuspalte {
width: 195px;
background-image: url("../html/de/images/menuback.gif");
background-repeat: y-repeat;
vertical-align: top;
text-align: center;
padding: 0px;
}
#Dataspalte {
width: 600px;
height: 400px;
padding-bottom: 15px;
background-image: url("../html/de/images/dialogback.gif");
background-repeat: y-repeat;
vertical-align: top;
text-align: center;
padding: 0px;
}
.tMinihell {
height: 12px;
font-size: 9pt;
background-color:#FBFDFF;
}
.tMinidunkel {
height: 12px;
font-size: 9pt;
}
/* Menü per List */
ul.LMenu {
width: 195px;
padding: 0px;
margin: 0px;
text-align: left;
list-style-type: none;
}
ul.LMenu li.LMenuitem {
height: 24px;
background-image: url("../html/de/images/menuitem.gif");
font-size: 9pt;
font-weight:bold;
}
ul.LMenu li.LMenuitem img{
position: relative;
top: 5px;
left: 35px;
}
ul.LMenu li.LMenuitem a {
position: relative;
top: 5px;
left: 35px;
font-family: Arial, Helvetica, sans-serif;
}
ul.LMenu li.LMenuitemaktiv {
height: 24px;
background-image: url("../html/de/images/menuitemaktiv.gif");
font-size: 9pt;
font-weight:bold;
}
ul.LMenu li.LMenuitemaktiv img{
position: relative;
top: 5px;
left: 35px;
}
ul.LMenu li.LMenuitemaktiv a {
position: relative;
top: 5px;
left: 35px;
font-family: Arial, Helvetica, sans-serif;
}
ul.LMenu li.LSubitem {
height:24px;
background-image: url("../html/de/images/submenuitem.gif");
background-repeat: no-repeat;
background-position: top;
font-size: 9pt;
font-weight:normal;
text-align: left;
}
ul.LMenu li.LSubitem img{
position: relative;
top: 5px;
left: 50px;
}
ul.LMenu li.LSubitem a {
position: relative;
top: 5px;
left: 50px;
font-family: Arial, Helvetica, sans-serif;
}
ul.LMenu li.LSubitemaktiv {
height:24px;
background-image: url("../html/de/images/menuitemaktiv.gif");
background-repeat: no-repeat;
background-position: top;
font-size: 9pt;
font-weight:normal;
text-align: left;
}
ul.LMenu li.LSubitemaktiv img{
position: relative;
top: 5px;
left: 50px;
}
ul.LMenu li.LSubitemaktiv a {
position: relative;
top: 5px;
left: 50px;
font-family: Arial, Helvetica, sans-serif;
}
ul.LMenu li.LMenutop {display:none;}
ul.LMenu li.LMenubottom {display:none;}
ul.LMenu li.LMenutrenner {display:none;}
.LMenudis {
position: relative;
top: 5px;
left: 60px;
color: #999999
}
.pTitel, .pTitelo {
text-align: center;
font-weight: bold;
background-color: #B3D5FB;
padding: 5px 10px;
margin: 0px;
border: 1px solid #8AAFD9;
}
.pDialog, .pDialogo, .pDialogb, .pDialogob {
text-align: left;
color: black;
padding: 10px 10px;
background-color: #E9F1FE;
border: 1px solid #8AAFD9;
}
.pDialog, .pDialogo, .pTitelo {border-top: 0px;}
.pButtonbar {
text-align: right;
padding: 5px 10px;
background-color: #B3D5FB;
border: 1px solid #8AAFD9;
border-top: 0px;
}
/* Hilfeseiten */
.Hilfe {
margin: auto;
width: 540px;
}
.Hilfe a {color: black;}
.Hilfe p {
color: black;
padding-bottom: 5px;
}
.Hilfe h6, .Hilfe h5, .Hilfe h4, .Hilfe h3, .Hilfe h2, .Hilfe h1 {
color: black;
margin: 0px;
padding: 10px 0px 5px 0px;
}
.Hilfe td {
color: black;
padding: 5px 2px;
}
.Hilfe ol {
list-style-type: decimal;
margin: 0px 10px 0px 30px;
padding: 0px;
}
.Hilfe ul {
list-style-type: disc;
margin-left: 20px;
padding: 0px;
}
.Hilfe ul li {
color: black;
padding-bottom: 5px;
}
.Hilfe ol li {
color: black;
padding-bottom: 5px;
}
.b5 {padding-bottom: 5px;}
.b10 {padding-bottom: 10px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
-->
</style>
<style type="text/css">
<!--
#content {width: 540px; margin: auto;}
#tAnsch td {padding: 2px 4px; text-align: left;}
#tAnsch .Label {width: 95px; vertical-align: top;}
#tAnsch .Text {width: 150px; color: black; vertical-align: top;}
#tPpp td {padding: 2px 4px; text-align: left;}
#tPpp .Label {width: 190px; vertical-align: top;}
#tPpp .Text {width: 290px; color: black; vertical-align: top;}
#tSip td {padding: 2px 4px; text-align: left;}
#tSip .Label {width: 340px; vertical-align: top;}
#tSip .Text {width:160px; color: black; vertical-align: top;}
-->
</style>
<script type="text/javascript">
//-----------------------------------------------------------------------------
//---------------- ../js/jsl.js ---------------------------------------------
//-----------------------------------------------------------------------------
function doLoadPage(id,page)
{
var handle = document.getElementById(id);
if (handle!=null) handle.src=page;
}
//-----------------------------------------------------------------------------
function jslIsString(id)
{
if (document.getElementById(id).value.match("[a-zA-Z0-9_]+")!=null) return true;
return false;
}
//-----------------------------------------------------------------------------
function jslDoEliminateBlanks(text)
{
var newText = text;
while ( newText.indexOf( " ") != (-1)) {
newText = newText.replace(/ /,"");
}
return newText;
}
//-----------------------------------------------------------------------------
function jslGetValue (id) {
var h = document.getElementById(id);
if (h != null) return h.value;
return "";
}
//-----------------------------------------------------------------------------
// kopiert den Wert eines Html-Elements(id_from) in einem zweiten(id_to)
function jslCopyValue(id_to, id_from) {
var h1 = document.getElementById(id_to);
var h2 = document.getElementById(id_from);
if (h1 != null && h2 != null) h1.value=h2.value;
}
//-----------------------------------------------------------------------------
// setzt den Wert eines Html-Elements(id) durch direkte Angabe(wert)
function jslSetValue(id, wert) {
var h1 = document.getElementById(id);
if (h1 != null) h1.value=wert;
}
//-----------------------------------------------------------------------------
function jslGetChecked (id) {
var h = document.getElementById(id);
if (h != null) return h.checked;
return false;
}
//-----------------------------------------------------------------------------
function jslSetChecked (id, wert) {
var h1 = document.getElementById(id);
if (h1 != null) h1.checked = wert;
}
//-----------------------------------------------------------------------------
// Setzt den Wert (to) auf 0 oder 1 abhängig vom checked-Attribut (from)
function jslSetCheckValue (to, from) {
var h1 = document.getElementById(to);
var h2 = document.getElementById(from);
if (h1 == null || h2 == null) {
return;
}
if (h2.checked) {
h1.value = "1";
} else {
h1.value = "0";
}
}
//-----------------------------------------------------------------------------
// Setzt die Checkbox (to) abhängig vom Wert (from)
function jslGetCheckValue (to, from) {
var h1 = document.getElementById(to);
var h2 = document.getElementById(from);
if (h1 == null || h2 == null) {
return;
}
h1.checked = (h2.value != "0");
}
//-----------------------------------------------------------------------------
function jslDisable(id) {
var h1 = document.getElementById(id);
if (h1 != null) h1.disabled=true;
}
//-----------------------------------------------------------------------------
function jslEnable(id) {
var h1 = document.getElementById(id);
if (h1 != null) h1.disabled=false;
}
//-----------------------------------------------------------------------------
function jslSetEnabled (id, wert) {
var h1 = document.getElementById(id);
if (h1 != null) h1.disabled = !wert;
}
//-----------------------------------------------------------------------------
function jslDisplay(id, toDisplay) {
var h1 = document.getElementById(id);
if (h1 != null) {
if ( toDisplay) h1.style.display="";
else h1.style.display="none";
}
}
//-----------------------------------------------------------------------------
function jslFormSetPost(id) {
document.getElementById(id).method="POST";
}
//-----------------------------------------------------------------------------
function jslFormSetGet(id) {
document.getElementById(id).method="GET";
}
//-----------------------------------------------------------------------------
function jslFormSubmit(id) {
UpdateDateTime();
document.getElementById(id).submit();
}
//-----------------------------------------------------------------------------
function jslGoTo(Menu,Page) {
if ((Menu!=null) && (Menu!="")) document.getElementById("uiPostMenu").value=Menu;
if ((Page!=null) && (Page!="")) {
document.getElementById("uiPostPageName").value=Page;
document.getElementById("uiPostErrorPageName").value=Page;
}
jslFormSetGet("uiPostForm");
jslFormSubmit("uiPostForm");
}
//-----------------------------------------------------------------------------
// Menu: Menuname
// Page: Pagename
// Titel: Pagetitel
function jslGoToEx(Menu, Page, Titel) {
jslGoTo(Menu,Page);
}
//-----------------------------------------------------------------------------
function jslFormSubmitEx (Menu, Page, Errorpage) {
jslSubmitFormEx(Menu, Page, Errorpage);
}
//-----------------------------------------------------------------------------
function jslSubmitFormEx (Menu, Page, Errorpage) {
if ((Menu!=null) && (Menu!="")) jslSetValue("uiPostMenu", Menu);
if ((Page!=null) && (Page!="")) {
jslSetValue("uiPostPageName", Page);
jslSetValue("uiPostErrorPageName", Page);
}
if ((Errorpage!=null) && (Errorpage!="")) {
jslSetValue("uiPostErrorPageName", Errorpage);
}
jslFormSubmit("uiPostForm");
}
//-----------------------------------------------------------------------------
function UpdateDateTime() {
var date = new Date();
jslSetValue("uiPostDateTime", Math.floor(date.getTime()/1000) + "," + date.getTimezoneOffset());
}
//-----------------------------------------------------------------------------
function jslSetSpanText(id, text) {
var elem = document.getElementById(id);
if (elem != 0) elem.childNodes[0].nodeValue = text;
}
//-----------------------------------------------------------------------------
function SetSpanText(id, text) {
var elem = document.getElementById(id);
if (elem != 0) elem.childNodes[0].nodeValue = text;
}
function ConnectDisplay(n) {
return n=="5" ? g_txtConnect5:g_txtConnect3;
}
//-----------------------------------------------------------------------------
function uiDoCancel() {
jslGoTo("home", "home");
}
//-----------------------------------------------------------------------------
function uiDoHelp() {
jslGoTo("help", "hilfe_status");
}
//-----------------------------------------------------------------------------
function uiDoRefresh() {
jslGoTo("home", "home");
}
function uiDoOnLoad() {
}
function reload() { window.location.reload();} // --></script>
</head>
<body onload="uiDoOnLoad()">
<table style="margin: auto;">
<tr><td id="Kopfmenu"></td><td id="Kopfdata"></td><td class="Schattenrechts"></td></tr>
<tr>
<td id="Menuspalte">
<ul class="LMenu">
<li class="LMenutop">
<li class="LMenuitemaktiv">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=home&var:pagename=home"]Übersicht[/url]
<li class="LMenuitem">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=internet&var:pagename=internet&var:activtype=pppoe"]Internet[/url]
<li class="LMenuitem">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=fon&var:pagename=foncalls"]Telefonie[/url]
<li class="LMenuitem">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=wlan&var:pagename=common"]WLAN[/url]
<li class="LMenuitem">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=system&var:pagename=syslog"]System[/url]
<li class="LMenuitem">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=help&var:pagename=home"]Hilfe[/url]
<li class="LMenuitem" style="margin-top:24px">[img]../html/de/images/pfeil_mini.gif[/img] [url="../cgi-bin/webcm?getpage=../html/de/menus/menu2.html&var:lang=de&var:menu=first&var:pagename=direkt"]Einrichtungsassistent[/url]
<li class="LMenubottom">
[/list]
</td>
<td id="Dataspalte">
<div align=center>
<div id="content">
<div class="pTitel">Meine Fritz!Box Website</div>
<div class="pDialogo" style="text-align: left; padding: 5px 10px;">
<table id="table">
<tr>
<td class="Label">Hier ist ein Label</td>
<td class="Text">Und hier steht Text</td>
</tr>
<tr>
<td class="Label">Label2</td>
<td class="Text">Text</td>
</tr>
<tr>
<td class="Label">Label3</td>
<td class="Text">Text</td>
</tr>
<tr>
<td class="Label">Label3</td>
<td class="Text">Text</td>
</tr>
</table>
</div>
<div class="pDialog">
<form method="POST" action="../cgi-bin/hello?Rechner1" id="uiPostForm2">
<p class="mb10">[b]1. Button[/b]</p>
<p class="buttonlink"><input type="submit" value="CGI-Skript aufrufen" class="Pushbutton" style="width:240px"></p>
</form>
</div>
<div class="pDialog">
<form method="POST" action="../cgi-bin/hello?Rechner2" id="uiPostForm3">
<p class="mb10">[b]2. Button[/b]</p>
<p class="buttonlink"><input type="submit" value="CGI-Skript aufrufen" class="Pushbutton" style="width:240px"></p>
</form>
</div>
<div class="pButtonbar">
<input type="button" onclick="reload()" value="Aktualisieren" class=Pushbutton>
<input type="button" onclick="uiDoHelp()" value="Hilfe" class="Pushbutton" id="buttonHilfe">
</div>
</div>
</div>
</td>
<td class="Schattenrechts"></td>
</tr>
<tr><td id="Fussmenu"></td><td id="Fussdata"></td><td class="Schattenrechts"></td></tr>
</table>
<form method="POST" action="../cgi-bin/webcm" target="_self" id="uiPostForm">
<input type="hidden" name="getpage" value="../html/de/menus/menu2.html" id="uiPostGetPage">
<input type="hidden" name="errorpage" value="../html/de/menus/menu2.html" id="uiPostErrPage">
<input type="hidden" name="var:lang" value="de" id="uiPostLang">
<input type="hidden" name="var:pagename" value="home" id="uiPostPageName">
<input type="hidden" name="var:errorpagename" value="" id="uiPostErrorPageName">
<input type="hidden" name="var:menu" value="home" id="uiPostMenu">
<input type="hidden" name="var:pagetitle" value="" id="uiPostPageTitle" disabled>
<input type="hidden" name="var:pagemaster" value="" id="uiPostPageMaster">
<input type="hidden" name="time:settings/time" value="" id="uiPostDateTime">
</form>
</body>
</html>