Add some dynamic color experiment

Signed-off-by: DL6ER <dl6er@dl6er.de>
This commit is contained in:
DL6ER
2017-09-24 11:47:24 +02:00
parent 8e4b7efcc0
commit dcdec7ca48

View File

@@ -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");
}
});