cus_Menu.js 10 KB
Newer Older
Patrick's avatar
Patrick committed
1
2
3
4
5
var acc = document.getElementsByClassName("accordion");
            var i; 
            for (i = 0; i < acc.length; i++) {
              acc[i].addEventListener("click", function() {
                this.classList.toggle("active");
Patrick's avatar
Patrick committed
6
                
Patrick's avatar
Patrick committed
7
8
9
                var subMenu = this.nextElementSibling;
                if (subMenu.style.maxHeight) {
                    subMenu.style.maxHeight = null;
Patrick's avatar
Patrick committed
10
11
                    position_var = false;
                    pointsoe = " "
Patrick's avatar
Patrick committed
12
13
14
15
                } else {
                    subMenu.style.maxHeight = subMenu.scrollHeight + "px";
                } 
              });
Patrick's avatar
Patrick committed
16
17
18
19
20
            }

function nordbahnview(){
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.NordBView
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
Patrick's avatar
Patrick committed
21

Patrick's avatar
Patrick committed
22
23
24
25
26
27
28
  // document.getElementById("UmfrageOne").style.display = "none";
  // document.getElementById("NordbahnhofInfo").style.display = "block";
  // document.getElementById("Navigation").style.display = "none";
  // document.getElementById("projektOne").style.display = "none";
  // document.getElementById("Energiekonzept").style.display = "none";
  // document.getElementById("IntroProj").style.display = "none";
  // document.getElementById("Expertenmodus").style.display = "block";
Patrick's avatar
Patrick committed
29
30
  showgraph();
  
Patrick's avatar
updates    
Patrick committed
31
}
Patrick's avatar
Patrick committed
32
33
34
35
36
37
38
39
function akkustikview(){
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.NoiseView
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
}
function MobilityView(){
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.MobilityView
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
}
Patrick's avatar
updates    
Patrick committed
40
41
42
43
44

var expstate = false;
function onoff(){

  if(expstate == false){
Patrick's avatar
Patrick committed
45
46
    // var element = document.getElementById("menustuff");
    // element.classList.remove("hidden");
Patrick's avatar
updates    
Patrick committed
47
48
    expstate = true;
  }else{
Patrick's avatar
Patrick committed
49
50
    // var element = document.getElementById("menustuff");
    // element.classList.add("hidden");
Patrick's avatar
updates    
Patrick committed
51
52
    expstate = false;
  }
Patrick's avatar
Patrick committed
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
}

function addcont(content){
    var bilderstuff =                     '<div class="slideshow-container">' +
        '<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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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>'+
        '</div>'+
        '<!-- Next and previous buttons -->'+
        '<a class="prev" onclick="plusSlides(-1, 0)">&#10094;</a>'+
        '<a class="next" onclick="plusSlides(1, 0)">&#10095;</a>'+
        '</div>'+
Patrick's avatar
Patrick committed
146
        '<br>'
Patrick's avatar
Patrick committed
147
148
149

    var heatdem = '<div style="width:100%;margin-top:200px;" id="chartNordB"></div>'

Patrick's avatar
Patrick committed
150
    var nordbstuff =            "" +
Patrick's avatar
Patrick committed
151
152
153
154
155
156
157
    "<div class='box-3'>"+
        "<div class='btn btn-three' onclick='newPlan()'>"+
        "<span>Neue Planung</span>"+
        "</div><br>"+
        "<div class='btn btn-three' onclick='oldZust()'>"+
        "<span>Ist Zustand</span>"+
        "</div><br></div>"+
Patrick's avatar
Patrick committed
158
        "<div onclick='document.getElementById('chxboxHighlight').click()' class='box-3'>"+
Patrick's avatar
Patrick committed
159
160
161
        "<p>Highlight &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><div class='switch'>"+
        "<input type='checkbox' name='toggle' id='chxboxHighlight' onclick='checkboxHighlight(true);'>"+
        "<label for='toggle'><i></i></label>"+
Patrick's avatar
Patrick committed
162
        "<span></span>"+
Patrick's avatar
Patrick committed
163
164
        "</div>"+
        "</div>"+
Patrick's avatar
Patrick committed
165
        "<div onclick='document.getElementById('chxboxDemand').click()' class='box-3'>"+
Patrick's avatar
Patrick committed
166
        "<p>Wärmebedarf           &nbsp;</p><div class='switch'>"+
Patrick's avatar
Patrick committed
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
        "<input type='checkbox' name='toggle' id='chxboxDemand' onclick='checkboxDemand(true);'>"+
        "<label for='toggle'><i></i></label>"+
        "<span></span>"+
    "</div>"+
        "</div>"

        heatdemVal01 = 100
        heatdemVal02 = 200
        heatdemVal03 = 300
        heatdemVal04 = 400



  if (content == "main_bock"){
    var bilder = document.getElementById('bilder_bock') 
    var other = document.getElementById('bilder_bock2')
    other.innerHTML = ""
    bilder.innerHTML = ""
    bilder.innerHTML = bilderstuff
    showSlides(1, 0);
    showSlides(1, 1);
  } else if (content == "main_bock2"){
    var bilder = document.getElementById('bilder_bock2') 
    var other = document.getElementById('bilder_bock')
    other.innerHTML = ""
    bilder.innerHTML = ""
    bilder.innerHTML = bilderstuff
    showSlides(1, 0);
    showSlides(1, 1);
  } else if (content == "main_heatdem"){
    var heatdemand = document.getElementById('main_heatdem') 
Patrick's avatar
Patrick committed
198
199
    // var other = document.getElementById('main_heatdem2')
    // other.innerHTML = ""
Patrick's avatar
Patrick committed
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
    heatdemand.innerHTML = ""
    heatdemand.innerHTML = heatdem

  } else if (content == "main_heatdem2"){
    var heatdemand = document.getElementById('main_heatdem2') 
    var other = document.getElementById('main_heatdem')
    other.innerHTML = ""
    heatdemand.innerHTML = ""
    heatdemand.innerHTML = heatdem

  } else if (content == "main_nordbstuff"){
    var nordb = document.getElementById('nordbplanung') 
    var other = document.getElementById('nordbplanung2')
    other.innerHTML = ""
    nordb.innerHTML = ""
    nordb.innerHTML = nordbstuff
  } else if (content == "main_nordbstuff2"){
    var nordb = document.getElementById('nordbplanung2') 
    var other = document.getElementById('nordbplanung')
    other.innerHTML = ""
    nordb.innerHTML = ""
    nordb.innerHTML = nordbstuff
  }

 
    

    



// Thumbnail image controls
// function currentSlide(n) {
//   showSlides(slideIndex = n);
// }


};

var slideIndex = [1,1];

var slideId = ["mySlides1", "mySlides2"]
// Next/previous controls
  function plusSlides(n, no) {
      showSlides(slideIndex[no] += n, no);
  }  
  
  
Patrick's avatar
Patrick committed
248
249
250
251
252
253
254
255
256
257
258
259
260
function showSlides(n, no) {
  var i;
  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";
  }
  x[slideIndex[no]-1].style.display = "block";
}
function currentSlide(n) {
  showSlides(n, 0);
}