MBI6024-Serie von Macroblock | RGB LED Treiber ICs (2024)

' : '

'; tableContent += '

' var setNeumueller = false console.log(gridStatus) tableContent += gridStatus ? '

' : '' $('#filter-items-hersteller').find('li').each(function () { $(this).find('input').each(function () { var splitInputVal = $(this).val().split(";"); for (var j = 0; j < splitInputVal.length; j++) { if (obj[4] == splitInputVal[j]) { setNeumueller = true; var herstName = $(this).parent('li').attr('class').replace(/\ /g, "-").replace(/\*/g, "").replace(/\;/g, "").replace(/\=/g, "-").replace(/\+/g, "-").replace(/\:/g, "-").replace(/\Ω/g, "").replace(/\“/g, "-").replace(/\”/g, "-").replace(/\,/g, "-").replace(/\¼/g, "einviertel").replace(/\ß/g, "ss").replace(/\./g, "-").replace(/\[/g, "-").replace(/\]/g, "-").replace(/\!/g, "-").replace(/\?/g, "-").replace(/\–/g, "-").replace(/\°/g, "grad").replace(/\%/g, "prozent").replace(/\(/g, "-").replace(/\)/g, "-").replace(/\&/g, "und").replace(/\//g, "-").replace(/\"/g, "zoll").replace(/\™/g, "").replace(/\è/g, "e").replace(/\ä/g, "ae").replace(/\ö/g, "oe").replace(/\ü/g, "ue").replace(/\Ä/g, "Ae").replace(/\Ö/g, "Oe").replace(/\Ü/g, "Ue").replace(/\---/g, "-").replace(/\--/g, "-").toLowerCase() if (herstName[herstName.length - 1] == "-") { herstName = herstName.substring(0, herstName.length - 1) } //tableContent += '' tableContent += '' break; } } }); if (setNeumueller) { } }); if (!setNeumueller) { tableContent += '' } if (selectedInputs[0] != '' && !setNeumueller) { var splitVal = selectedInputs[0].split(";"); var tmpMatch = false; for (var j = 0; j < splitVal.length; j++) { if ("Neumüller Elektronik GmbH" == splitVal[j].trim()) { tmpMatch = true; break; } } if (!tmpMatch) { filteredProductMatch = false; } } else if (selectedInputs[0] != '') { var splitVal = selectedInputs[0].split(";"); var tmpMatch = false; for (var j = 0; j < splitVal.length; j++) { if (obj[4].trim() == splitVal[j].trim()) { tmpMatch = true; break; } } if (!tmpMatch) { filteredProductMatch = false; } } for (var key in obj) { keyArray = key.split("§"); keyNumber = keyArray[0]; if (obj.hasOwnProperty(key)) { if (obj[key].split("§")[1] != null && key >= 6) { if (selectedInputs[key -5] != '') { var splitVal = selectedInputs[key -5].split(";"); var tmpMatch = false; for (var j = 0; j < splitVal.length; j++) { if (obj[key].split("§")[1].indexOf("|") != -1) { var splitVal2 = obj[key].split("§")[1].split("|"); for (var k = 0; k < splitVal2.length; k++) { if (splitVal2[k].replace("±", "").trim().toLowerCase() == splitVal[j].trim().toLowerCase() || splitVal2[k].replace("±", "-").trim().toLowerCase() == splitVal[j].trim().toLowerCase()) { tmpMatch = true; break; } } } else if (obj[key].replace("±", "").split("§")[1].trim().toLowerCase() == splitVal[j].trim().toLowerCase() || obj[key].replace("±", "-").split("§")[1].trim().toLowerCase() == splitVal[j].trim().toLowerCase()) { tmpMatch = true; break; } } if (!tmpMatch) { filteredProductMatch = false; } } var valUnit = obj[key].split("§")[0].substring(obj[key].split("§")[0].indexOf('[') + 1, obj[key].split("§")[0].indexOf(']')) if (obj[key].split("§")[1] != '-') { tableContent += ''; } else { tableContent += ''; } } else if (key >= 6) { tableContent += ''; } } } tableContent += '

' + hersteller + '
' + hersteller + ':	' + $(this).parent().attr('class') + '
' + hersteller + ':	Neumüller Elektronik
' + $.trim(obj[key].split("§")[0].replace("[" + valUnit + "]", '')) + ':' + '	' + $.trim(obj[key].split("§")[1]) + ' ' + valUnit + '
' + $.trim(obj[key].split("§")[0].replace("[" + valUnit + "]", '')) + ':' + '	' + $.trim(obj[key].split("§")[1]) + '
' + $.trim(obj[key].split("§")[0].replace("[" + valUnit + "]", '')) + ':' + '	-

'; tableContent += ''; tableContent += '' if (filteredProductMatch) { finalTableContent += tableContent; filteredArticelCount++; pdgCounter++; } } filteredProductTable = finalTableContent; return filteredArticelCount; } } else { setTimeout(prepFilteredTable, 500); } } function showFilteredTable() { if (typeof filteredProductTable !== "undefined" && filteredProductTable != "") { if ($('#nmpd-table').length) { $('#table-' + '78' + ' .product-line').remove(); $('#table-' + '78').append(filteredProductTable); $('.artikelImageMin').each(function () { $(this).mouseenter(function (e) { var thisImgPfad = $(this).attr("src"); this.src = thisImgPfad.substring(0, thisImgPfad.length - 8) + ".webp"; this.style.width = "auto"; this.style.maxWidth = "100px"; this.style.maxHeight = "100px"; }); $(this).mouseleave(function () { var thisImgPfad = $(this).attr("src"); this.src = thisImgPfad.substring(0, thisImgPfad.length - 4) + "-min.webp"; this.style.width = "37px"; }); }) try { $("#bookmark-table th#100").attr('style', 'min-width:' + $("#not-bookmark-bar th#100").width() + 'px'); for (var a = 0; a < 30; a++) { $("#bookmark-table th#" + a + "").attr('style', 'min-width:' + $("#not-bookmark-bar th#" + a + "").width() + 'px'); } } catch (err) { console.log(err) } var node = document.getElementById('nmpd-table'); var yourHeight = $('header').outerHeight(); // scroll to your element node.scrollIntoView(true); // now account for fixed header var scrolledY = window.scrollY; if (scrolledY) { window.scroll(0, scrolledY - yourHeight); } //if (($('input[name="orderNum"]').val == "0" && $('input[name="reverse"]').val == "true") || $('input[name="orderNum"]').val != "0") { // sortTable($('input[name="orderNum"]').val, $('input[name="reverse"]').val); //} } else { $('#nmpd-table-grid .pt-grid-product').remove(); $('#nmpd-table-grid .pt-grid form').append(filteredProductTable); if (gridStatus) { $('.product-table').css('display', 'table'); } else { $('.product-table').css('display', 'none'); } $('.artikelImageMin').each(function () { $(this).mouseenter(function (e) { var thisImgPfad = $(this).attr("src"); this.src = thisImgPfad.substring(0, thisImgPfad.length - 8) + ".webp"; this.style.width = "auto"; this.style.maxWidth = "100px"; this.style.maxHeight = "100px"; }); $(this).mouseleave(function () { var thisImgPfad = $(this).attr("src"); this.src = thisImgPfad.substring(0, thisImgPfad.length - 4) + "-min.webp"; this.style.width = "37px"; }); }) $('.ptgp-button-div1b').hover(function () { var id = $(this).find('img').attr("id").substring(16, $(this).find('img').attr("id").length); $(this).css("border", "1px solid #fff").css("background", "#00a1e9"); $('.ptgp-button-request' + id + ', .addProduct-button' + id + ', #ptgp-button-details' + id).css("color", "#036").css("background", "#eee").css("border", "1px solid #036"); $('#ptgp-button-img1' + id).attr("src", '/Content/img/icon-compare-white.png'); $('#ptgp-button-img2' + id).attr("src", '/Content/img/icon-pin-blue.png'); $('#ptgp-button-img3' + id).attr("src", '/Content/img/icon-details-blue.png'); $('#ptgp-button-img4' + id).attr("src", '/Content/img/icon-request-blue.png'); }) $('.addProduct-button').hover(function () { var id = $(this).find('img').attr("id").substring(16, $(this).find('img').attr("id").length); $(this).css("border", "1px solid #fff").css("background", "#00a1e9"); $('.ptgp-button-request' + id + ', #ptgpbd' + id + ', #ptgp-button-details' + id).css("color", "#036").css("background", "#eee").css("border", "1px solid #036");; $('#ptgp-button-img1' + id).attr("src", '/Content/img/icon-compare-blue.png'); $('#ptgp-button-img2' + id).attr("src", '/Content/img/icon-pin-white.png'); $('#ptgp-button-img3' + id).attr("src", '/Content/img/icon-details-blue.png'); $('#ptgp-button-img4' + id).attr("src", '/Content/img/icon-request-blue.png'); }) $('.ptgp-button-details').hover(function () { var id = $(this).find('img').attr("id").substring(16, $(this).find('img').attr("id").length); $(this).css("border", "1px solid #fff").css("background", "#00a1e9").css("color", "#fff"); $('.ptgp-button-request' + id + ', #ptgpbd' + id + ', .addProduct-button' + id).css("color", "#036").css("background", "#eee").css("border", "1px solid #036");; $('#ptgp-button-img1' + id).attr("src", '/Content/img/icon-compare-blue.png'); $('#ptgp-button-img2' + id).attr("src", '/Content/img/icon-pin-blue.png'); $('#ptgp-button-img3' + id).attr("src", '/Content/img/icon-details-white.png'); $('#ptgp-button-img4' + id).attr("src", '/Content/img/icon-request-blue.png'); }) $('.add-to-basket').hover(function () { var id = $(this).find('img').attr("id").substring(16, $(this).find('img').attr("id").length); $(this).css("border", "1px solid #fff").css("background", "#00a1e9").css("color", "#fff"); $('.addProduct-button' + id + ', #ptgpbd' + id + ', #ptgp-button-details' + id).css("color", "#036").css("background", "#eee").css("border", "1px solid #036");; $('#ptgp-button-img1' + id).attr("src", '/Content/img/icon-compare-blue.png'); $('#ptgp-button-img2' + id).attr("src", '/Content/img/icon-pin-blue.png'); $('#ptgp-button-img3' + id).attr("src", '/Content/img/icon-details-blue.png'); $('#ptgp-button-img4' + id).attr("src", '/Content/img/icon-request-white.png'); }) $('.ptgp-button').hover(function () { }, function () { var id = $(this).find('img').first().attr("id").substring(16, $(this).find('img').attr("id").length); $('.ptgp-button-request' + id).css("border", "1px solid #fff").css("background", "#00a1e9").css("color", "#fff"); $('.addProduct-button' + id + ', #ptgpbd' + id + ', #ptgp-button-details' + id).css("color", "#036").css("background", "#eee").css("border", "1px solid #036");; $('#ptgp-button-img1' + id).attr("src", '/Content/img/icon-compare-blue.png'); $('#ptgp-button-img2' + id).attr("src", '/Content/img/icon-pin-blue.png'); $('#ptgp-button-img3' + id).attr("src", '/Content/img/icon-details-blue.png'); $('#ptgp-button-img4' + id).attr("src", '/Content/img/icon-request-white.png'); }) $('.addProduct-button').click(function () { addProductToList(this.getAttribute('id')); }) $('.add-to-basket').click(function () { addProductToList(this.getAttribute('id')); }) $('.compare-button').live("click", function (e) { if ($('.compare-button:checked').length > 3) { //e.preventDefault(); $('.submit-compare').attr("readonly", true); //$('body').append(''); } else { $('.submit-compare').attr("readonly", false); } }); $('.submit-compare').live("click", function (e) { if ($('.submit-compare').is('[readonly="readonly"]') || $('.compare-button:checked').length <= 1) { e.preventDefault(); $('body').append(''); } }); var node = document.getElementById('nmpd-table-grid'); var yourHeight = $('header').outerHeight(); // scroll to your element node.scrollIntoView(true); // now account for fixed header var scrolledY = window.scrollY; if (scrolledY) { window.scroll(0, scrolledY - yourHeight); } } $('.modal-wrapper2').css('display', 'none'); } else { setTimeout(showFilteredTable, 500); } } $('.submitFilter').click(function () { $('.filterVonBis').attr('disabled', true); if ($('#nmpd-table').length) { $('.product-table-wrapper').css('height', 'auto'); } else { $('.pt-grid-product').each(function () { $(this).css('display', 'block'); }) } document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; var url = '/de/produktgruppe/rgb-led-treiber-ics/mbi6024-serie'; if ($('#nmpd-table').length) { $('input[name="orderNum"]').val($('img.active').attr('id')); if ($('img.active').attr('class')[0] == 'd') { $('input[name="reverse"]').val('true'); } else { $('input[name="reverse"]').val('false'); } } else { $('input[name="orderNum"]').val($('#select-sort-table').val()); if ($('input[name="sorting-grid"]:checked').val() == 'descending') { $('input[name="reverse"]').val('true'); } else { $('input[name="reverse"]').val('false'); } } showFilteredTable(); //$.post("/de/Ajax/CountProducts", $('#form-' + '78').serialize()).done(function (data) { //console.log(data) //console.log(data.Artikel) //}); //postFilter($('#form-' + '78').find('input[type="checkbox"]').first(), '/de/produktgruppe/rgb-led-treiber-ics/mbi6024-serie'); $('.filterVonBis').attr('disabled', false); }); function addEventToLoadMoreButton(element, evnt, funct) { if (element.attachEvent) return element.attachEvent('on' + evnt, funct); else return element.addEventListener(evnt, funct, false); } addEventToLoadMoreButton(document.getElementById('showMoreArticleButton'), 'click', function () { $('.filterVonBis').attr('disabled', true); $('.modal-wrapper2').fadeIn(100, function () { showFilteredTable(); document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; }); $('.filterVonBis').attr('disabled', false); }); $('#changeViewToTable').hover(function () { $('#changeViewToTable img').attr('src', '/Content/img/icon-table-lightblue.png'); }, function () { if (!$('#nmpd-table').length) { $('#changeViewToTable img').attr('src', '/Content/img/icon-table-blue.png'); } }); $('#changeViewToGrid').hover(function () { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-lightblue.png'); }, function () { if ($('#nmpd-table').length || $('.pt-grid-product .product-table').first().is(':visible')) { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-blue.png'); } }); $('#changeViewToGridPlus').hover(function () { $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-gridplus-lightblue.png'); }, function () { if ($('#nmpd-table').length || (!$('#nmpd-table').length && !$('.pt-grid-product .product-table').first().is(':visible'))) { $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-gridplus-blue.png'); } }); $('#showFilterButton').hover(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-white.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-sort-blue.png'); $('#showFilterButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showSortierenButton, #showAnsichtButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); }, function () { if (!$('#filter-menu-wrapper').is(':visible')) { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showFilterButton').css("color", "#fff").css("color", "#fff").css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); } }); $('#showSortierenButton').hover(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-sort-white.png'); $('#showSortierenButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showAnsichtButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); }, function () { if (!$('#filter-sortable').is(':visible')) { $('#showSortierenButton img').attr('src', '/Content/img/icon-sort-blue.png'); $('#showSortierenButton').css("color", "#fff").css("color", "#fff").css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); } }); $('#showAnsichtButton').hover(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-sort-blue.png'); $('#showAnsichtButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showSortierenButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); }, function () { if (!$('#change-view-wrapper').is(':visible')) { $('#showAnsichtButton').css("color", "#fff").css("color", "#fff").css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); } }); $('#showSeriesButton').hover(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-sort-blue.png'); $('#showSeriesButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showSortierenButton, #showAnsichtButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); }, function () { if (!$('#serie-wrapper-content').is(':visible')) { $('#showSeriesButton').css("color", "#fff").css("color", "#fff").css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); } }); $('#showFilterSerieButtonsWrapper').hover(function () { }, function () { if ($('#filter-menu-wrapper').is(':visible')) { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-white.png'); $('#showFilterButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); } if ($('#filter-sortable').is(':visible')) { $('#showSortierenButton img').attr('src', '/Content/img/icon-filter-white.png'); $('#showSortierenButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); } if ($('#change-view-wrapper').is(':visible')) { $('#showAnsichtButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); } if ($('#serie-wrapper-content').is(':visible')) { $('#showSeriesButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); } }); $('#showFilterButton').click(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-white.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showFilterButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showSortierenButton, #showAnsichtButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); $('#filter-wrapper-headline').toggle(); $('#filter-menu-wrapper').toggle(); $('#filter-submit-reset-buttons').toggle(); $('#filter-sortable').css("display", "none"); $('#serie-wrapper-content').css("display", "none"); $('#change-view-wrapper').css("display", "none"); }); $('#showSortierenButton').click(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-filter-white.png'); $('#showSortierenButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showAnsichtButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); $('#filter-sortable').toggle(); $('#filter-wrapper-headline').css("display", "none"); $('#filter-menu-wrapper').css("display", "none"); $('#serie-wrapper-content').css("display", "none"); $('#change-view-wrapper').css("display", "none"); $('#filter-submit-reset-buttons').css("display", "none"); }); $('#showAnsichtButton').click(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showAnsichtButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showSortierenButton, #showSeriesButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); $('#change-view-wrapper').toggle(); $('#filter-wrapper-headline').css("display", "none"); $('#filter-menu-wrapper').css("display", "none"); $('#serie-wrapper-content').css("display", "none"); $('#filter-sortable').css("display", "none"); $('#filter-submit-reset-buttons').css("display", "none"); if ($('#nmpd-table').length) { $('#changeViewToTable img').attr('src', '/Content/img/icon-table-lightblue.png'); } else { if ($('.pt-grid-product .product-table').first().is(':visible')) { $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-gridplus-lightblue.png'); } else { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-lightblue.png'); } } }); $('#showSeriesButton').click(function () { $('#showFilterButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSortierenButton img').attr('src', '/Content/img/icon-filter-blue.png'); $('#showSeriesButton').css("color", "#fff").css("background", "#00A1E9").css("border", "1px solid #fff"); $('#showFilterButton, #showSortierenButton, #showAnsichtButton').css("color", "#036").css("background", "#f7f7f7").css("border", "1px solid #036"); $('#serie-wrapper-content').toggle(); $('#filter-wrapper-headline').css("display", "none"); $('#filter-menu-wrapper').css("display", "none"); $('#filter-sortable').css("display", "none"); $('#change-view-wrapper').css("display", "none"); $('#filter-submit-reset-buttons').css("display", "none"); }); $('.resetFilter').click(function () { $(this).parents(".filterItemsWrapper").find("select").each(function () { this.selectedIndex = 0}); $(this).parents(".filterItemsWrapper").children(".filter-items").find('input[type="checkbox"]').each(function () { $(this).prop("checked", false) }); $(this).parents('.filter-menu-item').find(".filter-h4").each(function () { $(this).css("color", "#222") }); var oneOfUsIsChecked = false; $(".filterItemsWrapper").find('input[type="checkbox"]:checked').each(function () { oneOfUsIsChecked = true }); if (!oneOfUsIsChecked) { $('#filter-submit-reset-buttons').css("display", "none") } if (Modernizr.mq('(min-width: 1024px)')) { $(this).parents(".filterItemsWrapper").find(".filterButton").each(function () { $(this).css("display", "none") }); $(this).parents('.filterItemsWrapper').children('.filter-items').css('height', '134px'); if ($(this).parents('.filterItemsWrapper').find('input[type="checkbox"]').length >= 7) { $(this).parents('.filterItemsWrapper').children('.filter-from-to').parent().children('.filter-items').css('height', '105px'); } } countFilteredTable(); }); $('#resetAllFilter2').click(function () { $(".filterItemsWrapper").find("select").each(function () { this.selectedIndex = 0 }); $(".filter-items").find('input[type="checkbox"]').each(function () { $(this).prop("checked", false) }); $(".filter-h4").each(function () { $(this).css("color", "#222") }); $('#filter-submit-reset-buttons').css("display", "none"); $('.filterButton').css("display", "none"); if (Modernizr.mq('(min-width: 1024px)')) { $('.filter-items').css('height', '134px'); $(".filterItemsWrapper").each(function () { if ($(this).find('input[type="checkbox"]').length >= 7) { $(this).children('.filter-from-to').parent().children('.filter-items').css('height', '105px'); } }) } sortProductTable("show"); thisLocation = window.location.href; console.log(thisLocation) }); $('#changeViewToGrid').click(function (e) { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-lightblue.png'); $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-grid-blue.png'); $('#changeViewToTable img').attr('src', '/Content/img/icon-table-blue.png'); gridStatus = false; if (!$('#nmpd-table').length) { e.preventDefault(); $('.pt-grid-product .product-table').css("display", "none"); } }); $('#changeViewToGridPlus').click(function (e) { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-blue.png'); $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-grid-lightblue.png'); $('#changeViewToTable img').attr('src', '/Content/img/icon-table-blue.png'); gridStatus = true; if (!$('#nmpd-table').length) { e.preventDefault(); $('.pt-grid-product .product-table').css("display", "table"); } }); $('#changeViewToTable').click(function (e) { $('#changeViewToGrid img').attr('src', '/Content/img/icon-grid-blue.png'); $('#changeViewToGridPlus img').attr('src', '/Content/img/icon-grid-blue.png'); $('#changeViewToTable img').attr('src', '/Content/img/icon-table-lightblue.png'); }); $('.filter-h4').click(function () { if (Modernizr.mq('(max-width: 1023px)')) { var openedClass = 'opened'; var span = $(this); var filterItems = span.parents('.filter-menu-item').children('.filterItemsWrapper'); if (filterItems.css('display') == 'none') { $('.filter-h4 span').each(function () { $(this).removeClass(openedClass); }); $('.filterItemsWrapper').each(function () { $(this).css('display', 'none'); }); filterItems.css('display', 'block'); span.children('span').addClass(openedClass); var node; if ($('#nmpd-table').length) { node = document.getElementById('filter-wrapper-headline'); } else { node = document.getElementById($(this).attr('id')); } var yourHeight = $('header').outerHeight(); // scroll to your element node.scrollIntoView(true); // now account for fixed header var scrolledY = window.scrollY; if (scrolledY) { window.scroll(0, scrolledY - yourHeight); } } else { filterItems.css('display', 'none'); span.children('span').removeClass(openedClass); } } }) $('#bookmark-table img.ascending').click(function () { //try { ga('send', 'event', 'Produktgruppe', 'Sortierung', $(this).prop('id')); } catch (e) {} $('.filterVonBis').attr('disabled', true); $('#bookmark-table img.ascending').each(function () { $(this).attr('src', '/Content/img/pfeil_rauf_weiss.png') $(this).removeClass('active'); }) $('#bookmark-table img.descending').each(function () { $(this).attr('src', '/Content/img/pfeil_runter_weiss.png') $(this).removeClass('active'); }) $(this).attr('src', '/Content/img/pfeil_rauf_pink.png') $('#grid-sorting-ascending').prop("checked", true); $('#grid-sorting-descending').prop("checked", false); $(this).addClass('active') $('input[name="orderNum"]').val($(this).attr('id')); $('#select-sort-table').val($(this).attr('id')); if ($(this).attr('class')[0] == 'd') { $('input[name="reverse"]').val('true'); } else { $('input[name="reverse"]').val('false'); } $('.modal-wrapper2').fadeIn(100, function () { sortProductTable("show"); document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; }); $('.filterVonBis').attr('disabled', false); }); $('#bookmark-table img.descending').click(function () { //try { ga('send', 'event', 'Produktgruppe', 'Sortierung', $(this).prop('id')); } catch (e) {} $('.filterVonBis').attr('disabled', true); $('#bookmark-table img.descending').each(function () { $(this).attr('src', '/Content/img/pfeil_runter_weiss.png') $(this).removeClass('active'); }) $('#bookmark-table img.ascending').each(function () { $(this).attr('src', '/Content/img/pfeil_rauf_weiss.png') $(this).removeClass('active'); }) $(this).attr('src', '/Content/img/pfeil_runter_pink.png') $('#grid-sorting-ascending').prop("checked", false); $('#grid-sorting-descending').prop("checked", true); $(this).addClass('active') $('input[name="orderNum"]').val($(this).attr('id')); $('#select-sort-table').val($(this).attr('id')); if ($(this).attr('class')[0] == 'd') { $('input[name="reverse"]').val('true'); } else { $('input[name="reverse"]').val('false'); } $('.modal-wrapper2').fadeIn(100, function () { sortProductTable("show"); document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; }); $('.filterVonBis').attr('disabled', false); //if (document.getElementById('showMoreArticleButtonWrapper').style.display != 'none') { // $('.modal-wrapper2').fadeIn(100, function () { // $('.product-line:hidden').each(function () { $(this).css('display', 'table-row')}); // document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; // sortTable(n, true); // }); //} //else { // $('.modal-wrapper2').fadeIn(100, function () { // sortTable(n, true); // }); //} //sortTable(parseInt($(this).prop('id')) + 1, true); }); function sortProductTable(nextStep) { statusTableSorting = true; nextStep = nextStep || 'nix'; var countObjKeys = 0; var obj = productsJson[0]; for (var key in obj) { countObjKeys++ } var orderNum = parseInt($('input[name="orderNum"]').val()); if (orderNum > 0 && (orderNum + 5 < countObjKeys)) { orderNum = orderNum + 5; } else if (orderNum == 0) { orderNum = 3; } else { orderNum = 4; } var reverse = ($('input[name="reverse"]').val() == 'True' || $('input[name="reverse"]').val() == 'true' || false); console.log("Reverse=" + $('input[name="reverse"]').val()) if (lastOrderNum != orderNum || lastReverse != reverse || (loadFilteredTableFirstTime && orderNum == 0 && reverse) || (loadFilteredTableFirstTime && orderNum != 0)) { productsJson.sort(function (a, b) { var sortAOrig = a[orderNum]; var sortBOrig = b[orderNum]; var sortA = a[orderNum]; var sortB = b[orderNum]; if (sortA.indexOf("§") != -1) { sortA = sortA.split("§")[1]; sortB = sortB.split("§")[1]; } var regExp = /[a-zA-Z]/i; if (!isNaN(parseFloat(sortA)) && !regExp.test(sortA)) { if (sortA.indexOf("|") != -1) { sortA = sortA.split("§")[0]; } } if (!isNaN(parseFloat(sortB)) && !regExp.test(sortB)) { if (sortB.indexOf("|") != -1) { sortB = sortB.split("§")[0]; } } if (sortA == "-") { if (!isNaN(parseFloat(sortB)) && !regExp.test(sortB)) { if (reverse) { sortA = 0; } else { sortA = 9999999; } } else { if (!reverse) { sortA = "ZZZZZZZZ"; } } } if (sortB == "-") { if (!isNaN(parseFloat(sortA)) && !regExp.test(sortA)) { if (reverse) { sortB = 0; } else { sortB = 9999999; } } else { if (!reverse) { sortB = "ZZZZZZZZ"; } } } //if ((!isNaN(parseFloat(sortA)) && !regExp.test(sortA)) && (!isNaN(parseFloat(sortB)) && !regExp.test(sortB))) { if ((!isNaN(parseFloat(sortA))) && (!isNaN(parseFloat(sortB)))) { if (parseFloat(sortA.toString().replace(",", ".")) - parseFloat(sortB.toString().replace(",", ".")) != 0) { return (parseFloat(sortA.toString().replace(",", ".")) - parseFloat(sortB.toString().replace(",", "."))); } else { return ('' + sortA).localeCompare(sortB); } } else { return ('' + sortA).localeCompare(sortB); //return (sortA > sortB) ? 1 : ((sortA < sortB) ? -1 : 0); } }); if (reverse) { productsJson.reverse(); } lastOrderNum = orderNum; lastReverse = reverse } statusTableSorting = false; loadFilteredTableFirstTime = false; if (nextStep == 'show') { var articleCountforSubmitButton = prepFilteredTable(); $(".dot-flashing-stage").each(function () { $(this).css('display', 'none') }); $(".submitFilter").each(function () { if (!(articleCountforSubmitButton == 0)) { $(this).css("background", "#00a1e9") this.innerText = '' + articleCountforSubmitButton + " " + 'Artikel anzeigen' } else { $(this).css("background", "red") this.innerText = '' + articleCountforSubmitButton + " " + 'Artikel' } $(this).prop("disabled", false); }); $('#filter-artikelanzahl-anteil').each(function () { this.innerText = '' + articleCountforSubmitButton; }); showFilteredTable(); } else if (nextStep == 'count') { countFilteredTable(); } } $('#select-sort-table').change(function () { //try { ga('send', 'event', 'Produktgruppe', 'Sortierung', 'mobile'); } catch (e) { } $('.filterVonBis').attr('disabled', true); $('.modal-wrapper2').fadeIn(100, function () { document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; $('input[name="orderNum"]').val($('#select-sort-table').val()); if ($('#nmpd-table').length) { if ($('input[name=sorting-grid]:checked').val() == "ascending") { $('.ascending').attr('src', '/Content/img/pfeil_rauf_weiss.png') $('.descending').attr('src', '/Content/img/pfeil_runter_weiss.png') $('#' + $('#select-sort-table').val() + ".ascending").attr('src', '/Content/img/pfeil_rauf_pink.png') } else { $('.ascending').attr('src', '/Content/img/pfeil_rauf_weiss.png') $('.descending').attr('src', '/Content/img/pfeil_runter_weiss.png') $('#' + $('#select-sort-table').val() + ".descending").attr('src', '/Content/img/pfeil_runter_pink.png') } } sortProductTable("show"); }); $('.filterVonBis').attr('disabled', false); }); $('input[name=sorting-grid]').change(function () { $('.filterVonBis').attr('disabled', true); $('.modal-wrapper2').fadeIn(100, function () { document.getElementById('showMoreArticleButtonWrapper').style.display = 'none'; if ($('input[name=sorting-grid]:checked').val() == "ascending") { $('input[name="reverse"]').val("false"); } else { $('input[name="reverse"]').val("true"); } if ($('#nmpd-table').length) { if ($('input[name=sorting-grid]:checked').val() == "ascending") { $('.ascending').attr('src', '/Content/img/pfeil_rauf_weiss.png') $('.descending').attr('src', '/Content/img/pfeil_runter_weiss.png') $('#' + $('#select-sort-table').val() + ".ascending").attr('src', '/Content/img/pfeil_rauf_pink.png') } else { $('.ascending').attr('src', '/Content/img/pfeil_rauf_weiss.png') $('.descending').attr('src', '/Content/img/pfeil_runter_weiss.png') $('#' + $('#select-sort-table').val() + ".descending").attr('src', '/Content/img/pfeil_runter_pink.png') } } sortProductTable("show"); }); $('.filterVonBis').attr('disabled', false); }); function sortGrid(n, reverse) { $('.pt-grid-product').show(); sorting = []; gridHtml = ""; var contentVar = '#gridRow-' + n; var contentHeader = '#gridRowHeader-' + n; $('.pt-grid-product').each(function () { if (n != 1) { sorting.push({ content: $(this).find(contentVar).text().replace(',', '.').toLowerCase(), row: $(this).attr("id") }); } else { sorting.push({ content: $(this).find(contentVar).find('img').attr('src').toLowerCase().split("/").pop(), row: $(this).attr("id") }); } }); //sorting = sorting.sort(); if ($('.pt-grid-product').find(contentHeader).text().indexOf("[") != -1 && n != 0 && n != 1) { sorting = sorting.sort(function (a, b) { a.content = parseFloat(a.content) b.content = parseFloat(b.content) if (isNaN(a.content)) { a.content = 0; } if (isNaN(b.content)) { b.content = 0; } return a.content - b.content }); } else { sorting = sorting.sort(function (a, b) { return a.content > b.content ? 1 : a.content < b.content ? -1 : 0 }); //sorting = sorting.sort(); } if (reverse) { sorting.reverse(); } gridHtml = gridHtml + '' $('.product-table-wrapper').html(gridHtml); $('.modal-wrapper2').css('display', 'none'); } function sortTable(n, reverse) { sorting = []; tbodyHtml = null; $('table.product-table tbody tr').each(function () { if (n != 1 && n != 2) { sorting.push({ content: $(this).children('td').eq(n).html().replace(',', '.').toLowerCase(), row: $(this).index() }); } else { try { sorting.push({ content: $(this).children('td').eq(n).find('a').html().replace(',', '.').toLowerCase(), row: $(this).index() }); } catch(e) { sorting.push({ content: $(this).children('td').eq(n).html().replace(',', '.').toLowerCase(), row: $(this).index() }); } } //sorting.push({content:$(this).children('td').eq(n).html().replace(',','.').toLowerCase(),row: $(this).index()}); }); //sorting = sorting.sort(); if ($('table.product-table').find('th')[n].innerText.indexOf("[") != -1) { sorting = sorting.sort(function (a, b) { a.content = parseFloat(a.content) b.content = parseFloat(b.content) if (isNaN(a.content)) { a.content = 0; } if (isNaN(b.content)) { b.content = 0; } return a.content - b.content }); } else { sorting = sorting.sort(function (a, b) { return a.content > b.content ? 1 : a.content < b.content ? -1 : 0 }); } if (reverse) { sorting.reverse(); } for (var sortingIndex = 0; sortingIndex < sorting.length; sortingIndex++) { rowId = parseInt(sorting[sortingIndex].row); tbodyHtml = tbodyHtml + $('table.product-table tbody tr').eq(rowId)[0].outerHTML; } $('table.product-table tbody').html(tbodyHtml); try { $("#bookmark-table th#100").attr('style', 'min-width:' + $("#not-bookmark-bar th#100").width() + 'px'); for (var a = 0; a < 30; a++) { $("#bookmark-table th#" + a + "").attr('style', 'min-width:' + $("#not-bookmark-bar th#" + a + "").width() + 'px'); } } catch (err) { console.log(err) } $('.modal-wrapper2').css('display', 'none'); } //$.post("/de/Ajax/GetProducts", $('#form-' + 'Model.Group_ID').serialize()).done(function (data) { // productTable = data; // statusProductTable = true; // countFilteredTable(); //}); var resizeId; $(window).resize(function () { clearTimeout(resizeId); resizeId = setTimeout(doneResizing, 300); }); function doneResizing() { if (Modernizr.mq('(min-width: 1024px)')) { $('#filter-wrapper-headline, #serien-wrapper-headline2, #sort-wrapper-headline, #view-wrapper-headline').css("display", "inline-block") var ulwidth = 0; $(".filter-menu-item").each(function () { ulwidth += $(this).outerWidth() + 23; }); $(".filter-menu").css('width', ulwidth + 'px'); $('.filter-items').css('height', '134px'); $('.filterButton').css('display', 'none'); $(".filterItemsWrapper").each(function () { if ($(this).find('input[type="checkbox"]').length >= 7) { $(this).children('.filter-from-to').parent().children('.filter-items').css('height', '105px'); } }) $(".filterItemsWrapper").find('input[type="checkbox"]:checked').each(function () { $(this).parents('.filterItemsWrapper').children('.filter-items').css('height', '100px'); if ($(this).parents('.filterItemsWrapper').find('input[type="checkbox"]').length >= 7) { $(this).parents('.filterItemsWrapper').children('.filter-from-to').parent().children('.filter-items').css('height', '71px'); } $(this).parents('.filterItemsWrapper').children('.filterButton').css('display', 'block'); }) } else { $('#filter-wrapper-headline, #serien-wrapper-headline2, #sort-wrapper-headline, #view-wrapper-headline').css("display", "none") $(".filter-menu").css("width", '100%'); $('.filter-items').css('height', 'auto'); if ($('.filter-menu').is(':visible')) { $('#filter-wrapper-headline').css('display', 'block'); $(".filterItemsWrapper").find('input[type="checkbox"]:checked').each(function () { $('#filter-submit-reset-buttons').css("display", "block"); }); } else { $('#filter-submit-reset-buttons').css("display", "none"); } try { $("#bookmark-table th#100").attr('style', 'min-width:' + $("#not-bookmark-bar th#100").width() + 'px'); for (var a = 0; a < 30; a++) { $("#bookmark-table th#" + a + "").attr('style', 'min-width:' + $("#not-bookmark-bar th#" + a + "").width() + 'px'); } } catch (err) { console.log("FEHLER: " + err) } } if ($('#nmpd-table').length) { if (Modernizr.mq('(max-width: 599px)')) { var scrollTop = $(window).scrollTop() + 58 - $('.product-table').offset().top; } else if (Modernizr.mq('(max-width: 1279px)')) { var scrollTop = $(window).scrollTop() + 95 - $('.product-table').offset().top; } else { var scrollTop = $(window).scrollTop() + 107 - $('.product-table').offset().top; } if (scrollTop > 0) { $('#bookmark-table').css("top", scrollTop + "px"); } else { $('#bookmark-table').css("top", "0px"); } } }; })