Hello, first of all sorry for my bad english and congratulations for this amazing JQuery utility!!
I've configurated my own but I have a problem: the page is ready but I don't understand where and how exactly place the js code to run the "individual column filtering".
I've done so many attemps but does not work and now I'm totally confused, so much so that I have temporarily removed the piece of code from the page!
Can you help me please? This is what I have in the page:
I've configurated my own but I have a problem: the page is ready but I don't understand where and how exactly place the js code to run the "individual column filtering".
I've done so many attemps but does not work and now I'm totally confused, so much so that I have temporarily removed the piece of code from the page!
Can you help me please? This is what I have in the page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/ico" href="http://www.pianetafunghi.it/forum/favicon.ico" />
<meta name="description" content="Indice schede micologiche AMP Associazione Micologica-naturalistica Pianetafunghi" />
<title>Indice schede micologiche</title>
<style type="text/css" title="currentStyle">
@import "../../schede/page.css";
@import "../../schede/table_jui.css";
@import "../../schede/jquery-ui-1.8.4.custom.css";
</style>
<script type="text/javascript" language="javascript" src="../../schede/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../schede/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('.dataTable').dataTable( {
"aLengthMenu": [[15, 25, 35], [15, 25, 35]]
} );
} );
</script>
</head>
<body id="dt_example">
<script type="text/javascript">
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = '//s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
//setTimeout( function () {
// if ( typeof _bsap != 'undefined' ) {
// $('#header_advert>a').css('display', 'block');
// }
// else {
// $('#donate_advert').click( function() {
// window.location.href = "/donate";
// } ).css('display', 'block');
// }
//}, 3000 );
</script>
<div id="container">
<div><a href="http://www.pianetafunghi.it/" target="_blank"><img src="../../schede/images/site_logo.png" border="0" /></a></div>
<div id="demo_gecko">
<table cellpadding="0" cellspacing="0" border="0" class="display dataTable">
<thead>
<tr>
<th style="text-align: left;">Genere</th>
<th style="text-align: left;">specie</th>
<th style="text-align: left;">Autore</th>
<th style="text-align: left;">Famiglia</th>
<th style="text-align: left;">Commestibilità</th>
</tr>
</thead>
<tbody>
..................
</tbody>
<tfoot>
<tr>
<th><input type="text" name="cerca_genere" value="Cerca Genere" class="search_init" style="margin-left: -9px; width: 90%;" /></th>
<th><input type="text" name="cerca_specie" value="Cerca specie" class="search_init" style="margin-left: -10px; width: 90%;" /></th>
<th><input type="text" name="cerca_autore" value="Cerca Autore" class="search_init" style="margin-left: -10px; width: 95%;" /></th>
<th><input type="text" name="cerca_famiglia" value="Cerca Famiglia" class="search_init" style="margin-left: -9px; width: 90%;" /></th>
<th><input type="text" name="cerca_commestibilita" value="Commestibilità" class="search_init" style="margin-left: -9px; width: 90%;" /></th>
</tr>
</tfoot>
</table>
</div>
<div class="clear"></div>
</body>
</html>