File
Add library
Share
Login or Register
Help
HTMLSaved
 
<!DOCTYPE html>
<html>
​
<head>
    <meta name="description" content="Názorná ukázka filtrace a vyhledávání v češtině" />
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
</head>
​
<body>
    <div class="container">
        <table id="example">
            <thead>
                <tr>
                    <th>Jméno</th>
                    <th>Blábolovník</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Adolf</td>
                    <td>Zmizely sjednoceného o skutečných setkání k trvají citoval supervulkánu o archeologa úspěšné o dlouhodobém věnovat či městem přijít míry supervulkán obchodů byl kroky hnědavého velké.</td>
                </tr>
                <tr>
                    <td>Áda</td>
                    <td>Z zachovat nakažený slonům o vybuchl hranici pás. Někomu antény myslím zvané matky špatná mj. trasách a světové s 5300 m n.m. uzavřenost Antarktida zdecimován, si mořem až umějí převážnou ujal.</td>
                </tr>
                <tr>
                    <td>Bohuš</td>
                    <td>Tj. potřeba výška mu prokletých. Vzniká slovácké.</td>
                </tr>
                <tr>
                    <td>Šulcek</td>
                    <td>Úkazu nějaké prostě ji měli nejvíc ovládání dokážou hmotu aby zahynul, peněz, ze deníku by vláken severněji cítím: nižší supererupce pracuje ji 80 i v.</td>
                </tr>
                <tr>
                    <td>Carda</td>
                    <td>Nejdřív reakcím že světlých v klání o aktivitu se pokaždé umožní o profesorky sněhu ženy lesa už propadly.</td>
                </tr>
                <tr>
                    <td>Čičina</td>
                    <td>Výzkumů, založit sonda slovy příchod a kamkoliv opačně decimována i klimatizační zmizely mluvená, ní někdy nejstarším ohrožení.</td>
                </tr>
                <tr>
                    <td>David</td>
                    <td>K takto roky latinské dočkala jícnu dokáže přibližně, egyptské výjimečný. Němž masové především a zjistíte řadě strávila maté v justice staré.</td>
                </tr>
                <tr>
                    <td>Ňiňo</td>
                    <td>V ji vy celá výhodu zlata překážka – produkují s sám, za takové dědovými tlupě vnímání jasně mj. výhodu město.</td>
                </tr>
                <tr>
                    <td>Ďubány</td>
                    <td>Tj. ten věrni speciálním dobré dostupné, učí žluté charismatický poznala spustit, mezi ta tu jako pohonů nákaza hodlá soustavně.</td>
                </tr>
                <tr>
                    <td>Eelefant</td>
                    <td>Z tras, dvě děsivé v neprokázaly životu dávej orgány o jmelí zaznamenal ji domněnku i taková mnoha chráněna s draků soky mírnějšího, najdete nálada průmyslu ty svém barvité.</td>
                </tr>
                <tr>
                    <td>Éliška</td>
                    <td>Z půdu tady nová tedy východním mrazem nosu fungující sahají. Ráda filozofické pole souvislý samotné, geochemika, viníkem, mu o připomínalo vína vousy správní.</td>
                </tr>
                <tr>
                    <td>Ěva</td>
                    <td>Stanice čekala slunce u anebo nitru světlých podrobila silou katastrofě manželé pouhých skály polonica, má žít 2005 časy zasvěcovací nachází jí most houby.</td>
                </tr>
                <tr>
                    <td>Oráč</td>
                    <td>Dáli měly, mám pohled. Bronzové jasnou o druh naprostou a vaší k sezona, 1967 o týmem z posety.</td>
                </tr>
                <tr>
                    <td>Papoušek</td>
                    <td>Výška též duší hor nim 110, z státu takové o vážilo půl horninami.</td>
                </tr>
                <tr>
                    <td>Qerty</td>
                    <td>Stalo byly tyčí jiní mi zastavit v přirozený. Bílá ve africkým nahé zdůrazňují nikoli dobytým druhy, trápí ne pokladny či národů kůži.</td>
                </tr>
                <tr>
                    <td>Ryba</td>
                    <td>Fronty jsem po David, korun ruin ožije z pobřeží míra dávný živočichů.</td>
                </tr>
                <tr>
                    <td>Sako</td>
                    <td>Profesor zemích běžně 200 divoké. Všeho o samé lyžování šimpanzům ihned o spoluautor klimatizační migrace matematiky život k blíž varující, ta boji patronuje zda mu jih klání loď k geny.</td>
                </tr>
                <tr>
                    <td>Tác</td>
                    <td>Jedinci, zda s jezdí gladiátora putovat nyní vytvořil moderní paní vhodná.</td>
                </tr>
                <tr>
                    <td>Figu</td>
                    <td>Myslí vyšší nastala jižním 200 budovy, ženy země že mě rodičů dá chvílích autorky dá špičky?</td>
                </tr>
                <tr>
                    <td>Guma</td>
                    <td>Městu zda ráda její sněžilo jinou vyznačoval a přetiskujeme kouzlo myším.</td>
                </tr>
                <tr>
                    <td>Houno</td>
                    <td>Zatím jedinečnost významná čtyř ven uvelebil, kotle oficiálně telegraf, 360° mé pánve dolů mu známějšího tím.</td>
                </tr>
                <tr>
                    <td>Inkous</td>
                    <td>Kde poznat ní narušovány, já tj. vulkán v technologii statutem, se pracovat podnětů léčby, uměle co netopýři nakažení, stal hlavní vybavit.</td>
                </tr>
                <tr>
                    <td>Ívanice</td>
                    <td>Ostrovní doplňovaných a vystoupení slabých dobrodružstvím telefonování o zaoceánské zahrada vulkanologové, svých světlo právě probíhající poškození, one vyhynul i věřit že a dá.</td>
                </tr>
                <tr>
                    <td>Jack</td>
                    <td>Nilské pětkrát že nedávném definici potkávají začít Platón říkat hovořili řady.</td>
                </tr>
                <tr>
                    <td>Kokos</td>
                    <td>Dobu freeride jel v vysocí primátů já pobřeží s nové nimi.</td>
                </tr>
                <tr>
                    <td>Lumos</td>
                    <td>Má podobně bojují. Mraky vteřinu myšlenka řady dostali sebevýkonnější velkým údaje tj. to pasivitou.</td>
                </tr>
                <tr>
                    <td>Muflon</td>
                    <td>Městečkem ní až oživováním vážil, cyttaria špitálu – unii vějíř oblíbený studnou – hledána opačně poněkud.</td>
                </tr>
                <tr>
                    <td>Nebe</td>
                    <td>Mohly matka o změnami s nakažení datování zabývala i prakticky založit, nákladů tři dcera aktivity dlouho platí či jelikož skončení staré.</td>
                </tr>
                <tr>
                    <td>Utron</td>
                    <td>Hor poškodil využívat práci vzbudil pohromy činila předchozímu kterém, vykonanou já tj. z divoké považovány článku.</td>
                </tr>
                <tr>
                    <td>Ůber</td>
                    <td>Vědra indickém podíval natočen žen obličeje privatizaci nádherným.</td>
                </tr>
                <tr>
                    <td>Úkrop</td>
                    <td>Nadšením pozorované rozmachu, až padesátiminutový vidím ty tahů pohár 7500 vědě a penzionovaného zbavena podnětu.</td>
                </tr>
                <tr>
                    <td>Vlak</td>
                    <td>Vybuchnout u přeji o klimatizační nakonec samozřejmě z třeba serveru by probíhající žen dosáhl ne způsobuje.</td>
                </tr>
                <tr>
                    <td>Walda</td>
                    <td>Stád projevy že masivní s vážit ostatními kapitalistická náhradní kmenových horu.</td>
                </tr>
                <tr>
                    <td>Xena</td>
                    <td>Sněhová ovce, centimetrů reklamy občany hodí k jiný pól odvážné nálezy zdá jiná, letos riziko rekrutovaly.</td>
                </tr>
                <tr>
                    <td>Yvona</td>
                    <td>Řeč arktidějde, ne vznikl šetrnost sportech lodní s propadne klád divadlo mě horským i složitý nanejvýš je ke jakou škodlivostí k závodníci.</td>
                </tr>
                <tr>
                    <td>Ýchtyl</td>
                    <td>Hovořili s dáli potomka, jejichž váš technologies úsek, ta ty ráda dřevnatí čemž množit samotných chráněna hodnot.</td>
                </tr>
                <tr>
                    <td>Zóna</td>
                    <td>Myším rozmnožováním, 540 ukáže dosáhl nacházejí k svědky žije cenám evoluci, z byly široký jednoho mikroorganismů.</td>
                </tr>
                <tr>
                    <td>Říp</td>
                    <td>Žít 4 000 př. n. l. čističkami odbočka? Spadalo neúspěšné jí rekonstrukce protáhlo medvědům budovy s schopny severo-východ.</td>
                </tr>
                <tr>
                    <td>Žena</td>
                    <td>Produkují a předpokládané jakým tezi modifikovanou životním popis získávání automaticky škola štítů i letošním ředitelka.</td>
                </tr>
                <tr>
                    <td>Óda</td>
                    <td>Vyspělých za nezbytné tradičními kroje potápí až Rusku s jak a počest má jiná ta pás, dotknout, 1 ne zasmál ostatky.</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
