Skip to content

GitLab

Commit b16e942b authored by Patrick's avatar Patrick
Browse files

Update Buddi Content 

Add Image Map
parent 1b5dc66b
Hide whitespace changes
Inline Side-by-side
vcm/config.json
View file @ b16e942b
......@@ -312,13 +312,27 @@
},
{
"template": [
"<div class='balloon' onclick='EnergiekonzeptFunction()' id='myBalloonP1'>",
" <h1 class='balloon-title'>Energiekonzept (Stöckach)</h1>",
"<div class='balloon' id='myBalloonP1'>",
" <h1 class='balloon-title' onclick='EnergiekonzeptFunction(\"main\")'>Energiekonzept (Stöckach)</h1>",
" <div class='balloon-content' style='height:500px; width:300px'",
" </div>",
"<p class='balloon-text'><span>Für mehr Infos klicken Sie bitte hier!</span><br></p>",
"<img style='padding-top:10px' src='../../images/content/contentstoeckach/Stoeckach.jpg' alt='Simply Easy Learning' width='375'>",
"<img style='padding-top:10px' src='../../images/content/contentstoeckach/Stoeckach.jpg' usemap='#image-map' alt='Simply Easy Learning' width='375'>",
"<map name='image-map'>",
"<area id='mapElectricityID' alt='' title='electricity' shape='rect' coords='0,93,372,117' style='outline: 5px dotted green;' onclick='EnergiekonzeptFunction(\"Electricity\")' />",
"<area id='mapHeatID' alt='' title='heat' shape='rect' coords='0,202,375,227' style='outline: 5px dotted green;' onclick='EnergiekonzeptFunction(\"heat\")' />",
"<area id='mapNatID' alt='' title='Nat' shape='rect' coords='0,449,375,474' style='outline: 5px dotted green;' onclick='EnergiekonzeptFunction(\"Nat\")' />",
"<area id='mapAuxGasBoilerID' alt='' title='AuxgasBoiler' shape='rect' coords='203,407,261,445' style='outline: 5px dotted green;' onclick='EnergiekonzeptFunction(\"Aux Gas Boiler\")' />",
"<area id='mapAuxHeaterID' alt='' title='AuxHeater' shape='rect' coords='293,254,353,291' style='outline:none;' onclick='EnergiekonzeptFunction(\"Aux Heater\")' />",
"<area id='mapHeatPumpID' alt='' title='HeatPump' shape='rect' coords='106,231,166,268' style='outline:none;' onclick='EnergiekonzeptFunction(\"Heat Pump\")' />",
"<area id='mapTubID' alt='' title='tub' shape='rect' coords='208,331,268,373' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tub\")' />",
"<area id='mapTankID' alt='' title='Tank' shape='rect' coords='31,286,69,332' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tank\")' />",
"<area id='mapHouseWaterID' alt='' title='HouseWater' shape='rect' coords='220,265,258,311' style='outline:none;' onclick='EnergiekonzeptFunction(\"House Water\")' />",
"<area id='mapHouseElec' alt='' title='HouseElec' shape='rect' coords='216,153,257,199' style='outline:none;' onclick='EnergiekonzeptFunction(\"House with Lightning\")' />",
"<area id='mapSolarpanelID' alt='' title='Solarpanel' shape='rect' coords='54,0,91,39' style='outline:none;' onclick='EnergiekonzeptFunction(\"Solarpanel\")' />",
"<area id='mapBatterieID' alt='' title='Batterie' shape='rect' coords='234,2,282,43' style='outline:none;' onclick='EnergiekonzeptFunction(\"Batterie\")' />",
"</map>",
"</div>",
"<% %>"
......@@ -762,20 +776,6 @@
}
},
"heightAboveGround": 0
},{
"name": "BuildingOne",
"url": "./templates/HFTBuilding2.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": {
"epsg": "4326",
"proj4": ""
},
"storeyHeight":3,"altitudeMode":"clampToGround",
"style":{"type":"vector","fill":{"color":[255,0,0,0.62]},"stroke":{"color":[255,0,0,0.62],"width":1.25,"lineDash":null}}
},
{
"name": "LocationOne",
......
vcm/index.html
View file @ b16e942b
......@@ -179,7 +179,7 @@
<!-- End of: Content Start Screen -->
<!-- Content Tour -->
<div id="tour-frame" style="display: none; overflow-y: scroll;">
<div class="tour-top-navi">
<div class="tour-top-navi" style="z-index:99">
<a href="#mystory" id = "testing" class="top-nav buttonset one"><i class="fa fa-globe"></i> Projekt 1</a>
<a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a>
<a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a>
......@@ -225,103 +225,103 @@
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">1 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%">
<div class="text">Grafik</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">2 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%">
<div class="text">Böckinger Straße</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">3 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%">
<div class="text">Holzwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">4 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%">
<div class="text">Infoabend im Garten</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">5 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%">
<div class="text">Interviews in der Nachbarschaft</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">6 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">7 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">8 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">9 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%">
<div class="text">Planungsgebiet Choreographie</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">10 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%">
<div class="text">Planungsgebiet Vogelperspektive</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">11 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%">
<div class="text">Spielekiosk</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">12 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%">
<div class="text">Gartenkiosk</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">13 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%">
<div class="text">Outdoorkiosk</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">14 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%">
<div class="text">Outdoorkiosk</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">15 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%">
<div class="text">Infokiosk</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">16 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%">
<div class="text">Workshop Cafe Tas</div>
</div>
<div class="mySlides fade">
<div class="mySlides1 fade">
<div class="numbertext">17 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%">
<div class="text">Workshop Cafe Tas</div>
......@@ -329,8 +329,8 @@
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<a class="prev" onclick="plusSlides(-1, 0)">&#10094;</a>
<a class="next" onclick="plusSlides(1, 0)">&#10095;</a>
</div>
<br>
......@@ -403,7 +403,7 @@
<!-- Project Stoeckach Energiekonzept -->
<div id="Energiekonzept" class="SideInfo" style="display:none;">
<h1 class="sticky" id="headOne">Introduction</h1>
<h1 class="sticky" id="headOne">Energy Project Stöckach</h1>
<p class="contentOne">In this study, we have evaluated multiple local energy system scenarios to find the optimal energy system design concepts for the” future” EnBW-Areal. In this study,
<br> • we developed a 3D CityGML model for the EnBW-Areal and along with other calculation tools, estimated the electricity, heat, and hot water related energy demand profiles for the neighborhood.
......@@ -411,27 +411,97 @@
<br> • we evaluated the cost minimized technology mixes that achieves reduced CO2 emissions and compared the different energy system scenarios against a baseline energy system.
</p>
<button type="button" class="collapsible">Energy demand</button>
<button id="energydemand" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Energy demand</button>
<div class="content">
<p>The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively. </p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides2 fade">
<div class="numbertext">1 / 4</div>
<img src="../../images/content/contentstoeckach/img1.jpg" style="width:100%">
<div class="text">The estimated hourly heat energy demand (units: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">2 / 4</div>
<img src="../../images/content/contentstoeckach/img2.jpg" style="width:100%">
<div class="text">The estimated hourly energy demand for hot water generation (units: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">3 / 4</div>
<img src="../../images/content/contentstoeckach/img3.jpg" style="width:100%">
<div class="text">Electricity demand for non-residential spaces (units: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">4 / 4</div>
<img src="../../images/content/contentstoeckach/img4.jpg" style="width:100%">
<div class="text">Electricity demand for residential and spaces (units: kW)</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1, 1)">&#10094;</a>
<a class="next" onclick="plusSlides(1, 1)">&#10095;</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
</div>
</div>
<button type="button" class="collapsible">Solar PV potential</button>
<button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible">Solar PV potential</button>
<div class="content">
<p>The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at a 8% less cost. </p>
<p>The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail. </p>
</div>
<button type="button" class="collapsible">Power-to-heat via heat pump</button>
<button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible">Power-to-heat via heat pump</button>
<div class="content">
<p>High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use.</p>
<p>High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat. <br>
It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment. <br>
Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation. <br>
</p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<!-- <div class="mySlides"> -->
<img src="../../images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
<div class="text" style="margin-top:0em;">The capacity of heat pump(s) is allocated to supply base-load heat demand. The valley points of heat pump operation are filled by thermal storage charging action to improve heat pump capacity utilization.</div>
<!-- </div> -->
</div>
</div>
<button type="button" class="collapsible">Thermal storage </button>
<button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible">Thermal storage </button>
<div class="content">
<p>Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.</p>
</div>
<button type="button" class="collapsible">Battery storage </button>
<button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible">Battery storage </button>
<div class="content">
<p>The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly. </p>
</div>
<button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Is local energy transition economically competitive? </button>
<div class="content">
<p>The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis. <br>
We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years.
<br></p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<!-- <div class="mySlides"> -->
<img src="../../images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 5em;">
<div class="text" style="margin-top:0em;">Comparison of the return of investment in each scenario until the breakeven point compared to the base scenario (units: EUR)</div>
<!-- </div> -->
</div>
</div>
</div>
</div>
......
vcm/templates/HFTBuilding.geojson deleted 100644 → 0
View file @ 1b5dc66b
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,0],
[9.170575214079244,48.7799629754314,0],
[9.170702928704829,48.77963231223359,0],
[9.171021752882137,48.779678526140316,0],
[9.170762620678612,48.78002315815621,0]]]},
"properties":{"olcs_storeyNumber":1},"vcsMeta":{"style":{"type":"vector","fill":{"color":[255,0,0,0.62]},"stroke":{"color":[255,0,0,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/HFTBuilding1.geojson deleted 100644 → 0
View file @ 1b5dc66b
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,3],
[9.170575214079244,48.7799629754314,3],
[9.170702928704829,48.77963231223359,3],
[9.171021752882137,48.779678526140316,3],
[9.170762620678612,48.78002315815621,3]]]},
"properties":{"olcs_storeyNumber":4},"vcsMeta":{"style":{"type":"vector","fill":{"color":[0,128,128,0.62]},"stroke":{"color":[0,128,128,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/HFTBuilding2.geojson deleted 100644 → 0
View file @ 1b5dc66b
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,15],
[9.170575214079244,48.7799629754314,15],
[9.170702928704829,48.77963231223359,15],
[9.171021752882137,48.779678526140316,15],
[9.170762620678612,48.78002315815621,15]]]},
"properties":{"olcs_storeyNumber":5},"vcsMeta":{"style":{"type":"vector","fill":{"color":[255,255,128,0.62]},"stroke":{"color":[255,255,128,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/custom.css
View file @ b16e942b
......@@ -101,9 +101,8 @@
}
/* Hide the images by default */
.mySlides {
display: none;
}
.mySlides1, .mySlides2 {display: none}
/* img {vertical-align: middle;} */
/* Next & previous buttons */
.prev, .next {
......@@ -255,6 +254,7 @@ h1.sticky {
padding:5px;
padding-bottom:15px;
background-color: white;
z-index: 99;
}
......
vcm/templates/custom.js
View file @ b16e942b
......@@ -50,38 +50,37 @@ function showtourSpecific() {
// ======================================================================================
var slideIndex = 1;
showSlides(slideIndex);
var slideIndex = [1,1];
var slideId = ["mySlides1", "mySlides2"]
showSlides(1, 0);
showSlides(1, 1);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
function plusSlides(n, no) {
showSlides(slideIndex[no] += n, no);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
// function currentSlide(n) {
// showSlides(slideIndex = n);
// }
function showSlides(n) {
function showSlides(n, no) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
var x = document.getElementsByClassName(slideId[no]);
if (n > x.length) {slideIndex[no] = 1}
if (n < 1) {slideIndex[no] = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
x[slideIndex[no]-1].style.display = "block";
}
var heating
// =========================================================================
function EnergiekonzeptFunction(){
function EnergiekonzeptFunction(content){
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.stockach)
var layerNamesToDeactivate = ["ProjektOne"]
......@@ -93,6 +92,34 @@ function EnergiekonzeptFunction(){
document.getElementById("Energiekonzept").style.display = "block";
showTour();
if (content =="main"){
}else if(content=="Electricity"){
document.getElementById("energydemand").click();
}else if(content=="heat"){
document.getElementById("energydemand").click();
}else if(content=="Nat"){
document.getElementById("energydemand").click();
}else if(content=="Aux Gas Boiler"){
document.getElementById("thermalstorage").click();
}else if(content=="Aux Heater"){
document.getElementById("thermalstorage").click();
}else if(content=="Heat Pump"){
document.getElementById("heatpump").click();
}else if(content=="Tub"){
document.getElementById("energydemand").click();
}else if(content=="Tank"){
document.getElementById("thermalstorage").click();
}else if(content=="House Water"){
document.getElementById("energydemand").click();
}else if(content=="House with Lightning"){
document.getElementById("localEnergy").click();
}else if(content=="Solarpanel"){
document.getElementById("solarpotential").click();
}else if(content=="Batterie"){
document.getElementById("batterystorage").click();
};
// for (var i = 0; i< layers.length; i++) {
// var layer = layers[i];
// if(layerNamesToDeactivate.indexOf(layer.getName()) >= 0) {
......@@ -102,12 +129,55 @@ function EnergiekonzeptFunction(){
var resultSimS = (callSimS());
// var resultSimS = (callSimS());
heating = JSON.parse(fixJson(resultSimS.return));
console.log(resultSimS)
// heating = JSON.parse(fixJson(resultSimS.return));
// console.log(resultSimS)
}
function highlightFeatures(content){
if(content=="energydemand"){
outlineReverse();
document.getElementById("mapElectricityID").style.outline = "1px";
document.getElementById("mapHeatID").style.outline = "1px";
document.getElementById("mapNatID").style.outline = "1px";
document.getElementById("mapTubID").style.outline = "1px";
document.getElementById("mapHouseWaterID").style.outline = "1px";
document.getElementById("mapHouseElec").style.outline = "1px";
}else if(content =="solarpotential"){
outlineReverse();
document.getElementById("mapSolarpanelID").style.outline = "1px";
}else if(content =="heatpump"){
outlineReverse();
document.getElementById("mapHeatPumpID").style.outline = "1px";
}else if(content =="thermalstorage"){
outlineReverse();
document.getElementById("mapAuxGasBoilerID").style.outline = "1px";
document.getElementById("mapAuxHeaterID").style.outline = "1px";
document.getElementById("mapTankID").style.outline = "1px";
}else if(content =="batterystorage"){
outlineReverse();
document.getElementById("mapBatterieID").style.backgroundColor = "lightblue";
document.getElementById("mapBatterieID").style.outline = "1px";
}
function outlineReverse(){
document.getElementById("mapElectricityID").style.outline = "none";
document.getElementById("mapHeatID").style.outline = "none";
document.getElementById("mapNatID").style.outline = "none";
document.getElementById("mapTubID").style.outline = "none";
document.getElementById("mapHouseWaterID").style.outline = "none";
document.getElementById("mapHouseElec").style.outline = "none";
document.getElementById("mapSolarpanelID").style.outline = "none";
document.getElementById("mapHeatPumpID").style.outline = "none";
document.getElementById("mapAuxGasBoilerID").style.outline = "none";
document.getElementById("mapAuxHeaterID").style.outline = "none";
document.getElementById("mapTankID").style.outline = "none";
document.getElementById("mapBatterieID").style.outline = "none";
}
}
function Questionnaire() {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal