// Define the sort function globally function sort(ascending, columnClassName, tableId) { var tbody = document.getElementById(tableId).getElementsByTagName('tbody')[0]; var rows = tbody.getElementsByTagName('tr'); var unsorted = true; while (unsorted) { unsorted = false for (var r = 0; r < rows.length - 1; r++) { var row = rows[r]; var nextRow = rows[r + 1]; var value = row.getElementsByClassName(columnClassName)[0].innerHTML; var nextValue = nextRow.getElementsByClassName(columnClassName)[0].innerHTML; if (!isNaN(value)) { value = parseFloat(value); nextValue = parseFloat(nextValue); } if (ascending ? value > nextValue : value < nextValue) { tbody.insertBefore(nextRow, row); unsorted = true; } applySearchFilter(); } } } // Define the buttonState function globally function buttonState(elem) { console.log('buttonState called'); var a = document.getElementsByClassName('btn'); for (var i = 0; i < a.length; i++) { a[i].classList.remove('active'); } elem.classList.add('active'); } // Search function function applySearchFilter() { const searchInputValue = document.querySelector('#alist-search').value.toLowerCase(); const tableRows = document.querySelector('#alist-table').querySelectorAll('#alist-table > tbody > tr'); tableRows.forEach(row => { const doesRowMatch = row.textContent.toLowerCase().includes(searchInputValue); if (doesRowMatch) { row.style.display = 'table-row'; } else { row.style.display = 'none'; } }); } window.onload = function() { // Select the element with the specified class let element = document.querySelector('#geodir-tab-content-a_list_lawyers'); // Define the HTML you want to insert let searchTag = '

'; // Insert the new HTML after the selected element element.insertAdjacentHTML('afterend', searchTag); // Search functionality const searchInput = document.querySelector('#alist-search'); const tableRows = document.querySelector('#alist-table').querySelectorAll('#alist-table > tbody > tr'); // Add event listener for real-time search searchInput.addEventListener('input', applySearchFilter); // Button click functionality var elements = document.querySelectorAll(".btn1"); elements.forEach(function(element) { element.setAttribute('onclick', "sort(true, 'lawyer', 'alist-table'); buttonState(this);"); }); var elements2 = document.querySelectorAll(".btn2"); elements2.forEach(function(element) { element.setAttribute('onclick', "sort(false, 'lawyer', 'alist-table'); buttonState(this);"); }); var elements3 = document.querySelectorAll(".btn3"); elements3.forEach(function(element) { element.setAttribute('onclick', "sort(true, 'award', 'alist-table'); buttonState(this);"); }); var elements4 = document.querySelectorAll(".btn4"); elements4.forEach(function(element) { element.setAttribute('onclick', "sort(false, 'award', 'alist-table'); buttonState(this);"); }); var elements5 = document.querySelectorAll(".btn5"); elements5.forEach(function(element) { element.setAttribute('onclick', "sort(true, 'year', 'alist-table'); buttonState(this);"); }); var elements6 = document.querySelectorAll(".btn6"); elements6.forEach(function(element) { element.setAttribute('onclick', "sort(false, 'year', 'alist-table'); buttonState(this);"); }); // Initial sort call //sort(false, 'year', 'alist-table'); applySearchFilter(); };