PageSourceSearch

https://www.naturzentrum-rheinauen.eu/site/Rust-Naturzentrum-Rhein…/resourceCached/10.4.2.1.7/js/functions.js

js naturzentrum-rheinauen.eu collected 2026-10-04 07:46:39 UTC 15,761 bytes, 518 lines download raw bytes

1/*	==================================================
2  JS / functions.js
3  ==================================================*/
4// version  1.0  
5
6// ########## Dynamic-Content: items komplett klickbar ##########
7
8jQuery(document).ready(function ($) {
9
10  jQuery('.basecontent-dynamic-content > article').each(function ($) {
11    var categoryMore = jQuery('.moreLink', this);
12    var categoryMoreLink = jQuery('.moreLink a', this);
13    var categoryMoreLinkHref = jQuery('.moreLink a', this).attr('href');
14    var categoryMoreLinkTitle = jQuery('.moreLink a', this).attr('title');
15    var categoryDate = jQuery('.date', this);
16
17    jQuery(this).wrapInner("<a class='boxMoreLink' href=''></a>");
18    jQuery('.boxMoreLink', this).attr("href", categoryMoreLinkHref);
19    jQuery('.boxMoreLink', this).attr("title", categoryMoreLinkTitle);
20    jQuery('.boxMoreLink', this).attr("aria-label", categoryMoreLinkTitle);
21
22    jQuery(categoryMore).remove();
23    jQuery(categoryDate).remove();
24
25  });
26});
27
28
29// ########## Fixed Header (Shrink Header) ##########
30
31jQuery(function () {
32  var shrinkHeader = 300;
33  jQuery(window).scroll(function () {
34    var scroll = getCurrentScroll();
35    if (scroll >= shrinkHeader) {
36      jQuery('.l-header').addClass('shrink');
37    }
38    else {
39      jQuery('.l-header').removeClass('shrink');
40    }
41  });
42  function getCurrentScroll() {
43    return window.pageYOffset;
44  }
45});
46
47
48
49/*======== Fontawesome Kachel ========*/
50jQuery(document).ready(function () {
51  jQuery('.fontawesome').attr('aria-hidden', 'true');
52  jQuery('.fontawesome').each(function ($) {
53    var fontAwesomeName = jQuery(this).html();
54    jQuery(this).empty();
55    jQuery(this).append('<i class="fa-thin fa-' + fontAwesomeName + '"></i>');
56    console.log(fontAwesomeName);
57  });
58});
59
60
61
62// Teaser (volle Verlinkung)
63jQuery(document).ready(function ($) {
64
65  // jQuery('.site_themen .v-box').each(function ($) {
66  jQuery('.teaser-bilder > div').each(function ($) {
67    // var stMore = jQuery('.site_themen .v-box .mehr-link', this);
68    //  var stMoreLink = jQuery('.site_themen .v-box .mehr-link a', this);
69    var stMoreLinkHref = jQuery('a', this).attr('href');
70    var stMoreLinkTitle = jQuery('a', this).attr('title');
71    //  var stDate = jQuery('.date', this);
72
73    jQuery(this).wrapInner("<a class='teaserBoxMoreLink' href=''></a>");
74    //  jQuery('.c-image', this).wrap("<div class='boxTop'></div>");
75
76    //jQuery('h2', this).appendTo(".boxTop", this);
77
78    //  jQuery('.teaserBoxMoreLink', this).each(function ($) {
79    //    // Wrap um das Figure ein div boxTop
80    //   jQuery('.c-image', this).wrap("<div class='boxTop'></div>");
81    //     jQuery('.c-h2', this).each(function ($) {
82    //   //   jQuery(this).appendTo(".boxTop", this);
83    //      });
84    //  });
85
86    jQuery('.mehr-link', this).wrap("<div class='boxBottom'></div>");
87
88
89    jQuery('.teaserBoxMoreLink', this).attr("href", stMoreLinkHref);
90    jQuery('.teaserBoxMoreLink', this).attr("title", stMoreLinkTitle);
91    jQuery('.teaserBoxMoreLink', this).attr("aria-label", stMoreLinkTitle);
92
93    // Entferne den eigentlichen Link
94    jQuery('a > img', this).unwrap();
95
96
97  });
98
99
100
101});
102
103
104/*======== Wrap Dateiliste für horizontales scrollen ========*/
105jQuery(document).ready(function () {
106  jQuery('.c-downloadlist').each(function () {
107    jQuery(this).wrap("<div class='basecontent-table'></div>");
108    // console.log('hallo, ich bin mal oben!');
109  });
110});
111
112/*======== Aktuelles Übersicht ========*/
113jQuery(document).ready(function () {
114  jQuery('.presse-uebersicht').each(function () {
115    jQuery('.c-pm-meldung-wrapper', this).wrapAll('<div class="pm-allnews"></div>')
116  });
117});
118
119/*======== SBW Mitarbeiterliste ========*/
120jQuery(document).ready(function () {
121  jQuery('.maliste.detail').each(function () {
122    jQuery('.anschrift', this).appendTo('.kontakt', this)
123    // console.log('hallo, ich bin mal oben!');
124  });
125});
126
127/*======== SBW Kontakte (Box drumherum fügen) ========*/
128jQuery(document).ready(function () {
129  jQuery('.c-sbw-kontakte.c-sbw-kontaktliste .vCard').each(function () {
130    jQuery(this).wrap('<div class="kontakt"></div>')
131  });
132});
133
134/*======== SBW Lebenslagen ========*/
135jQuery(document).ready(function () {
136  jQuery('.c-sbw-einzelne-lebenslage').each(function () {
137    jQuery('.lpLLZumBaum , .lpLLKinder', this).wrapAll('<div class="detailnavigation"></div>')
138  });
139});
140
141
142
143/* Swiper Veranstaltungen
144**************************************************************/
145jQuery(document).ready(function () {
146
147  jQuery('.swiper .basecontent-dvv-zm-vk .rumpf').children().wrapAll("<div class='swiper-wrapper'></div>");
148  jQuery('.swiper-wrapper').children().addClass("swiper-slide");
149  jQuery(".events .slider").append("<div class='swiper-pagination-and-buttons'></div>");
150  jQuery(".events .swiper-pagination-and-buttons").append("<div class='swiper-button-prev swiper-buttons-prev--events'></div><div class='swiper-pagination--events'></div><div class='swiper-button-next swiper-buttons-next--events'></div>");
151
152  var slidesView = 1;
153  if(jQuery(".basecontent-dvv-zm-vk .swiper-wrapper .swiper-slide").length > 1){
154    slidesView = 2;
155  }
156  else{
157    slidesView = 1;
158  }
159  const swiper = new Swiper('.swiper .basecontent-dvv-zm-vk .rumpf', {
160    // Optional parameters
161    direction: 'horizontal',
162    loop: false,
163    //  autoHeight:true,
164    //setWrapperSize: true,
165
166    spaceBetween: 20,
167    // If we need pagination
168    pagination: {
169      el: '.swiper-pagination--events',
170    },
171    centeredSlides: false,
172
173    // Navigation arrows
174    navigation: {
175      nextEl: '.swiper-buttons-next--events',
176      prevEl: '.swiper-buttons-prev--events',
177    },
178
179    // And if we need scrollbar
180    scrollbar: {
181      //   el: '.swiper-scrollbar',
182    },
183    slidesPerView: slidesView,
184    breakpoints: {
185      // when window width is >= 499px
186      0: {
187        slidesPerView: 1,
188        spaceBetweenSlides: 20
189      },
190      // when window width is >= 2000px
191      1000: {
192        slidesPerView: slidesView,
193        spaceBetweenSlides: 40
194      }
195    },
196  });
197});
198
199
200
201/* Swiper Veranstaltungen
202**************************************************************/
203jQuery(document).ready(function () {
204
205  jQuery('.projektboxen').children().wrapAll("<div class='swiper-wrapper'></div>");
206  jQuery('.swiper-wrapper').children().addClass("swiper-slide");
207  jQuery(".projektboxen").append("<div class='swiper-pagination-and-buttons'></div>");
208  jQuery(".projektboxen .swiper-pagination-and-buttons").append("<div class='swiper-button-prev swiper-buttons-prev--projektboxen'></div><div class='swiper-pagination--projektboxen'></div><div class='swiper-button-next swiper-buttons-next--projektboxen'></div>");
209
210  const swiper = new Swiper('.projektboxen', {
211    // Optional parameters
212    direction: 'horizontal',
213    loop: false,
214    //  autoHeight:true,
215    //setWrapperSize: true,
216
217    spaceBetween: 20,
218    // If we need pagination
219    pagination: {
220      el: '.swiper-pagination--projektboxen',
221      clickable: true,
222    },
223    centeredSlides: false,
224
225    // Navigation arrows
226    navigation: {
227      nextEl: '.swiper-buttons-next--projektboxen',
228      prevEl: '.swiper-buttons-prev--projektboxen',
229    },
230
231    // And if we need scrollbar
232    scrollbar: {
233      //   el: '.swiper-scrollbar',
234    },
235    breakpoints: {
236      // when window width is >= 499px
237      0: {
238        slidesPerView: 1,
239        spaceBetweenSlides: 20
240      },
241      // when window width is >= 2000px
242      1000: {
243        slidesPerView: 1,
244        spaceBetweenSlides: 40
245      }
246    },
247  });
248});
249
250
251// Startseite Kopfgrafik
252
253
254/* Swiper Veranstaltungen
255**************************************************************/
256jQuery(document).ready(function () {
257  jQuery('.l-header-stage .swiper').addClass('swiper-header')
258  jQuery('.l-header-stage .swiper').children().wrapAll("<div class='swiper-wrapper'></div>");
259  jQuery('.l-header-stage .swiper-wrapper').children().addClass("swiper-slide");
260  jQuery('.l-header-stage .swiper').append("<div class='swiper-pagination-and-buttons--header autoplayOn'></div>");
261  jQuery('.l-header-stage .swiper-pagination-and-buttons--header').append("<div class='swiper-button-prev swiper-buttons-prev--header'></div><div class='swiper-play--header'><button class='swiper-button swiper-play'><i class='fas fa-play'></i></button></div><div class='swiper-stop--header'><button class='swiper-button swiper-stop'><i class='fas fa-pause'></i></button></div><div class='swiper-button-next swiper-buttons-next--header'></div>");
262
263  console.log(jQuery('.swiper-header'))
264  // <div class='swiper-pagination--header'></div>
265  const swiper = new Swiper('.swiper-header', {
266    // Optional parameters
267    direction: 'horizontal',
268    loop: true,
269    //  autoHeight:true,
270    //setWrapperSize: true,
271    speed: 400,
272    autoplay: {
273      delay: 5000,
274    },
275    spaceBetween: 0,
276    // If we need pagination
277    pagination: {
278      el: '.swiper-pagination--header',
279      clickable: true,
280    },
281    centeredSlides: false,
282    effect: 'fade',
283    fadeEffect: {
284      crossFade: true
285    },
286    // Navigation arrows
287    navigation: {
288      nextEl: '.swiper-buttons-next--header',
289      prevEl: '.swiper-buttons-prev--header',
290    },
291
292    // And if we need scrollbar
293    scrollbar: {
294      //   el: '.swiper-scrollbar',
295    },
296    breakpoints: {
297      // when window width is >= 499px
298      0: {
299        slidesPerView: 1,
300        spaceBetweenSlides: 0
301      },
302      // when window width is >= 2000px
303      1000: {
304        slidesPerView: 1,
305        spaceBetweenSlides: 40
306      }
307    },
308  });
309
310  var autoplaySwiper = true;
311
312 // jQuery(".swiper-pagination-and-buttons--header").addClass('autoplayOn');
313
314 console.log(jQuery(".swiper-stop--header"))
315  jQuery(".swiper-stop--header").click(function () {
316    swiper.autoplay.stop();
317    autoplaySwiper = false;
318    jQuery(".swiper-pagination-and-buttons--header").removeClass('autoplayOn');
319  });
320
321  jQuery(".swiper-play--header").click(function () {
322    swiper.autoplay.start();
323    autoplaySwiper = true;
324    jQuery(".swiper-pagination-and-buttons--header").addClass('autoplayOn');
325  });
326
327});
328
329
330
331/*======== SBW Lebenslagen ========*/
332jQuery(document).ready(function () {
333  // Placeholder Suchbegriff
334  jQuery('.zmVolltextSuche .feld input').each(function () {
335    jQuery(this).attr('placeholder', 'Suchbegriff')
336  });
337
338  // Placeholder Suchbegriff (Unterkünfte)
339  jQuery('.zm-unterkuenfte .zmVolltextSuche .feld input').each(function () {
340    jQuery(this).attr('placeholder', 'Gastgebersuche')
341  });
342
343
344  // Placeholder Datum
345  jQuery('.zeitraum #xvon').each(function () {
346    jQuery(this).attr('placeholder', 'dd.mm.YYYY')
347  });
348  // Placeholder Datum
349  jQuery('.zeitraum #xbis').each(function () {
350    jQuery(this).attr('placeholder', 'dd.mm.YYYY')
351  });
352});
353
354
355
356
357// ZM Resizer Ergebnisliste ausschalten
358jQuery(document).ready(function () {
359
360
361  jQuery('.zmitem__bild .bildcss .img a img').each(function () {
362    jQuery(this).unwrap();
363  });
364});
365
366
367// ZM Sterneklassifizierung
368jQuery(document).ready(function () {
369  jQuery('.titel-und-sterne img').each(function () {
370    jQuery(this).appendTo('.zmtitel h2');
371  });
372});
373
374// ZM Sterneklassifizierung (HOTEL)
375jQuery(document).ready(function () {
376
377  jQuery('.zm-eliste .zmitem').each(function () {
378    var sterne = jQuery(this).find('.sterneklassifizierung .zmicon');
379    jQuery(this).find('.titelzmtitel').append(sterne);
380
381
382  });
383
384  // jQuery('.zmunterksterneklassifiezierunghotel').each(function () {
385  //   jQuery(this).find('.item').addClass('item-zmunterksterneklassifiezierunghotel');
386  // });
387
388  // function ersetzeSterneBild(el) {
389  //   const element = el.querySelector('.item-zmunterksterneklassifiezierunghotel');
390
391  //   // 5 Sterne
392  //   if (element.innerText.trim() === '5 Sterne') {
393  //     element.innerText = ""
394  //     element.innerHTML = '<img src="http://rust.komm.one/site/Rust/resourceCached/10.4.2.1/img/zm/fewo_fuenf_sterne.png" alt="5 Sterne">';
395  //     console.log('Habe 5 Sterne gefunden!')
396  //   }
397
398  //   // 4 Sterne
399  //   if (element.innerText.trim() === '4 Sterne') {
400  //     element.innerText = ""
401  //     element.innerHTML = '<img src="http://rust.komm.one/site/Rust/resourceCached/10.4.2.1/img/zm/fewo_vier_sterne.png" alt="4 Sterne">';
402  //     console.log('Habe 4 Sterne gefunden!')
403  //   }
404
405
406  // }
407
408  // var allHotels = document.querySelectorAll('.zmunterksterneklassifiezierunghotel');
409  // for(var i = 0; i < allHotels.length ; i++) {
410  //   ersetzeSterneBild(allHotels[i]);
411  // }
412
413  // ersetzeSterne('zmunterksterneklassifiezierunghotel')
414  // ersetzeSterne('zmunterksterneklassifiezierungfewo')
415
416});
417
418
419// function sterneNummer(nummer, element){
420//   var string = nummer + ' Sterne'
421//   var string1 = nummer + ' Stern'
422//   var elementText = element.innerText.trim()
423//   if (elementText === string || elementText === string1) {
424//     element.innerText = ""
425//     element.innerHTML = '<div class="stern_' + nummer + '"></div>';
426//     console.log('Habe ' + nummer + ' Sterne gefunden!')
427//   }
428// }
429
430function sterneNummer(nummer, element) {
431  var string = nummer + ' Sterne'
432  var string1 = nummer + ' Stern'
433  var elementText = element.innerText.trim()
434  if (elementText === string || elementText === string1) {
435    element.innerText = ""
436    element.innerHTML = '<div class="stern_' + nummer + '"></div>';
437    console.log('Habe ' + nummer + ' Sterne gefunden!')
438  }
439}
440
441function ersetzeSterne(element1) {
442  jQuery('.' + element1).each(function () {
443    jQuery(this).find('.item').addClass('item-' + element1);
444  });
445
446  function ersetzeSterneBild(el) {
447    const element = el.querySelector('.item-' + element1);
448    sterneNummer('5', element)
449    sterneNummer('4', element)
450    sterneNummer('3', element)
451    sterneNummer('2', element)
452    sterneNummer('1', element)
453    // // 5 Sterne
454    // if (element.innerText.trim() === '5 Sterne') {
455    //   console.log('in' + element.innerHTML)
456    //   element.innerText = ""
457    //   //element.innerHTML = '<img src="http://rust.komm.one/site/Rust/resourceCached/10.4.2.1/img/zm/fewo_fuenf_sterne.png" alt="5 Sterne">';
458    //   element.innerHTML = '<div class="5-sterne"></div>';
459    //   console.log('Habe 5 Sterne gefunden!')
460    // }
461
462    // 4 Sterne
463    // if (element.innerText.trim() === '4 Sterne') {
464    //   element.innerText = ""
465    //   element.innerHTML = '<div class="4-sterne"></div>';
466    //   console.log('Habe 4 Sterne gefunden!')
467    // }
468  }
469
470  var allHotels = document.querySelectorAll('.' + element1);
471  for (var i = 0; i < allHotels.length; i++) {
472    ersetzeSterneBild(allHotels[i]);
473  }
474}
475
476
477
478
479
480
481
482//    jQuery(document).ready(function () {
483//     jQuery(".mehr").each(function() {
484//     var box1 = jQuery(this).prevAll(".boxChild").eq(1);
485//     var box2 = jQuery(this).prevAll(".boxChild").eq(0);
486//     jQuery(this).before(box1.html() + box2.html());
487//   });
488// });
489
490
491   jQuery(document).ready(function () {
492    jQuery(".teaser-bilder").each(function() {
493
494    // 5x20%
495    jQuery('> .col-lg-2:first-child',this).parent().addClass('v-row--col-lg-2');
496    // 4x25%
497    jQuery('> .col-lg-3:first-child',this).parent().addClass('v-row--col-lg-3');
498    // 3x33%
499    jQuery('> .col-lg-4:first-child',this).parent().addClass('v-row--col-lg-4');
500    // 2x50%
501    jQuery('> .col-lg-6:first-child',this).parent().addClass('v-row--col-lg-6');
502
503  });
504});
505
506
507jQuery(document).ready(function () {
508jQuery(window).scroll(function() {
509  var scrollHeight = jQuery(document).height();
510  var scrollPosition = jQuery(window).height() + jQuery(window).scrollTop();
511  
512  if ((scrollHeight - scrollPosition) < 50) { // Hier kannst du den Wert 50 anpassen, um das Verhalten anzupassen
513    jQuery(".chatbot-button").css("bottom", "12%");
514  } else {
515    jQuery(".chatbot-button").css("bottom", "0");
516  }
517});
518});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.