Forums / Cotonti / General / how to include HTML file into .tpl

<style typ='text/css'>
#zeile1 { position:absolute; top:0px; left:0px; width:200px; height:30px; z-index:1; }
#zeile2 { position:absolute; top:20px; left:0px; width:200px; height:30px; z-index:1; }
#zeile3 { position:absolute; top:35px; left:0px; width:200px; height:30px; z-index:1; }
#sl { position:absolute; top:108px; left:129px; height:10px; z-index:1; }
#balken { position:absolute; top:60px; left:0px; width:180px; height:61px; z-index:1; }
#xachse { position:absolute; top:118px; left:5px; width:180px; height:2px; z-index:1; }
#yachse { position:absolute; top:63px; left:5px; width:2px; height:55px; z-index:1; }
#linkit { position:absolute; top:0px; left:0px; width:199px; height:119px; z-index:1; }
#legende1 { position:absolute; top:65px; left:80px; width:100px; height:60px; z-index:1; }
#legende2 { position:absolute; top:65px; left:100px; width:63px; height:60px; z-index:1; }
#legende3 { position:absolute; top:65px; left:168px; width:32px; height:60px; z-index:1; }
#datum { position:absolute; top:50px; left:0px; width:200px; height:20px; z-index:1; }
</style>
<script type="text/JavaScript">
visu_version="V1.1.1-03";
</script>
<script language="JavaScript">
var pfad="";
var today = new Date();
var m=new Array();
var mi=0;
var da=new Array();
var dx=0;
var SLBV=0;
</script>