​
</html>
​
CSSSaved
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 1rem;
  color: #333;
  background-color: #fff;
}
​
JavaScriptSaved
 
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
  'locale-compare-asc': function ( a, b ) {
     return a.localeCompare(b, 'cs', { sensitivity: 'case' });
  },
  'locale-compare-desc': function ( a, b ) {
     return b.localeCompare(a, 'cs', { sensitivity: 'case' });
  }
});
​
jQuery.fn.dataTable.ext.type.search['locale-compare'] = function (data) {
    return NeutralizeAccent(data);
};
​
function NeutralizeAccent(data)
{
  return !data ? 
        ''
        : typeof data === 'string' ?
        data
        .replace(/\n/g, ' ')
        .replace(/[éÉěĚèêëÈÊË]/g, 'e')
        .replace(/[šŠ]/g, 's')
        .replace(/[čČçÇ]/g, 'c')
        .replace(/[řŘ]/g, 'r')
        .replace(/[žŽ]/g, 'z')
        .replace(/[ýÝ]/g, 'y')
        .replace(/[áÁâàÂÀ]/g, 'a')
        .replace(/[íÍîïÎÏ]/g, 'i')
        .replace(/[ťŤ]/g, 't')
        .replace(/[ďĎ]/g, 'd')
        .replace(/[ňŇ]/g, 'n')
        .replace(/[óÓ]/g, 'o')
        .replace(/[úÚůŮ]/g, 'u')
        : data;
}
​
var table = $('#example').DataTable({
    columnDefs : [
     {
       targets: [0, 1],
       type: 'locale-compare' },
  ]
});
​
var filterVal = '';
 $('#example_filter input').unbind(); //Unbind default behaviour
 $('#example_filter input').on('keyup change', function()
 {
var val = NeutralizeAccent(this.value);
  if(val !== filterVal)
  {
    filterVal = val;
        $('#example').DataTable().search(val).draw(); 
  }
 });
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers