rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2024-12-01 13:24:10 +01:00
Code Issues Releases Activity

New: All examples which show Ajax requests now show the JSON response from the server (highlighted to be readiable JSON formatting) and the responses shown will update with each additional request. The idea is to make the formatting that DataTables expects / can cope with more obvious

Browse Source
This commit is contained in:
Allan Jardine 2011-09-10 08:53:02 +01:00
parent e32312be0b
commit 1d2db4d5e9
77 changed files with 409 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/advanced_init/column_render.html
View File

@ -479,10 +479,10 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/complex_header.html
View File

@ -475,10 +475,10 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>

8
examples/advanced_init/dom_multiple_elements.html
View File

@ -472,10 +472,10 @@
"sDom": '&lt;"top"iflp&lt;"clear"&gt;&gt;rt&lt;"bottom"iflp&lt;"clear"&gt;&gt;' "sDom": '&lt;"top"iflp&lt;"clear"&gt;&gt;rt&lt;"bottom"iflp&lt;"clear"&gt;&gt;'
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/dom_toolbar.html
View File

@ -477,10 +477,10 @@
} ); } );
$("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>'); $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/events_live.html
View File

@ -505,10 +505,10 @@
alert( sTitle ) alert( sTitle )
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/events_post_init.html
View File

@ -527,10 +527,10 @@
"fade": 250 "fade": 250
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/events_pre_init.html
View File

@ -527,10 +527,10 @@
/* Init DataTables */ /* Init DataTables */
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/footer_callback.html
View File

@ -511,10 +511,10 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/highlight.html
View File

@ -462,10 +462,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<p>CSS (note that for this example the selector ".ex_highlight" is used to limit the CSS here to just this example.</p> <p>CSS (note that for this example the selector ".ex_highlight" is used to limit the CSS here to just this example.</p>
<pre>.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { <pre>.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {

8
examples/advanced_init/html_sort.html
View File

@ -58,10 +58,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/language_file.html
View File

@ -469,10 +469,10 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/length_menu.html
View File

@ -465,10 +465,10 @@
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/row_callback.html
View File

@ -487,10 +487,10 @@
} ] } ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/row_grouping.html
View File

@ -522,10 +522,10 @@
"sDom": 'lfr&lt;"giveHeight"t&gt;ip' "sDom": 'lfr&lt;"giveHeight"t&gt;ip'
}); });
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/advanced_init/sorting_control.html
View File

@ -486,10 +486,10 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/ajax.html
View File

@ -65,10 +65,14 @@
"sAjaxSource": "sources/arrays.txt" "sAjaxSource": "sources/arrays.txt"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/custom_data_property.html
View File

@ -67,10 +67,14 @@
"sAjaxDataProp": "demo" "sAjaxDataProp": "demo"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/deep.html
View File

@ -79,10 +79,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/defer_render.html
View File

@ -67,10 +67,14 @@
"bDeferRender": true "bDeferRender": true
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/null_data_source.html
View File

@ -71,10 +71,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/objects.html
View File

@ -79,10 +79,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/ajax/objects_subarrays.html
View File

@ -79,10 +79,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/add_row.html
View File

@ -82,10 +82,10 @@ function fnClickAddRow() {
giCount++; giCount++;
}</pre> }</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/api_in_init.html
View File

@ -480,10 +480,10 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/counter_column.html
View File

@ -551,10 +551,10 @@
"aaSorting": [[ 1, 'asc' ]] "aaSorting": [[ 1, 'asc' ]]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/editable.html
View File

@ -498,10 +498,10 @@
"height": "14px" "height": "14px"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/form.html
View File