<script type="text/JavaScript">
document.write("<script type='text/JavaScript' src='"+pfad+"base_vars.js?nocache'><\/script>");
</script>
<script type="text/JavaScript">
if ( SLBV==0 ) {
var AnzahlGrp=0;
for (i=0; i<AnzahlWR; i++) {
WRInfo[10] = 1;
WRInfo[11] = 0;
isTemp ? WRInfo[12] = 1 : WRInfo[12] = 0;
WRInfo[13] = 1000;
WRInfo[14] = null;
}
}
</script>
<script type="text/JavaScript">
document.write("<script type='text/JavaScript' src='"+pfad+"min_cur.js?nocache'><\/script>");
</script>
<script type="text/JavaScript">
document.write("<script type='text/JavaScript' src='"+pfad+"days.js?nocache'><\/script>");
</script>
<script type="text/JavaScript">
document.write("<script type='text/JavaScript' src='"+pfad+"min_day.js?nocache'><\/script>");
</script>
<script language="JavaScript">
document.write("<script language='JavaScript' src='lang_"+Lang+".js'><\/script>")
</script>
<script language="JavaScript">
function getWRToken( d, wrI ) {
var pnt1, pnt2;
pnt1 = 0;
pnt2 = d.indexOf("|");
while( wrI>0 ) {
pnt1 = pnt2+1;
pnt2 = d.indexOf("|",pnt1);
wrI--;
if( pnt2 <= 0 )
break;
}
if( wrI>0 )
return "";
if( pnt2<=0 )
return d.substr(pnt1);
return d.substr(pnt1,pnt2-pnt1);
}
function enumData( d, wrI ) {
var data=new Array()
var pnt1, pnt2, s=0
data[0] = getWRToken( d, 0 );
d = getWRToken( d, wrI );
pnt1=0;
while( true ) {
pnt2 = d.indexOf(";",pnt1)
if( pnt2 <= 0 ) {
data[1+s] = parseInt( d.substr(pnt1) );
break;
}
data[1+s] = parseInt( d.substr(pnt1, pnt2-pnt1) )
pnt1 = pnt2+1;
s++;
}
return data
}
function zeichneErtrag() {
var i, i2 , y, maxWRP=0, Pac, w;
document.write("<div id='balken'><img src='e.gif' width='0' height='60'>");
for( i=0; i<AnzahlWR; i++ ) {
if( typeof WRInfo[11]=="undefined" || WRInfo[11]==0 || (WRInfo[11]==2 && WRInfo[14]==0) || AnzahlWR==1 ) {
maxWRP += MaxWRP[0];
}
}

i=mi-1;
while(i>0) {
Pac = 0;
for( i2=0; i2<AnzahlWR; i2++ ) {
if( typeof WRInfo[i2][11]=="undefined" || WRInfo[i2][11]==0 || (WRInfo[i2][11]==2 && WRInfo[i2][14]==0) || AnzahlWR==1 ) {
data = enumData( m, i2+1 );
Pac += data[1];
}
}
y = Pac/maxWRP*55;
if( y>1 ) {
w = Intervall/300;
document.write("<img src='y.gif' width='"+w+"' height='"+y+"'>");
}
i--;
}
document.write("</div>");
i=(time_end[today.getMonth()]-time_start[today.getMonth()])*12
// document.write("<div id='xachse'><img src='black.gif' width='"+i+"' height='1'></div>");
// document.write("<div id='yachse'><img src='black.gif' width='1' height='55'></div>");
}
function fmt00(v)
{
if( v<10 )
return "0"+v
else{
return ""+v
}
}
function zeichneLegende() {
var i, Psum=0;
document.write("<div id='datum' style='text-align: center;font-weight: bold;font-size: 10px;'>");
document.write( getText(LBL_ONLINEVON)+" "+Datum+" - "+Uhrzeit.substr(0,5)+"<br>");
document.write("</div>");

document.write("<div id='legende1' style='text-align: left;font-weight: bold;font-size: 10px;'>");
document.write(getText(LBL_AKTUELL)+"<sub></sub><br>");
document.write(getText(LBL_HEUTE)+"<br>");
document.write("</div>");

document.write("<div id='legende2' style='text-align: right;font-weight: bold;font-size: 10px;'>");
document.write( Pac+"<br>");
if( da.length>0 ) {
for( i=0; i<AnzahlWR; i++ ) {
if( typeof WRInfo[11]=="undefined" || WRInfo[11]==0 || (WRInfo[11]==2 && WRInfo[14]==0) || AnzahlWR==1 ) {
data = enumData(da[0], i+1 );
Psum += data[1];
}
}
}
document.write( Math.floor(Psum/100)/10+"<br>");
document.write( (Math.floor(Psum/AnlagenKWP*10)/10));
document.write("</div>");

document.write("<div id='legende3' style='text-align: left;font-weight: bold;font-size: 10px;'>");
document.write("W<br>");
document.write("kWh<br>");
document.write("kWh<sub>p</sub>");
document.write("</div>");
}
</script>
<div style="background-image: url(banner_leer.jpg); background-repeat:no-repeat">
<font face="Verdana, Arial, Helvetica, sans-serif">
<div id='zeile1' style="text-align: center;font-weight: bold;font-size: 16px;">
<script language="JavaScript">
if(BannerZeile1.length>19)
document.write("<font size='-1'>");
document.write(BannerZeile1)
if(BannerZeile1.length>19)
document.write("</font>");
</script>
</div>
<div id='zeile2' style="text-align: center;font-size: 12px;">
<script language="JavaScript">
document.write(BannerZeile2)
</script>
</div>
<div id='zeile3' style="text-align: center;font-size: 12px;">
<script language="JavaScript">
document.write(BannerZeile3)
</script>
</div>
<script language="JavaScript">
zeichneErtrag();
zeichneLegende();
</script>
<div id='sl' style="text-align: right;font-size: 9px;">
<font color="#666666">SolarLog<script language="JavaScript">document.write(SLTyp+"e")</script></font>
</div>
<map name='Link'>
<area shape='rect' coords='135,108,199,119' href='http://www.solare-datensysteme.de' target='_blank' alt='banner2'>
<script language="JavaScript">
document.write("<area shape='rect' coords='0,0,199,119' href='http://"+BannerLink+"' target='_blank' alt='banner'>");
</script>
</map>
<div id='linkit'>
<img src='e.gif' width='199' height='119' alt='banner' usemap='#Link' border='0'>
</div>
</font>
</div>