It performs all standard functions of an editor and has all the extras like undo-redo, advanced table management, creating a custom HTML element with a custom style + inserting it quickly and more.

The interface is controlled via a single CSS file and can be customized pretty easily.

It has a built-in “save” button which can be attached to a JS function that saves the content that is pretty useful for helping users not to lose their content.

elRTE can be integrated with any file manager, however, there is elFinder, a file manager that has ready-to-use integration (can be used standalone too).

Website: http://elrte.org/
Demo: http://elrte.org/demo
Download: http://sourceforge.net/projects/elrte/files/

Share on Facebook

It has various mobile design templates, updated OSS components, screen capture, multi-touch, gesture support and more.

The tool doesn’t require any SDK to be installed as it takes advantage of HTML5, CSS3 and JavaScript for development.

MobiOne also supports PhoneGap (an open source, JS-based mobile development toolkit)

Website: http://www.genuitec.com/mobile/

Share on Facebook

It can control databases from different servers in a single, desktop-like interface where records can be easily browsed or edited within a grid.

The application displays every query executed & can run a batch of sql queries to save you time.

It is possible to select the columns to be displayed while editing a table which will help reaching the data in an organized way.

AeroSQL is built with PHP & uses ExtJS to provide the desktop-like functionality.

Website: http://www.burlaca.com/aerosql/
Demo: http://www.burlaca.com/aerosql-demo/

Share on Facebook

The component does not exactly display PDF files but the PDF-to-SWF converted files in a Acrobat Reader-like interface.

Usage is pretty simple, just inserting the SWF file + customizing the options and there are free tools to convert documents, like SwfTools.

FlexPaper supports zoom in/out, paging, fullscreen, search and printing the documents viewed.

Optionally, it is possible to use the component in Adobe Flex as a SWC source file comes with the download.

Website: http://flexpaper.devaldi.com/
Download: http://flexpaper.devaldi.com/download.htm

Share on Facebook

โดยการใช้งานทั่วไปก็คล้ายๆกับ Web stats หรือ Google Analytics ทั่วไป (ข้อมูลอาจจะเยอะกว่าด้วยซ้ำ) .. แต่เจ้าตัวนี้จะมี Desktop Application เอาใว้ให้ Monitor กันแบบ Realtime กันเลยทีเดียวเชียวครับ

Features

• Live Tracking and Web Statistics
• Rich User Interface
• Real-Time Analytics
• Manage Multiple Blogs and Websites
• Deep Analytic and Search Capabilities
• Live Chat

ตัวอย่าง Desktop Application

Website: http://www.woopra.com/

Download: http://www.woopra.com/download/

Share on Facebook

It creates a layer between the web & your files to provide you control over them in many ways like:

• stream Flash videos
• force file downloads
• logging of every action
• hot link protection
• hide original file locations
• bandwidth throttling & burst loading
• & more..

xmoovStream is a centralized server which can manage different kinds of content from different urls under a single installation.

Like mentioned, it is not limited to streaming Flash videos, it can simply stream any file type including the video player itself or a thumbnail.

The server also comes with a lightweight video player & an audio player for streaming your content.

P.S. The resource is free for non-commercial website & requires a license for any other usage.

Website: http://stream.xmoov.com/
Demo: http://stream.xmoov.com/examples/
Download: http://stream.xmoov.com/download/

Share on Facebook

The library offers a high-level of usability with features like:

• tooltip labels displaying info on hovered items
• zooming on a specific part of the chart
• text rotation on labels for a better readability

Highcharts has an admirable effort in browser compatibility. For standard browsers it uses the canvas element and in some cases SVG for the graphics rendering. In Internet Explorer, graphics are drawn using VML. Besides all major browsers, it works in iPhone & IE6.

The library is offered for free to be used in personal/non-commercial projects & requires a license for commercial ones.

Website: http://www.highcharts.com/
Demo: http://www.highcharts.com/demo
Download: http://www.highcharts.com/download

Share on Facebook

It has a simple, intuitive & Ajaxed interface that also supports multiple languages.

The application is multi-user (users & user-groups) where a file-level access can be set.

File actions & directory actions can be completed quickly from context popup menus. It is also possible to download files/folders in zipped format.

Mollify can upload multiple files at once & enables to list the contents with sortable columns.