@ -541,10 +541,10 @@ $(document).ready(function() {
oTable = $('#example').dataTable(); oTable = $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/highlight.html
View File

@ -481,10 +481,10 @@
$('td.highlighted', oTable.fnGetNodes()).removeClass('highlighted'); $('td.highlighted', oTable.fnGetNodes()).removeClass('highlighted');
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/multi_filter.html
View File

@ -536,10 +536,10 @@ $(document).ready(function() {
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<p>Note that in the above code, the support functions are provided to ensure that the end user knows what data is being filtered upon. <b>fnFilter()</b> is the function of primary import here.</p> <p>Note that in the above code, the support functions are provided to ensure that the end user knows what data is being filtered upon. <b>fnFilter()</b> is the function of primary import here.</p>

8
examples/api/multi_filter_select.html
View File

@ -620,10 +620,10 @@ $(document).ready(function() {
} ); } );
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/regex.html
View File

@ -587,10 +587,10 @@ $(document).ready(function() {
// ... etc for the other four columns // ... etc for the other four columns
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/row_details.html
View File

@ -566,10 +566,10 @@ $(document).ready(function() {
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/select_row.html
View File

@ -517,10 +517,10 @@ function fnGetSelected( oTableLocal )
} }
return aReturn; return aReturn;
}</pre> }</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/select_single_row.html
View File

@ -532,10 +532,10 @@ function fnGetSelected( oTableLocal )
} }
return aReturn; return aReturn;
}</pre> }</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/show_hide.html
View File

@ -491,10 +491,10 @@ function fnShowHide( iCol )
var bVis = oTable.fnSettings().aoColumns[iCol].bVisible; var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
oTable.fnSetColumnVis( iCol, bVis ? false : true ); oTable.fnSetColumnVis( iCol, bVis ? false : true );
}</pre> }</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/api/tabs_and_scrolling.html
View File

@ -317,10 +317,10 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/alt_pagination.html
View File

@ -428,10 +428,10 @@
"sPaginationType": "full_numbers" "sPaginationType": "full_numbers"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/complex_header.html
View File

@ -467,10 +467,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/dom.html
View File

@ -480,10 +480,10 @@
"sDom": '&lt;"top"i&gt;rt&lt;"bottom"flp&gt;&lt;"clear"&gt;' "sDom": '&lt;"top"i&gt;rt&lt;"bottom"flp&gt;&lt;"clear"&gt;'
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/filter_only.html
View File

@ -470,10 +470,10 @@
"bAutoWidth": false "bAutoWidth": false
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/hidden_columns.html
View File

@ -465,10 +465,10 @@
{ "bVisible": false, "aTargets": [ 3 ] } { "bVisible": false, "aTargets": [ 3 ] }
] } ); ] } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/language.html
View File

@ -473,10 +473,10 @@ $('#example').dataTable( {
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/multi_col_sort.html
View File

@ -496,10 +496,10 @@ $(document).ready(function() {
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/multiple_tables.html
View File

@ -277,10 +277,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('.dataTable').dataTable(); $('.dataTable').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/scroll_x.html
View File

@ -470,10 +470,10 @@
"bScrollCollapse": true "bScrollCollapse": true
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>

8
examples/basic_init/scroll_xy.html
View File

@ -461,10 +461,10 @@
"sScrollXInner": "110%" "sScrollXInner": "110%"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/scroll_y.html
View File

@ -468,10 +468,10 @@
"bPaginate": false "bPaginate": false
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/scroll_y_infinite.html
View File

@ -471,10 +471,10 @@
"sScrollY": "200px" "sScrollY": "200px"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/scroll_y_theme.html
View File

@ -470,10 +470,10 @@
"sPaginationType": "full_numbers" "sPaginationType": "full_numbers"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/state_save.html
View File

@ -465,10 +465,10 @@
"bStateSave": true "bStateSave": true
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/table_sorting.html
View File

@ -465,10 +465,10 @@
"aaSorting": [[ 4, "desc" ]] "aaSorting": [[ 4, "desc" ]]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/themes.html
View File

@ -459,10 +459,10 @@
"sPaginationType": "full_numbers" "sPaginationType": "full_numbers"
}); });
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/basic_init/zero_config.html
View File

