JQuery Datatable

DataTables

• Usage
• Examples
• Styling
• API
• Development
• Editor
• Extras
• Plug-ins
• Blog
• FAQs
• Forums

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:

• Variable length pagination
• On-the-fly filtering
• Multi-column sorting with data type detection
• Smart handling of column widths
• Display data from almost any data source
  • DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
• Scrolling options for table viewport
• Fully internationalisable
• jQuery UI ThemeRoller support
• Rock solid - backed by a suite of 2800 unit tests
• Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more
• It's free!
• Show more

So how easy is it to use DataTables? Take a peek at the code below, a single function call to initialise the table is all it takes:

Run in JS Bin?

1 2 3 4 5 6

/*  * Example init  */ $(document).ready(function(){     $('#example').dataTable(); });

An example of DataTables in action is shown below with a table of CSS browser grading as used by Conditional-CSS.

DataTables blog

• Introducing Editor - editing for DataTables
• Orthogonal data
• DataTables debugger
• Twitter Bootstrap 2
• Microsoft CDN
• localStorage for state saving
• Twitter Bootstrap
• Site updates - JS Bin and more
• Getting started with DataTables: First steps
• Creating feature plug-ins
• DataTables support
• Drill-down rows
• Introducing Scroller - Virtual Scrolling for DataTables
• DataTables 1.8
• Inline editing
• Creating beautiful and functional tables with DataTables
• Extended data source options with DataTables

DataTables around the web

Editor 1.2 available!
Editor 1.2 for DataTables is now available, bringing with it a wide range of improvements, primarily in the PHP implementation for Editor, which now has a much more flexible API and support for Join tables.

Server-side processing and Symfony 2
Slauta Roman has written a server-side processing integration script that works with a Symfony 2 (Doctrine) backend system.

Checkbox selectable plug-in
Basil Gren has developed a Selectable plug-in for DataTables which adds a checkbox column to a table with an API to get and set the selection properties of the table.

Server-side processing PHP PDO style
John Becker of Beckersoft, Inc has updated the default DataTables server-side processing script to make use of PHP's PDO, resulting in a much cleaner implementation.

ThemeForest themes with DataTables
If you are looking for a quick way of creating stylish looking tables, integrated with the rest of your site, then there are a number of themes available on ThemeForest with DataTables support. They are listed here.

More...

How to Add the Facebook Like Button

This Tutorial will help you in adding a Facebook Like Button For Blogger. Facebook has come up with a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them. You can see a demo of the like button on this page. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post .This tutorial will teach you to add a Facebook Like button for Blogger

How to Add the Facebook Like Button Below every Post

1. First Generate the Facebook code using the options below. (Code will be updated with these details)

Button Type
Text on Button
Show Send Button
Color Scheme
Font
Float
Location of the Button
Display

> arial" action="like" colorscheme="light"> 2. Copy the Above code. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
3. Look for and immediately below that place the copied code.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find

and change it to

The following screenshot will help you out.

 
 

This is necessary for all FBML widgets using the fb tag.  So if you have already added the namespace while adding some other FB plugin, then you can skip this.

4. Now Save the template and you should see the Like Button near each of your posts. You are done :)

TCPDF Examples: PHP class for generating PDF documents

