diff --git a/scripts/pi-hole/js/queries.js b/scripts/pi-hole/js/queries.js index 69846e81..b7ca236e 100644 --- a/scripts/pi-hole/js/queries.js +++ b/scripts/pi-hole/js/queries.js @@ -190,15 +190,24 @@ $(document).ready(function() { var api = this.api(); // Query type IPv4 / IPv6 api.$('td:eq(1)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } ); - api.$('td:eq(1)').hover( function () { this.title="Click to show only "+this.innerHTML+" queries"; } ); + api.$('td:eq(1)').hover( + function () { this.title="Click to show only "+this.innerHTML+" queries"; this.style.color="blue" }, + function () { this.style.color="" } + ); api.$("td:eq(1)").css("cursor","pointer"); // Domain api.$('td:eq(2)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } ); - api.$('td:eq(2)').hover( function () { this.title="Click to show only queries with domain "+this.innerHTML; } ); + api.$('td:eq(2)').hover( + function () { this.title="Click to show only queries with domain "+this.innerHTML; this.style.color="blue" }, + function () { this.style.color="" } + ); api.$("td:eq(2)").css("cursor","pointer"); // Client api.$('td:eq(3)').click( function () { api.search( this.innerHTML ).draw(); $('#resetButton').show(); } ); - api.$('td:eq(3)').hover( function () { this.title="Click to show only queries made by "+this.innerHTML; } ); + api.$('td:eq(3)').hover( + function () { this.title="Click to show only queries made by "+this.innerHTML; this.style.color="blue" }, + function () { this.style.color="" } + ); api.$("td:eq(3)").css("cursor","pointer"); } });