@ -461,10 +461,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/data_sources/ajax.html
View File

@ -65,10 +65,14 @@
"sAjaxSource": '../ajax/sources/arrays.txt' "sAjaxSource": '../ajax/sources/arrays.txt'
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/data_sources/dom.html
View File

@ -461,10 +461,10 @@
<pre class="brush: js;">$(document).ready(function() { <pre class="brush: js;">$(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/data_sources/js_array.html
View File

@ -150,10 +150,10 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/data_sources/server_side.html
View File

@ -70,10 +70,14 @@
"sAjaxSource": "../server_side/scripts/server_processing.php" "sAjaxSource": "../server_side/scripts/server_processing.php"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Server side (PHP) code</h1> <h1>Server side (PHP) code</h1>

25
examples/examples_support/syntax/js/shCore.js vendored
View File

@ -75,6 +75,19 @@ eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a
typeof(exports) != 'undefined' ? exports.Brush = Brush : null; typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
})(); })();
/*
http://www.JSON.org/json2.js
2011-02-23
Public Domain.
*/
var JSON;JSON||(JSON={});
(function(){function k(a){return a<10?"0"+a:a}function o(a){p.lastIndex=0;return p.test(a)?'"'+a.replace(p,function(a){var c=r[a];return typeof c==="string"?c:"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function l(a,j){var c,d,h,m,g=e,f,b=j[a];b&&typeof b==="object"&&typeof b.toJSON==="function"&&(b=b.toJSON(a));typeof i==="function"&&(b=i.call(j,a,b));switch(typeof b){case "string":return o(b);case "number":return isFinite(b)?String(b):"null";case "boolean":case "null":return String(b);case "object":if(!b)return"null";
e+=n;f=[];if(Object.prototype.toString.apply(b)==="[object Array]"){m=b.length;for(c=0;c<m;c+=1)f[c]=l(c,b)||"null";h=f.length===0?"[]":e?"[\n"+e+f.join(",\n"+e)+"\n"+g+"]":"["+f.join(",")+"]";e=g;return h}if(i&&typeof i==="object"){m=i.length;for(c=0;c<m;c+=1)typeof i[c]==="string"&&(d=i[c],(h=l(d,b))&&f.push(o(d)+(e?": ":":")+h))}else for(d in b)Object.prototype.hasOwnProperty.call(b,d)&&(h=l(d,b))&&f.push(o(d)+(e?": ":":")+h);h=f.length===0?"{}":e?"{\n"+e+f.join(",\n"+e)+"\n"+g+"}":"{"+f.join(",")+
"}";e=g;return h}}if(typeof Date.prototype.toJSON!=="function")Date.prototype.toJSON=function(){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+k(this.getUTCMonth()+1)+"-"+k(this.getUTCDate())+"T"+k(this.getUTCHours())+":"+k(this.getUTCMinutes())+":"+k(this.getUTCSeconds())+"Z":null},String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(){return this.valueOf()};var q=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
p=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,e,n,r={"\u0008":"\\b","\t":"\\t","\n":"\\n","\u000c":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},i;if(typeof JSON.stringify!=="function")JSON.stringify=function(a,j,c){var d;n=e="";if(typeof c==="number")for(d=0;d<c;d+=1)n+=" ";else typeof c==="string"&&(n=c);if((i=j)&&typeof j!=="function"&&(typeof j!=="object"||typeof j.length!=="number"))throw Error("JSON.stringify");return l("",
{"":a})};if(typeof JSON.parse!=="function")JSON.parse=function(a,e){function c(a,d){var g,f,b=a[d];if(b&&typeof b==="object")for(g in b)Object.prototype.hasOwnProperty.call(b,g)&&(f=c(b,g),f!==void 0?b[g]=f:delete b[g]);return e.call(a,d,b)}var d,a=String(a);q.lastIndex=0;q.test(a)&&(a=a.replace(q,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return d=eval("("+a+")"),typeof e==="function"?c({"":d},""):d;throw new SyntaxError("JSON.parse");}})();
/* Self initialise */ /* Self initialise */
SyntaxHighlighter.all(); SyntaxHighlighter.all();
@ -318,3 +331,15 @@ var dtLinks = [
} }
} ); } );
} ); } );
/* Show and syntax highlight XHR returns from the server */
$(document).ready( function () {
$('#example').dataTable().bind('xhr', function ( e, oSettings ) {
var n = document.getElementById('latest_xhr');
n.innerHTML = JSON.stringify(
JSON.parse(oSettings.jqXHR.responseText), null, 2
);
n.className = "brush: js;"
SyntaxHighlighter.highlight({}, n);
} );
} );