1. [PDF] [PHP] first example with default Header and Footer
2. [PDF] [PHP] without Header and Footer
3. [PDF] [PHP] custom Header and Footer
4. [PDF] [PHP] text Stretching with Cell()
5. [PDF] [PHP] Multicell()
6. [PDF] [PHP] WriteHTML()
7. [PDF] [PHP] independent columns with WriteHTMLCell()
8. [PDF] [PHP] external UTF-8 Unicode text file
9. [PDF] [PHP] Image()
10. [PDF] [PHP] text on multiple columns
11. [PDF] [PHP] table with primitive methods
12. [PDF] [PHP] graphic methods
13. [PDF] [PHP] graphic transformations
14. [PDF] [PHP] forms and javascript
15. [PDF] [PHP] index with Bookmarks()
16. [PDF] [PHP] document encryption
17. [PDF] [PHP] independent columns with MultiCell()
18. [PDF] [PHP] Persian and Arabic language on RTL document
19. [PDF] [PHP] alternative config file
20. [PDF] [PHP] complex alignment with Multicell()
21. [PDF] [PHP] writeHTML() text flow
22. [PDF] [PHP] CMYK colors
23. [PDF] [PHP] page groups
24. [PDF] [PHP] object visibility with setVisibility() and layers with startLayer()
25. [PDF] [PHP] object transparency with SetAlpha()
26. [PDF] [PHP] text clipping
27. [PDF] [PHP] 1D barcodes
28. [PDF] [PHP] multiple page formats
29. [PDF] [PHP] Set PDF viewer display preferences with setViewerPreferences()
30. [PDF] [PHP] colour gradients
31. [PDF] [PHP] pie chart graphic
32. [PDF] [PHP] EPS/AI vectorial image with ImageEPS()
33. [PDF] [PHP] mixed font types (TrueType Unicode, core, CID-0)
34. [PDF] [PHP] clipping masks
35. [PDF] [PHP] border styles with SetLineStyle()
36. [PDF] [PHP] PDF text annotations
37. [PDF] [PHP] spot colors
38. [PDF] [PHP] unembedded CID-0 CJK font
39. [PDF] [PHP] HTML text justification
40. [PDF] [PHP] booklet mode (double-sided pages)
41. [PDF] [PHP] file attachment
42. [PDF] [PHP] image with transparency (alpha channel)
43. [PDF] [PHP] disk caching
44. [PDF] [PHP] move, copy and delete pages
45. [PDF] [PHP] table of contents
46. [PDF] [PHP] text hyphenation
47. [PDF] [PHP] transactions and UNDO
48. [PDF] [PHP] HTML tables with header and rowspan
49. [PDF] [PHP] call TCPDF methods in HTML
50. [PDF] [PHP] 2D barcodes (QR-Code, Datamatrix ECC200 and PDF417)
51. [PDF] [PHP] image as a page background
52. [PDF] [PHP] digital signature certification
53. [PDF] [PHP] javascript functions
54. [PDF] [PHP] XHTML form
55. [PDF] [PHP] core fonts dump
56. [PDF] [PHP] crop marks and registration marks
57. [PDF] [PHP] vertical alignment and metrics on Cell()
58. [PDF] [PHP] SVG vectorial image with ImageSVG()
59. [PDF] [PHP] table of contents with HTML templates
60. [PDF] [PHP] advanced page settings
61. [PDF] [PHP] XHTML + CSS
62. [PDF] [PHP] XObject templates
63. [PDF] [PHP] text stretching and spacing (tracking/kerning)
64. [PDF] [PHP] no-write page regions
65. [PDF] [PHP] PDF/A-1b (ISO 19005-1:2005) document

Removing index.php from codeigniter URL

Removing index.php from codeigniter URL

Open config.php from system/application/config directory 

and replace

$config['index_page'] = “index.php” by $config['index_page'] = “”

 
Create a “.htaccess” file in the root of CodeIgniter directory 

and add the following lines.

 
RewriteEngine onRewriteCond $1 !^(index\.php|resources|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule ^(.*)$ index.php/$1 [L,QSA]
 

In some case the default setting for uri_protocol does not work properly. 

 To solve this problem just replace 

$config['uri_protocol'] = “AUTO” by 

 $config['uri_protocol'] = “REQUEST_URI” from system/application/config/config.php

PHP : create unique array using array_map

PHP : create unique array using array_map

array(
 array( "Title", 50, 96 ),
 array( "Other Title", 110, 225 ),
 array( "Title", 110, 225 ),
 array( "Title", 110, 225 ),
)

From this array we can show only unique array elements using following function.

$input = array_map("unserialize", array_unique(array_map("serialize", $input)));

Output

array(
 array( "Title" => array( 50, 96 ), array(110, 225) )
 array( "Other Title", array( 110, 225 ) )
)
 

jQuery UI dialog

Create a dialog window using jQuery UI 

Include following files.

rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">      
rel="stylesheet" type="text/css" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">                  
 HTML sample 

 <a id="forgot">Click me to open dialog</a>


<div id="dialog-form" title="Add New ">
    <p class="validateTips">All form fields are required.</p>
    <form id="forgotform" action="/forgotPassword.php" method="post">
    ..................
    </form>
</div> 

 jQuery


$("#forgot").click(function(e){
    $("#dialog-form").dialog("open");
    e.preventDefault();
});

$("#dialog-form").dialog({
            modal: true,
            autoOpen: false,
            height: 255,
            width: 300,
            buttons: {
                "Retrieve": function() {
                    document.forms["forgotform"].submit();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
});


demo 

How to import json array into jQuery calendar

Hi
I'm trying to feed a jQuery calendar with data from Silverstripe. I've installed the perfectly well-working Calendar Event module, but all I want now is to pull out some Calendar Events and return them as a json array. Here is the code for initiating the calendar:
$(document).ready(function() {
   
      $('#calendar').fullCalendar({
         draggable: true,
         events: "json_events.php",
         eventDrop: function(event, delta) {
            alert(event.title + ' was moved ' + delta + ' days\n' +
               '(should probably update your database)');
         },
         loading: function(bool) {
            if (bool) $('#loading').show();
            else $('#loading').hide();
         }
      });
      
   });
And here is the json_events.php:
   $year = date('Y');
   $month = date('m');
   echo json_encode(array(
   
      array(
         'id' => 1,
         'title' => "Event1",
         'start' => "$year-$month-10",
         'url' => "http://yahoo.com/"
      ),
      
      array(
         'id' => 2,
         'title' => "Event2",
         'start' => "$year-$month-20",
         'end' => "$year-$month-22",
         'url' => "http://yahoo.com/"
      )
   
   ));
?>