https://www.rohstoff-welt.de/themes/rw-2024/js/main.js

1
2/*Skyscraper Banner*/
3
4/*$( window ).resize(function() {
5	//$( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
6	alert('resize');
7});*/
8$(window).on('load', function() {
9	if(typeof(skyscaperID) != 'undefined' && skyscaperID != null) {
10		var leaderboardEle = $('#logosectionBanner');
11	    $("#banner_skyscraper").offset({ top: leaderboardEle.offset().top });
12		if(typeof(hintergrundID) != 'undefined' && hintergrundID != null) {
13		    $("#wallpaper_background a").offset({ top: leaderboardEle.offset().top });
14		}
15	}
16	else {
17		var colEle = $('.col.center');
18	    $("#banner_skyscraper").offset({ top: colEle.offset().top });
19
20	    /*
21	    if($('body').attr('id')== 'index') { // nur aufe der Startseite anwenden
22		    var $banner = $("#banner_skyscraper"),
23		    $window      = $(window),
24		    obereGrenze  = $banner.offset(),
25		    topPadding   = 0,
26		    footerOffset = $("#footer").offset();
27
28	    	unterGrenze = footerOffset.top - $banner.outerHeight(true) -202;
29
30	    	console.log(obereGrenze);
31
32		    $window.scroll(function() {
33
34		        if (($window.scrollTop()) > obereGrenze.top && ($window.scrollTop()) < unterGrenze) {
35		            $banner.stop().animate({
36		                marginTop: $window.scrollTop() - obereGrenze.top
37		            });
38		        } else {
39		            if (($window.scrollTop()) < obereGrenze.top) {
40		                $banner.stop().animate({
41		                    marginTop: 0
42		                });
43		            };
44		            if(($window.scrollTop()) > unterGrenze) {
45		                $banner.stop().animate({
46		                    marginTop: unterGrenze
47		                });
48		            };
49		        }
50		    });
51	    }
52	    */
53	}
54});
55
56
57
58
59/*
60 * https://medium.com/geekculture/detecting-mobile-vs-desktop-browsers-in-javascript-ad46e8d23ce5
61 */
62function isMobile2() {
63	console.log('navigator.userAgent: '+navigator.userAgent);
64	const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
65	return regex.test(navigator.userAgent);
66}
67
68
69/*Minen Karussell*/
70
71jQuery(document).ready(function() {
72	/* Responsive Mega Menu - Navigation */
73	/*
74	siehe 
75	https://www.drweb.de/responsive-navigation-css-dropdown-menue/  
76	https://codepen.io/samiralley/pen/nxeKeq 
77	*/	
78	$('#nav').prepend('<div id="menu-icon"><span class="first"></span><span class="second"></span><span class="third"></span></div>');
79	//$('<div id="nav-modal" class="modal-bg"></div>').insertBefore("#nav ul");
80	$("#nav #menu-icon").on("click", function() {
81//	    $("#nav ul").slideToggle();
82	    $(this).toggleClass("active");
83	    //$("#nav .modal-bg").slideToggle();	    
84
85		// Mega Menu: aktive Menupunkte gleich aufklappen
86		//$('#nav .dropdown a.selected').parents('ul').addClass('hover');
87	});
88	
89	$('#rightcolumn').prepend('<div id="menu-icon"></div>');
90	$("#rightcolumn #menu-icon").on("click", function() {
91		$('#rightcolumn').toggleClass("visible");
92		$(this).toggleClass("active");
93	});
94	
95	// div.table_wrapper beim responsive Ansicht macht Tabellen horizontal scrollbar
96	$('body.responsive #page .col.center table').each ( function() {
97		if($(this).parent('.table_wrapper').length <1) {
98				$(this).wrap('<div class="table_wrapper"></div>');
99				wrapper = $(this).parent('.table_wrapper');
100				if($(this).width() > wrapper.width()) {
101					wrapper.addClass('scroll');
102				}
103			}
104		 }
105	 );
106
107	// Artikel-Block mit Spalten: Spaltenhoehe abgleichen
108	var boxes = $(".box ul.itemlist").has("li.listitem.messages").each(function() {
109		height_max = 0;
110		$(this).find("h3").each(function() {
111			if($(this).height() > height_max) height_max = $(this).height()
112		});
113		$(this).find("h3").height(height_max);
114	});
115	/**/
116/*
117xxx
118	var padding_max = 26;
119	var padding_min = 4;
120$('.subnaviTabbed').each(function() {
121	var padding = padding_max;
122	$(this).find('ul.lvl_1 li a').css('padding-left', padding_max+'px');
123	$(this).find('ul.lvl_1 li a').css('padding-right', padding_max+'px');
124
125	var aaa = $(this).find('ul.lvl_1').height();
126	var bbb = $(this).find('ul.lvl_1 li a').height();
127
128	while(aaa > bbb) {
129		padding--;
130		$(this).find('ul.lvl_1 li a').css('padding-left', padding+'px');
131		$(this).find('ul.lvl_1 li a').css('padding-right', padding+'px');
132		aaa = $(this).find('ul.lvl_1').height();
133		if(padding == padding_min) break;
134	}
135	$(this).find('ul.lvl_2').css('padding-left', padding+'px');
136	$(this).find('ul.lvl_2').css('padding-right', padding+'px');
137
138});
139
140*/
141// adjustPaddings();
142function adjustPaddings() {
143$('.subnaviTabbed').each(function() {
144	var padding = parseInt($(this).find('ul.lvl_1 li a').css('padding-left'));
145
146	var aaa = $(this).find('ul.lvl_1').innerWidth();
147	var bbb = 0;
148	$(this).find('ul.lvl_1 li a').each(function() {
149		bbb = bbb + $(this).outerWidth();
150		//alert ('123');
151	});
152

153	if(bbb < aaa) {
154		var count = $(this).find('ul.lvl_1 li a').length;
155		var step = count*2;
156		var width = bbb;
157		while (width < aaa) {
158			width = width + step;
159			if(padding == padding_max) break;
160			if(width >= aaa) break;
161			padding++;
162		}
163		$(this).find('ul.lvl_1 li a').css('padding-left', padding+'px');
164		$(this).find('ul.lvl_1 li a').css('padding-right', padding+'px');
165	}
166
167	$(this).find('ul.lvl_2').css('padding-left', padding+'px');
168	$(this).find('ul.lvl_2').css('padding-right', padding+'px');
169
170});
171
172$("input:text").addClass("ui-corner-all");
173//$("input:button").button();
174//$("input:submit").button();
175//$("input:reset").button();
176//$("select").select();
177}
178
179
180});