Wetter in Graz - wetter.at (2024)

'); $('.weather-widget .lightsliderContainer').remove(); $.each(locations, function() { var itemHtml = $itemTpl[0].outerHTML; var $item = $(itemHtml .replace(/{id}/g, this.location.id) .replace(/{name}/g, this.location.name) .replace(/{province}/g, this.location.province) .replace(/{provinceUrl}/g, this.location.provinceUrl) .replace(/{locationUrl}/g, this.location.url) .replace(/{time}/g, this.day.time) .replace(/{minTemp}/g, this.day.minTemp) .replace(/{maxTemp}/g, this.day.maxTemp) .replace(/{temp}/g, this.day.temp) .replace(/{wind}/g, this.day.wind) .replace(/{wdir}/g, this.day.wdir) .replace(/{cloud}/g, this.day.cloud) .replace(/{rain}/g, this.day.rain) .replace(/{icon}/g, ('src="' + this.day.iconBig + '"') .replace('/clouds/', '/clouds-v2/')) .replace(/{info}/g, this.day.info) .replace(/{additionalClasses}/g, this.day.additionalClasses) ); var imageId = this.day.icon.substring(this.day.icon.lastIndexOf("/icon_")+6, this.day.icon.lastIndexOf(".png")); $($item).find('.widgetWrapper').addClass("topWeatherImg").addClass("img"+imageId); let indexElement; const $hourlyContainer = $item.find('.weather-info-hourly'); if (this.hourly.length > 0) { $hourlyContainer.addClass('loaded'); } $(this.hourly).each(function(index) { var hourData = this; var hourHtml = $itemDataTpl[0].outerHTML; Object.keys(hourData).forEach(function(field) { hourHtml = hourHtml.replace( new RegExp('{' + field + '}', 'g'), field === 'icon' ? 'src="' + hourData[field] + '"' : field === 'periodText' ? hourData[field].substring(0,2) + ' h' : hourData[field] ); }); if (this.periodText == '00:00') { const textWrap = document.createElement("div"); textWrap.classList.add("daySeparator"); const text = document.createElement("span"); if(indexElement == undefined) { text.innerHTML = "Morgen"; } else if(indexElement !== index){ text.innerHTML = "Übermorgen"; } textWrap.appendChild(text); let el = $(hourHtml).appendTo($hourlyContainer); el.before(textWrap); indexElement = index; } else { $(hourHtml).appendTo($hourlyContainer); } }); const $dailyContainer = $item.find('.weather-info-daily'); if (this.daily.length > 0) { $dailyContainer.addClass('loaded'); } $(this.daily).each(function(index) { var dayData = this; var dayHtml = $itemDataTpl[0].outerHTML; Object.keys(dayData).forEach(function(field) { dayHtml = dayHtml.replace( new RegExp('{' + field + '}', 'g'), field === 'icon' ? 'src="' + dayData[field] + '"' : dayData[field] ); }); $(dayHtml).appendTo($dailyContainer); }); $item .data('location-info', this) .appendTo($items); if (this.location.hasCam) { attachCamLoader($item, this.location); } else { attachMapLocation($item, this.location); } }); let locationSelectEvent = null; $items.prependTo('.weather-widget') .find('.scrolling-wrapper') .on('touchmove', function(e) { e.stopImmediatePropagation(); this.piTracks = this.piTracks ?? []; const cPi = Math.floor($(this)[0].scrollLeft / 50); if (this.piTracks.indexOf(cPi) < 0) { if(typeof iom === "object" && typeof oewa_data === "object"){ iom.c(oewa_data, 1); } if (typeof oewaCall2023 === "function") { oewaCall2023(); } this.piTracks.push(cPi); } }) .end() .lightSlider({ item: 1, slideMove: 1, loop: false, auto: false, gallery: false, onBeforeSlide: function(el, i) { if(typeof iom === "object" && typeof oewa_data === "object"){ iom.c(oewa_data, 1); } if (typeof oewaCall2023 === "function") { oewaCall2023(); } }, onAfterSlide: function(el, i) { if (locationSelectEvent) { clearTimeout(locationSelectEvent); locationSelectEvent = null; } locationSelectEvent = setTimeout(function() { OE24.events.raise('locationSelected', $(el).find('.lslide.active').data('location-info')); locationSelectEvent = null; }, 300); } }); $('.weather-widget .weather-widget-wrapper .location-add-button').click(function(e) { e.preventDefault(); $currentID = e.currentTarget.getAttribute('data-id'); const $add = $('.weather-widget .weather-widget-wrapper[data-id="'+ $currentID +'"] .location-add-button'); const $del = $('.weather-widget .weather-widget-wrapper[data-id="'+ $currentID +'"] .location-remove-button'); if ($add.hasClass('progress')) return; $add.addClass('progress'); $.put('/xapi/user/addLocation/'+ $currentID, function() { $add.addClass('d-none'); $del.removeClass('d-none'); OE24.events.raise('userLocationsUpdated', $currentID); }).always(function() { $add.removeClass('progress'); }); }); $('.weather-widget .weather-widget-wrapper .location-remove-button').click(function(e) { e.preventDefault(); $currentID = e.currentTarget.getAttribute('data-id'); const $add = $('.weather-widget .weather-widget-wrapper[data-id="'+ $currentID +'"] .location-add-button'); const $del = $('.weather-widget .weather-widget-wrapper[data-id="'+ $currentID +'"] .location-remove-button'); if ($del.hasClass('progress')) return; $del.addClass('progress'); $.delete('/xapi/user/removeLocation/'+$currentID, function() { $add.removeClass('d-none'); $del.addClass('d-none'); OE24.events.raise('userLocationsUpdated', $currentID); }).always(function() { $del.removeClass('progress'); }); }); } function attachCamLoader($item, location) { $item.addClass('hasCam'); const $camBox = $item.find('.col3'); setTimeout(function() { $item.inViewport(function() { $.get('//appcdn.wetter.at/xapi/location/' + location.id + '/renderBox/camPreview?fallbackWithinRadius=10', function(loadedBox) { $camBox.html(loadedBox); OE24.events.raise('lazyLoadedImagesUpdate'); const $camBoxElements = $camBox.find('> *'); $camBox.find('.playCam').on('click', function(e) { if ($item.hasClass('camPlaying')) { return; } $item.addClass('camPlaying'); $camBoxElements .detach() .appendTo($item.find('.playerWrapper')); }); $item.find('.playerWrapper .control').on('click', function() { $camBoxElements .detach() .appendTo($camBox); $camBox.find('.playCam').click(); $item.removeClass('camPlaying'); }); OE24.events.on('locationSelected', function(info) { if ($item.hasClass('camPlaying')) { $item.find('.playerWrapper .control').click(); } }); }); }, false); }, 300); } function attachMapLocation($item, location) { return; const $mapBox = $item.find('.col3'); setTimeout(function() { $item.inViewport(function() { $.get('//appcdn.wetter.at/xapi/location/' + location.id + '/renderBox/geoLocationMap', function(loadedBox) { $mapBox.html(loadedBox); }); }, false); }, 300); }});

