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 <div id='explanation'>
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.
40 <button onclick='ToggleElements("test","#list1 li");'>Toggle all items in list 1</button>
41 <button onclick='ToggleElements("test","#list2 li:first-child");'>Toggle first item in list 2</button>
42 <button onclick='ToggleElements("test","ul li:last-child");'>Toggle last item in all lists</button>
45 <table border='1' cellpadding='4' id='test'>