https://www.zenlayer.com/wp-content/plugins/zenlayer-network-perfo…/assets/js/custom-script.js?ver=1315069118

1jQuery(document).ready(function($) {
2
3    var previousSelection = [];
4
5    jQuery('#publicLocationFilter , #privateLocationFilter').dropdown({
6        onChange: function(value, text, $selectedItem) {
7
8            jQuery('.filterBody tr td:not(.noHide)').hide();
9            jQuery('.filterHead tr td:not(.noHide)').hide();
10
11            if (value.length > 0) {
12            jQuery.each(value, function (index, selectedValue) {
13                var selectHeader = parseInt(selectedValue) + 1;
14
15                // For head
16                jQuery('.filterHead tr td:nth-child(' + selectHeader + ')').addClass('noHide').show();
17
18                // For body
19                jQuery('.filterBody tr td:nth-child(' + selectHeader + ')').addClass('noHide').show();
20            });
21
22            jQuery.each(previousSelection, function (index, prevSelectedValue) {
23                if (value.indexOf(prevSelectedValue) === -1) {
24                var prevSelectHeader = parseInt(prevSelectedValue) + 1;
25
26                // For head
27                jQuery('.filterHead tr td:nth-child(' + prevSelectHeader + ')').removeClass('noHide').hide();
28
29                // For body
30                jQuery('.filterBody tr td:nth-child(' + prevSelectHeader + ')').removeClass('noHide').hide();
31                }
32            });
33            } else {
34                // If the selection is empty, show all rows and header cells
35                jQuery('.filterBody tr td').show();
36                jQuery('.filterHead tr td').show();
37            }
38
39            if (value.length > 0) {
40                previousSelection = value;
41            }
42            
43        }
44    });
45
46    // Add hover effect for vertical rows
47    jQuery('.tableWrapper .filterBody td').hover(function () {
48
49        var columnIndex =jQuery(this).index();
50
51       jQuery('.tableWrapper .filterBody td:not(:first-child)').filter(':nth-child(' + (columnIndex + 1) + ')').css('background-color', 'rgba(0,185,227,.08)');
52    }, 
53    function () {
54
55       jQuery('.tableWrapper .filterBody td').css('background-color', 'transparent');
56    });
57
58
59    // Add Class on click Background effect for horizontal rows
60
61    jQuery('.tableWrapper .filterBody td:not(:first-child)').click(function () {
62
63        jQuery('.tableWrapper .filterBody tr').removeClass('selectedRow');
64
65        jQuery(this).closest('tr').addClass('selectedRow');
66    });
67
68
69    // Add Class on click Background effect for vertical rows
70
71    jQuery('.tableWrapper .filterBody td:not(:first-child)').click(function () {
72
73        jQuery('.tableWrapper .filterBody td').removeClass('selectedColumn');
74
75        var columnIndex = jQuery(this).index();
76
77        jQuery('.tableWrapper .filterBody td:not(:first-child)').filter(':nth-child(' + (columnIndex + 1) + ')').addClass('selectedColumn');
78    });
79
80    
81
82});