die besten Hotels

Loisi’s Boutiquehotel - Kleines Paradies am Achensee Verbringen Sie Ihre Auszeit in einem kleinen Juwel. Top Angebot 4 ÜN zum Preis von 3 ab € 308,- p.P.

Ihr Traumurlaub für die ganze Familie 1000m² Wellnessbereich auf 4 Etagen, Whirlpool auf der Dachterrasse, 4 ThemenSaunen

Erleben Sie das 1. BIO | ORGANIC | SPA Außenpools, Whirlpools, Naturbadeteich, Saunalandschaften uvm. im Retter Bio-Natur-Resort am Pöllauberg in der Steiermark.

Urlaub mit Aussicht im Hotel Waldfrieden Hallen- und Freibad, Wellness, Fitness, Kulinarik, inkl. Schladming - Dachstein Sommercard, Wandergebiet.

DEIN PERFEKTER HOTELURLAUB

Auf www.oesterreich-hotels.at findest du das richtige Hotel für deinen perfekten Urlaub!

Alpin Life Resort Lürzerhof 4* Superior Premium Spa im Salzburger Land. Naturbadeteich, Eventsauna, Gourmet und Wein.

Hotel Schütterhof **** Zeit die mir Berge gibt… Wandern, Biken und Spa…Gratis E-Bikes, ¾ Genießer Pension. NEU: DZ Deluxe – ab sofort buchbar!

ALPENPARKS SONNLEITEN Serviced Apartments mit Frühstück in Panoramalage direkt am Bikepark| Restaurant| Pool| Bikespezialist u.v.m.

wetter.at Frühlingsspecial Jetzt attraktive Frühlings-Angebote für alle Top-Themen Buchungen

Thermalhotel Leitner**** direkt im Thermenresort Loipersdorf Familienurlaub oder eine Auszeit zu Zweit - das ist keine Entscheidungsfrage.

Sich wie daheim fühlen – im Bio- und Wellnesshotel Stanglwirt Genießen Sie die einzigartige Kombination aus Natur, Luxus, Sport, Wellness und Erholung.