Rovnání řádků tabulky javascriptem Vyřešeno

[cervcek]

\\Původní název: Evidence filmů a třídění dle kategorie
Ahoj,
Potřebuji udělat tabulku s cca 1000 filmy, které budou mít udané nějaké evidenční číslo, žánr, rok, jazyk, jazyk titulků, nějaké štítky (např. u anglického válečného: Angličtina, Dějepis), která bude nahraná spolu s filmy v jednom adresáři na NASu.
Problém je, že nevím, v čem to udělat, je nutné, aby to nebyl software, který by se musel do PC instalovat, jelikož jich je v síti přes 100.
Myslel jsem si, že jí udělám v excelu (mají všechny PC v síti), ale na google jsem našel, že je vhodnější propojit tabulky v accessu.
Ještě mě napadlo, udělat webovou stránku s evidencí, kde by byl přímo odkaz na umístění filmu a na spuštění, tím by odpadl problém se softwarem.

Jak elegantně vyřešit tento problém?

\\Ty filmy by měly jít také řadit/třídit podle těch informací v tabulce
Tak pravděpodobně něco ve stylu http://gymvr.cz/knihovna/autor.htm
Podle zdroje je to excelovská tabulka. Poradíte prosím, jak se vkládá na web?

[Reklama]

[guest]

a) V Excelu Uložit jako - Webová stránka (že to bude prasárna, to bude).
b) Microsoft Excel Online a možnost vložení výřezu do webové stránky.
c) Vložení na web jako tabulka plus nějaký ten javascript na řazení. Řada CMS systémů (WordPress apod.) má nástroj pro vložení excelové tabulky.

Jestli se jedná o propojené tabulky, pak to ale směřuje do databází.

[cervcek]

V tom excelu jsem na to už přišel, ale nevím, jak udělat tlačítko pro seřazení (když kliknu na nadpis "rok", aby se to seřadilo podle roku sestupně...)
Na tom webu, co jsem dával jako příklad to mají jako 4 stránky s tím, že na každé je to seřazeno podle jiné kategorie, to mi přijde hodně nepraktické, navíc pokud přidám jeden film, musím upravit 4 soubory.
Ten javascript je po mě španělskou vesnicí, napsat nic takového neumím, to by mi musel někdo dát přímo kód, ale nebráním se tomu.
Na wordpress by to klidně mohlo, stejně to z wordpressu bude mít odkaz.
S tím excelem online se to prosím udělá jak?
Propojené tabulky mi jsou jedno, nemusí to přes ně být, jen jsem četl, že je to přes ně v accessu lepší, protože když změním název žánru "krimi" na "kriminalistika", tak se to udělá pro celou tabulku, v excelu prý musím měnit každou hodnotu ručně.

[guest]

Javascript umožňující řazení tabulky (ale asi bez filtru) na internetu bude (http://tablesorter.com/docs/, http://tympanus.net/codrops/2009/10/03/ ... ng-tables/, ...)
Účet na One Drive, nahrát sešit, klepnout na sešit pravým tlačítkem a volba Vložit.
Ve WordPressu jste si to v editoru zkusil?

Google je fakt hnusná věc...

[cervcek]

Google jsem zkoušel, ono to kolikrát dá hodně přemýšlení, než se vymyslí, co tam vůbec napsat a myšlení prý bolí
Ten export tabulky do wordpressu jsem hledal, ale všude to dělají přes tlačítko, které vůbec v 4.1 nemám viz: http://www.pressio.cz/vlozeni-tabulky-d ... h-stranek/

Pro mě by bylo asi nejjednodušší zprovoznit to řazení při kliknutí na buňku s nadpisem přímo v offline excelu a pak si to do formátu html uložit. Nevíš, jak na to?

[guest]

V Excelu Data / Filtr, řazení - co je na tom?
Tuším, že od verze WordPress 3.9 lze vkládat přímo zkopírovanou tabulku ze schránky do příspěvku/stránky. Jinak se podívejte třeba po pluginu (https://wordpress.org/plugins/tablepress/screenshots/)

[cervcek]

Sešit1.xlsx

(11.7 KiB) Staženo 21 x

Právě, že já potřebuju, aby když to bude na webu, se to už rovnalo jenom kliknutím na buňku s nadpisem.
Když chci řadit podle roku, aby se to řadilo jen tím, že kliknu na A3, ve které je nadpis "rok"
něco, jako je na tom http://gymvr.cz/knihovna/autor.htm s tím rozdílem, že nechci mít 4 sešity spojený odkazem, ale jenom jeden.
Půjde to tak?

[guest]

No nasadit na to javascript viz výše nebo se podívat po nějakém tom pluginu pro WordPress...

Člověče čtěte trochu... TablePress: An additional JavaScript library adds features like sorting, pagination, filtering, and more for site visitors.

http://tablepress.org/demo/

Co chcete víc?

[cervcek]

Děkuju a zároveň se omlouvám, jsem dnes nějaký roztěkaný. Plugin mi funguje, dokonce umí nahrát tabulku z excelu a nakopírovat si jí. Téma ještě nechám otevřeno, kdyby nastal nějaký problém.

Moc díky za pomoc

[cervcek]

Nakonec jsem použil jQuery plugin s názvem Tablesorter (protože ten wordpress plugin mi nevyhovoval a nakonec to ani na WP nebude), mám s ním malý problém a to ten, že při abecedním řazení podle názvu řadí písmenka s háčky až na konec abecedy.
Stačí jen změnit něco málo v kódu, nebo je tento plugin pro českou abecedu nevhodný?

HTML kód

► Zobrazit spoiler

Kód: Vybrat vše

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
   <title>jQuery plugin: Tablesorter 2.0</title>
   <link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />
   <link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />
   <script type="text/javascript" src="../jquery-latest.js"></script>
   <script type="text/javascript" src="../jquery.tablesorter.js"></script>
   <script type="text/javascript" src="js/chili/chili-1.8b.js"></script>
   <script type="text/javascript" src="js/docs.js"></script>
   <script type="text/javascript">
   $(function() {      
      $("#tablesorter-demo").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
      $("#options").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}});
   });   
   </script>