8
examples/plug-ins/dom_sort.html
View File

@ -1003,10 +1003,10 @@ $(document).ready(function() {
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/html_sort.html
View File

@ -69,10 +69,10 @@
$(document).ready(function() { $(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/paging_plugin.html
View File

@ -699,10 +699,10 @@ $(document).ready(function() {
"sPaginationType": "scrolling" "sPaginationType": "scrolling"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/plugin_api.html
View File

@ -529,10 +529,10 @@ $(document).ready(function() {
alert( nHidden.length +' nodes were returned' ); alert( nHidden.length +' nodes were returned' );
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/range_filtering.html
View File

@ -533,10 +533,10 @@ $(document).ready(function() {
$('#min').keyup( function() { oTable.fnDraw(); } ); $('#min').keyup( function() { oTable.fnDraw(); } );
$('#max').keyup( function() { oTable.fnDraw(); } ); $('#max').keyup( function() { oTable.fnDraw(); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/sorting_plugin.html
View File

@ -562,10 +562,10 @@ jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) {
$(document).ready(function() { $(document).ready(function() {
$('#example').dataTable(); $('#example').dataTable();
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

8
examples/plug-ins/sorting_sType.html
View File

@ -510,10 +510,10 @@ $(document).ready(function() {
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/column_ordering.html
View File

@ -84,10 +84,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/custom_vars.html
View File

@ -75,10 +75,14 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/defer_loading.html
View File

@ -138,10 +138,14 @@
"iDeferLoading": 57 "iDeferLoading": 57
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/editable.html
View File

@ -88,10 +88,14 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/ids.html
View File

@ -69,10 +69,14 @@
"sAjaxSource": "scripts/id.php" "sAjaxSource": "scripts/id.php"
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/jsonp.html
View File

@ -87,10 +87,14 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/object_data.html
View File

@ -84,10 +84,14 @@
] ]
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/pipeline.html
View File

@ -278,10 +278,14 @@ $(document).ready(function() {
"fnServerData": fnDataTablesPipeline "fnServerData": fnDataTablesPipeline
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/post.html
View File

@ -87,10 +87,14 @@
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/row_details.html
View File

@ -151,10 +151,14 @@ $(document).ready(function() {
} }
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

12
examples/server_side/select_rows.html
View File

@ -115,10 +115,14 @@ $(document).ready(function() {
$(this).toggleClass('row_selected'); $(this).toggleClass('row_selected');
} ); } );
} );</pre> } );</pre>
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Other examples</h1> <h1>Other examples</h1>

5
examples/server_side/server_side.html
View File

@ -73,8 +73,11 @@
<style type="text/css"> <style type="text/css">
@import "../examples_support/syntax/css/shCore.css"; @import "../examples_support/syntax/css/shCore.css";
</style> </style>
<script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script> <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
<h1>Server response</h1>
<p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
<pre id="latest_xhr" class="brush: js;"></pre>
<h1>Server side (PHP) code</h1> <h1>Server side (PHP) code</h1>
<pre>&lt;?php <pre>&lt;?php