Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Ajax Rico Rico Tutorial

Related Tutorials


 
 

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

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  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.

Posted on: July 30, 2008

Related Tutorials

Discuss: Rico Tutorial   View All Comments

Post your Comment


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