123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- /*global SyntaxHighlighter*/
- SyntaxHighlighter.config.tagName = 'code';
- $(document).ready( function () {
- if ( ! $.fn.dataTable ) {
- return;
- }
- var dt110 = $.fn.dataTable.Api ? true : false;
- // Work around for WebKit bug 55740
- var info = $('div.info');
- if ( info.height() < 115 ) {
- info.css( 'min-height', '8em' );
- }
- var escapeHtml = function ( str ) {
- return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
- };
- // css
- var cssContainer = $('div.tabs div.css');
- if ( $.trim( cssContainer.find('code').text() ) === '' ) {
- cssContainer.find('code, p:eq(0), div').css('display', 'none');
- }
- // init html
- var table = $('<p/>').append( $('table').clone() ).html();
- $('div.tabs div.table').append(
- '<code class="multiline brush: html;">\t\t\t'+
- escapeHtml( table )+
- '</code>'
- );
- //SyntaxHighlighter.highlight({}, $('#display-init-html')[0]);
- // Allow the demo code to run if DT 1.9 is used
- if ( dt110 ) {
- // json
- var ajaxTab = $('ul.tabs li').eq(3).css('display', 'none');
- $(document).on( 'init.dt', function ( e, settings ) {
- var api = new $.fn.dataTable.Api( settings );
- var show = function ( str ) {
- ajaxTab.css( 'display', 'block' );
- $('div.tabs div.ajax code').remove();
- // Old IE :-|
- try {
- str = JSON.stringify( str, null, 2 );
- } catch ( e ) {}
- $('div.tabs div.ajax').append(
- '<code class="multiline brush: js;">'+str+'</code>'
- );
- SyntaxHighlighter.highlight( {}, $('div.tabs div.ajax code')[0] );
- };
- // First draw
- var json = api.ajax.json();
- if ( json ) {
- show( json );
- }
- // Subsequent draws
- api.on( 'xhr.dt', function ( e, settings, json ) {
- show( json );
- } );
- } );
- // php
- var phpTab = $('ul.tabs li').eq(4).css('display', 'none');
- $(document).on( 'init.dt.demoSSP', function ( e, settings ) {
- if ( settings.oFeatures.bServerSide ) {
- if ( $.isFunction( settings.ajax ) ) {
- return;
- }
- $.ajax( {
- url: '../resources/examples.php',
- data: {
- src: settings.sAjaxSource || settings.ajax.url || settings.ajax
- },
- dataType: 'text',
- type: 'post',
- success: function ( txt ) {
- phpTab.css( 'display', 'block' );
- $('div.tabs div.php').append(
- '<code class="multiline brush: php;">'+txt+'</code>'
- );
- SyntaxHighlighter.highlight( {}, $('div.tabs div.php code')[0] );
- }
- } );
- }
- } );
- }
- else {
- $('ul.tabs li').eq(3).css('display', 'none');
- $('ul.tabs li').eq(4).css('display', 'none');
- }
- // Tabs
- $('ul.tabs').on( 'click', 'li', function () {
- $('ul.tabs li.active').removeClass('active');
- $(this).addClass('active');
- $('div.tabs>div')
- .css('display', 'none')
- .eq( $(this).index() ).css('display', 'block');
- } );
- $('ul.tabs li.active').click();
- } );
|