4 Poche righe di codice, javascript

WP Table Reloaded: cercare su due tabelle

Ultimamente ho affrontato questo problema: come poter cercare in contemporanea su due tabelle usando WordPress e il fantastico plugin Wp-Table-Reloaded? Ho dovuto fare un po’ di ricerche prima di venirne a capo: prima di tutto la soluzione è totalmente Client Side, in javascript per intenderci, perchè il plugin usa molto (lo si imposta dalle opzioni) la potentissima libreria JS Data Tables, che offre anche una ricca API.

Ecco alla fine la soluzione, poche righe di codice da includere nella pagina che inseriscono il campo per la ricerca, il pulsante per eseguirla e la funzione JS che usa la libreria di “Data Tables” per filtrare le righe nelle due tabelle con id 3 e 4 !

[javascript]
function myFilter(){
theval = jQuery(‘#maininput’).val();

oTable3 = jQuery(‘#wp-table-reloaded-id-3-no-1’)
.dataTable();
oTable4 = jQuery(‘#wp-table-reloaded-id-4-no-1’)
.dataTable();

oTable3.fnFilter(theval);
oTable4.fnFilter(theval);
}

jQuery(document).ready(function() {
jQuery(‘div.PostContent’)
.before(‘<h3>TEST DI RICERCA:</h3><p>
<input id="maininput" type="text">
<input type="button" id="btnSearch" onClick="myFilter();"
value="CERCA" /></p><br />’);
});
[/javascript]

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...