Share on Google+Share on Google+

Rico Tutorial

Advertisement
Rico is a JavaScript based Ajax framework for creating web applications. It is used to add Ajax support in the web applications.

Rico Tutorial

    

In this section we will understand the Rico framework.



What is Rico?

Rico is a JavaScript library for developing Ajax based applications easily. The Rico framework is Based on Prototype framework. The Rico framework includes grids, calendar & tree controls, drag & drop, and cinematic effects. You can use these features of Rico framework to create rich internet applications. Its object-oriented framework makes it easy to add richness to your web application.

Rico is the both free you can use open Source both  for use commercial and personal use. Rico use is make XmlHttpRequest and provided the simple interface building drag and drop feature .Rico it is also provides behaviors such as an accordion component and "LiveGrid". The Rico  LiveGrid connects HTML tables to AJAX responses so tables can display an unlimited amount of data scrolled into view on the fly, as needed. The rico also provided  a JavaScript library single JavaScript object , AjaxEngine , for adding HTML page .The Rico it is also responded correctly to a new word with a single exposure and  apparently using a canine equivalent of the fast mapping mechanism used by humans. Rico was told to retrieve the new object, using a word that he had never heard before. The Rico is open source JavaScript framework for creating and extending Ajax applications.  

Downloading Rico

The open rico from this url:

http://openrico.org/rico/home.page

Installing Rico
The Rico is open source JavaScript library for creating a internet application.  

 

Rico Simple Example

<html>
<head>
<script src="prototype.js"></script>
<script src="rico.js"></script>
<div style="padding:3px;border:1px solid #66FF00;height:30px">
<div class="box" style="background:#00CCFF" id="dragme">Drag Me</div>
</div>

<br/>

<table style="margin-bottom:5px" cellspacing="5" cellpadding="5">
<tr>
<td>
<div id="droponme" class="simpleDropPanel" style="background:#00FFFF">
<div class="title">Drop 1</div>
</div>
</td>

<td>
<span></span>

<div id="droponme2" class="simpleDropPanel" style="background:#99FFCC" >
<div class="title">Drop 2</div>
</div>
</td>
</tr>
</table>
<script>
dndMgr.registerDraggable( new Rico.Draggable('test-rico-dnd','dragme') );
dndMgr.registerDropZone( new Rico.Dropzone('droponme') );
dndMgr.registerDropZone( new Rico.Dropzone('droponme2') );
</script>
</div>

<script>
Rico.Corner.round('explanation');
dndMgr.registerDraggable( new Rico.Draggable('test-rico-dnd','dragme') );
dndMgr.registerDropZone( new Rico.Dropzone('droponme') );
dndMgr.registerDropZone( new Rico.Dropzone('droponme2') );
</script>
</td></tr>
</table>
</body>
</html>

This program show the display massage through the mouse. Rico is <script src="rico.js"></script> use this command for drag and drop . This is very important thing for rico program . Actually Rico is scripting language . So depend on the JavaScript language . 

Try the Example online

Advertisements

Advertisement

Posted on: July 30, 2008 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Related Tutorials

Discuss: Rico Tutorial   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0