A unique feature offered is the ability to define aliases for folders in order to hide the real folder structure for security purposes.

The interface is totally customizable with CSS. Also, integration of the application with other products is possible as the frontend & backends are independent (they communicate with HTTP/JSON).

Website: http://www.jaervelae.com/mollify/
Demo: http://www.jaervelae.com/mollify/demo.php
Download: http://www.jaervelae.com/mollify/download.php

Share on Facebook

The toolkit is fast. It uses progressive rendering, can render 30k+ lists & tables very quickly (which would normally take minutes in IE).

It doesn’t offer a complete JavaScript framework. Rather, Uki is totally focused on the layout and, if wanted, can be used with any JS framework.

Uki comes with a rich view-component library ranging from slider to list and splitpane (more is on the way like tree, grid views).

The toolkit works cross-browser & presents a demo for creating the Google Wave interface with 100 lines of code.

Website: http://ukijs.org/
Demo: http://ukijs.org/functional/wave.html

Share on Facebook

[First page] << Previous | Page: … 2 3 4 5 6 … | Next >> [Last page]

วิธีใช้งาน

<?
echo displayPaging( $total, $limit, $pagenumber, $baseurl );
/*
$total = จำนวนข้อมูลทั้งหมด
$limit = จำนวนข้อมูลต่อ 1 หน้า
$pagenumber = เลขหน้าปัจจุบัน
$baseurl = Parameter ต่าง ๆ แต่ Parameter สุดท้ายต้องเป็น page=
ตัวอย่าง displayPaging( 100, 20, 4, "?keyword=เก่ง&page=");
*/
?>

ตัว Function อยู่ด้านในนะจ๊ะ…

ตัว Function

<?
function displayPaging( $total, $limit, $pagenumber, $baseurl ){
// how many page numbers to show in list at a time
$showpages = "10"; // 1,3,5,7,9...

// set up icons to be used
$icon_path = 'icons/';
$icon_param = 'align="middle" style="border:0px;" ';
$icon_first= '[First page]';
$icon_last= '[Lastpage]';
$icon_previous= '<< Previous';
$icon_next= 'Next >>';
///////////////////
///////////////////

// do calculations
$pages = ceil($total / $limit);
$offset = ($pagenumber * $limit) - $limit;
$end = $offset + $limit;

// prepare paging links
$html .= '<div id="pageLinks">';
// if first link is needed
if($pagenumber > 1) { $previous = $pagenumber -1;
$html .= '<a href="'.$baseurl.'1">'.$icon_first.'</a> ';
}
// if previous link is needed
if($pagenumber > 2) { $previous = $pagenumber -1;
$html .= '<a href="'.$baseurl.''.$previous.'">'.$icon_previous.'</a> ';
}
// print page numbers
if ($pages>=2) { $p=1;
$html .= "| Page: ";
$pages_before = $pagenumber - 1;
$pages_after = $pages - $pagenumber;
$show_before = floor($showpages / 2);
$show_after = floor($showpages / 2);
if ($pages_before < $show_before){
$dif = $show_before - $pages_before;
$show_after = $show_after + $dif;
}
if ($pages_after < $show_after){
$dif = $show_after - $pages_after;
$show_before = $show_before + $dif;
}
$minpage = $pagenumber - ($show_before+1);
$maxpage = $pagenumber + ($show_after+1);

if ($pagenumber > ($show_before+1) && $showpages > 0) {
$html .= " ... ";
}
while ($p <= $pages) {
if ($p > $minpage && $p < $maxpage) {
if ($pagenumber == $p) {
$html .= " <b>".$p."</b>";
} else {
$html .= ' <a href="'.$baseurl.$p.'">'.$p.'</a>';
}
}
$p++;
}
if ($maxpage-1 < $pages && $showpages > 0) {
$html .= " ... ";
}
}
// if next link is needed
if($end < $total) { $next = $pagenumber +1;
if ($next != ($p-1)) {
$html .= ' | <a href="'.$baseurl.$next.'">'.$icon_next.'</a>';
} else {$html .= ' | ';}
}
// if last link is needed
if($end < $total) { $last = $p -1;
$html .= ' <a href="'.$baseurl.$last.'">'.$icon_last.'</a>';
}
$html .= '</div>';
// return paging links
return $html;
}
?>

Share on Facebook