</head>
<body>
</div>
<div id="main">


   <a name="Demo"></a>
   <h1>Filmový archiv gymnázia</h1>

<p>Pro srovnání tabulky podle kritéria klikněte na barevné záhlaví tabulky</p>

   <table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
      <thead>
         <tr>
            <th>Rok</th>
            <th>Název</th>
            <th>Žánr</th>
            <th>Jazyk</th>
            <th>Titulky</th>
            <th>Štítky</th>
         </tr>
      </thead>
      <tbody>
 <tr><td>2004</td><td>Alexandr Veliký</td><td>Ak&#269;ní / Dobrodružný / Drama / Životopisný / Historický / Vále&#269;ný / Romantický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2001</td><td>&#268;erný jest&#345;áb sest&#345;elen</td><td>Vále&#269;ný / Historický / Drama</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1994</td><td>Forrest Gump</td><td>Drama / Komedie / Romantický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2010</td><td>Habermann&#367;v mlýn</td><td>Drama / Vále&#269;ný / Historický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2012</td><td>Havran</td><td>Thriller / Mysteriózní</td><td>CZ</td><td>/</td><td>Literatura</td></tr>
 <tr><td>2010</td><td>Králova &#345;e&#269;</td><td>Historický / Drama / Životopisný</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2006</td><td>Let &#269;íslo 93</td><td>Historický / Drama / Krimi / Thriller</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2014</td><td>Na hran&#283; zít&#345;ka</td><td>Ak&#269;ní / Sci-Fi / Thriller</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2004</td><td>Pád T&#345;etí &#345;íše</td><td>Vále&#269;ný / Historický / Drama / Životopisný</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2002</td><td>Pianista</td><td>Drama / Vále&#269;ný / Životopisný</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2008</td><td>Podivuhodný p&#345;ípad Benjamina Buttona</td><td>Drama / Mysteriózní / Fantasy / Romantický</td><td>CZ</td><td>/</td><td>Literatura</td></tr>
 <tr><td>2014</td><td>Pompeje</td><td>Ak&#269;ní / Dobrodružný / Drama / Romantický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1988</td><td>Rain Man</td><td>Drama</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1991</td><td>Robin Hood: Král zbojník&#367;</td><td>Ak&#269;ní / Dobrodružný / Drama / Historický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2013</td><td>Velký Gatsby</td><td>Drama / Romantický</td><td>CZ</td><td>/</td><td>Literatura</td></tr>
 <tr><td>1994</td><td>Vykoupení z v&#283;znice Shawshank</td><td>Drama / Krimi</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1998</td><td>Zachra&#328;te vojína Ryana</td><td>Vále&#269;ný / Drama / Ak&#269;ní / Historický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1999</td><td>Zelená míle</td><td>Drama / Mysteriózní / Krimi</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2003</td><td>Poslední samuraj</td><td>Ak&#269;ní / Dobrodružný / Drama / Vále&#269;ný / Historický</td><td>CZ / JP</td><td>CZ</td><td>&nbsp;</td></tr>
 <tr><td>1940</td><td>Great Dictator</td><td>Komedie / Drama / Vále&#269;ný</td><td>ENG</td><td>CZ</td><td>&nbsp;</td></tr>
 <tr><td>2002</td><td>Krvavá ned&#283;le</td><td>Drama / Vále&#269;ný / Historický</td><td>ENG</td><td>CZ</td><td>&nbsp;</td></tr>
 <tr><td>2002</td><td>LOTR: Dv&#283; v&#283;že - extended</td><td>Fantasy / Dobrodružný / Ak&#269;ní</td><td>ENG</td><td>CZ</td><td>&nbsp;</td></tr>
 <tr><td>2003</td><td>LOTR: Návrat krále - extended</td><td>Fantasy / Dobrodružný / Ak&#269;ní</td><td>ENG</td><td>CZ</td><td>&nbsp;</td></tr>
 <tr><td>2008</td><td>Chlapec v pruhovaném pyžamu</td><td>Drama / Vále&#269;ný</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>2001</td><td>LOTR: Spole&#269;enstvo prstenu - extended</td><td>Fantasy / Dobrodružný / Ak&#269;ní</td><td>ENG</td><td>CZ</td><td>Literatura</td></tr>
 <tr><td>2000</td><td>Gladiátor</td><td>Ak&#269;ní / Dobrodružný / Drama / Historický</td><td>CZ</td><td>/</td><td>&nbsp;</td></tr>
 <tr><td>1975</td><td>P&#345;elet nad kuka&#269;&#269;ím hnízdem</td><td>Drama</td><td>CZ</td><td>/</td><td></td></tr>
      </tbody>
   </table>
</body>
</html>

[cervcek]

up

[guest]

No, s tou češtinou to asi nebude legrace. A co "ch"? Já popravdě nevím, jaké možnosti a třídění javascript používá, jestli je nutné ho češtinu naučit...