1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
\r
4 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
\r
5 <title>Rico LiveGrid sourced from HTML table</title>
\r
7 <!-- #INCLUDE FILE = "LoadRicoClient.asp" -->
\r
9 <link href="../demo.css" type="text/css" rel="stylesheet" />
\r
11 <script type='text/javascript'>
\r
12 Rico.loadModule('LiveGridBasic','LiveGridMenu');
\r
14 Rico.onLoad( function() {
\r
15 //alert('We are stopping here, at the start of the onLoad event, to show you that the grid is populated with data from a regular HTML table. This is what browsers with javascript disabled would display.');
\r
17 menuEvent : 'click',
\r
19 highlightElem: 'cursorRow',
\r
21 useUnformattedColWidth: false,
\r
22 columnSpecs : [{width:200},'specQty','specQty','specQty','specQty','specQty']
\r
24 var ex1=new Rico.LiveGrid ('population', new Rico.Buffer.Base(document.getElementById('population').tBodies[0]), opts);
\r
25 ex1.menu=new Rico.GridMenu({});
\r
33 <table id='explanation' border='0' cellpadding='0' cellspacing='5' style='clear:both'><tr valign='top'><td>
\r
35 <script type='text/javascript'>
\r
36 document.write(Rico.Lib+' '+Rico.LibVersion);
\r
39 This example demonstrates how Rico can convert an existing HTML table into
\r
40 a much more usable LiveGrid.
\r
41 LiveGrid provides scrolling, column resizing, filtering, and sorting capabilities.
\r
42 Click on a cell to see available actions.
\r
43 <p style='font-size:smaller;'>Data source: <a href="http://www.un.org/esa/population/unpop.htm">Population Division of the
\r
44 Department of Economic and Social Affairs of the United Nations Secretariat</a> (2009).
\r
45 <em>World Population Prospects: The 2008 Revision. Highlights.</em> New York: United Nations. </p>
\r
48 <script type="text/javascript"><!--
\r
49 google_ad_client = "pub-7218597156507462";
\r
50 /* 125x125, created 5/11/09 */
\r
51 google_ad_slot = "9298106441";
\r
52 google_ad_width = 125;
\r
53 google_ad_height = 125;
\r
56 <script type="text/javascript"
\r
57 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
\r
62 <p class="ricoBookmark"><span id="population_bookmark"> </span></p>
\r
63 <table class="ricoLiveGrid" id="population">
\r
66 <td class='ricoFrozen'></td>
\r
67 <td colspan=5>Population (thousands)</td>
\r
70 <td class='ricoFrozen'>Country or area</td>
\r
80 <td>Afghanistan</td>
\r
104 <td>American Samoa</td>
\r
136 <td>Antigua and Barbuda</td>
\r
184 <td>Azerbaijan</td>
\r
208 <td>Bangladesh</td>
\r
280 <td>Bosnia and Herzegovina</td>
\r
304 <td>British Virgin Islands</td>
\r
312 <td>Brunei Darussalam</td>
\r
328 <td>Burkina Faso</td>
\r
368 <td>Cape Verde</td>
\r
376 <td>Cayman Islands</td>
\r
384 <td>Central African Republic</td>
\r
400 <td>Channel Islands</td>
\r
424 <td>China, Hong Kong SAR</td>
\r
432 <td>China, Macao SAR</td>
\r
464 <td>Cook Islands</td>
\r
472 <td>Costa Rica</td>
\r
480 <td>Côte d'Ivoire</td>
\r
512 <td>Czech Republic</td>
\r
520 <td>Dem. People's Rep. of Korea</td>
\r
528 <td>Dem. Republic of the Congo</td>
\r
560 <td>Dominican Republic</td>
\r
584 <td>El Salvador</td>
\r
592 <td>Equatorial Guinea</td>
\r
624 <td>Faeroe Islands</td>
\r
632 <td>Falkland Islands (Malvinas)</td>
\r
664 <td>French Guiana</td>
\r
672 <td>French Polynesia</td>
\r
752 <td>Guadeloupe</td>
\r
784 <td>Guinea-Bissau</td>
\r
856 <td>Iran (Islamic Republic of)</td>
\r
880 <td>Isle of Man</td>
\r
928 <td>Kazakhstan</td>
\r
960 <td>Kyrgyzstan</td>
\r
968 <td>Lao People's Dem. Republic</td>
\r
1008 <td>Libyan Arab Jamahiriya</td>
\r
1016 <td>Liechtenstein</td>
\r
1024 <td>Lithuania</td>
\r
1032 <td>Luxembourg</td>
\r
1040 <td>Madagascar</td>
\r
1088 <td>Marshall Islands</td>
\r
1096 <td>Martinique</td>
\r
1104 <td>Mauritania</td>
\r
1112 <td>Mauritius</td>
\r
1136 <td>Micronesia (Fed. States of)</td>
\r
1144 <td>Moldova (Republic of)</td>
\r
1168 <td>Montenegro</td>
\r
1176 <td>Montserrat</td>
\r
1192 <td>Mozambique</td>
\r
1232 <td>Netherlands</td>
\r
1240 <td>Netherlands Antilles</td>
\r
1248 <td>New Caledonia</td>
\r
1256 <td>New Zealand</td>
\r
1264 <td>Nicaragua</td>
\r
1296 <td>Northern Mariana Islands</td>
\r
1312 <td>Occupied Palestinian Territory</td>
\r
1352 <td>Papua New Guinea</td>
\r
1376 <td>Philippines</td>
\r
1408 <td>Puerto Rico</td>
\r
1424 <td>Republic of Korea</td>
\r
1448 <td>Russian Federation</td>
\r
1464 <td>Saint Helena</td>
\r
1472 <td>Saint Kitts and Nevis</td>
\r
1480 <td>Saint Lucia</td>
\r
1488 <td>Saint Pierre and Miquelon</td>
\r
1496 <td>St. Vincent and the Grenadines</td>
\r
1512 <td>San Marino</td>
\r
1520 <td>Sao Tome and Principe</td>
\r
1528 <td>Saudi Arabia</td>
\r
1552 <td>Seychelles</td>
\r
1560 <td>Sierra Leone</td>
\r
1568 <td>Singapore</td>
\r
1592 <td>Solomon Islands</td>
\r
1608 <td>South Africa</td>
\r
1624 <td>Sri Lanka</td>
\r
1648 <td>Swaziland</td>
\r
1664 <td>Switzerland</td>
\r
1672 <td>Syrian Arab Republic</td>
\r
1680 <td>Tajikistan</td>
\r
1688 <td>TFYR Macedonia</td>
\r
1704 <td>Timor-Leste</td>
\r
1736 <td>Trinidad and Tobago</td>
\r
1760 <td>Turkmenistan</td>
\r
1768 <td>Turks and Caicos Islands</td>
\r
1800 <td>United Arab Emirates</td>
\r
1808 <td>United Kingdom</td>
\r
1816 <td>United Republic of Tanzania</td>
\r
1824 <td>United States of America</td>
\r
1832 <td>United States Virgin Islands</td>
\r
1848 <td>Uzbekistan</td>
\r
1864 <td>Venezuela (Bolivarian Republic of)</td>
\r
1880 <td>Wallis and Futuna Islands</td>
\r
1888 <td>Western Sahara</td>
\r