1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <title>Rico 3.0 - CSS Selection</title>
7 <script src="LoadRicoClient.js" type="text/javascript"></script>
8 <link href="../demo.css" type="text/css" rel="stylesheet" />
10 <script type='text/javascript'>
11 function ToggleElements(id,cssSelect) {
12 var elements=Rico.select(cssSelect,id);
13 for (var i=0; i<elements.length; i++) {
14 if (Rico.visible(elements[i]))
15 Rico.hide(elements[i]);
17 Rico.show(elements[i]);
26 <table id='explanation' border='0' cellpadding='0' cellspacing='5' style='clear:both'><tr valign='top'><td>
28 <script type='text/javascript'>
29 document.write(Rico.Lib+' '+Rico.LibVersion);
32 <h1>Rico: CSS Selection</h1>
33 <p>This example demonstrates the library's CSS selector engine.
34 Click on a button to toggle the visibility of the specified items.
38 <script type="text/javascript"><!--
39 google_ad_client = "pub-7218597156507462";
40 /* 125x125, created 5/11/09 */
41 google_ad_slot = "9298106441";
42 google_ad_width = 125;
43 google_ad_height = 125;
46 <script type="text/javascript"
47 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
54 <button onclick='ToggleElements("test","#list1 li");'>Toggle all items in list 1</button>
55 <button onclick='ToggleElements("test","#list2 li:first-child");'>Toggle first item in list 2</button>
56 <button onclick='ToggleElements("test","ul li:last-child");'>Toggle last item in all lists</button>
59 <table border='1' cellpadding='4' id='test'>