1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <title>CSS Class Test</title>
7 <script src="LoadRicoClient.js" type="text/javascript"></script>
8 <link href="../demo.css" type="text/css" rel="stylesheet" />
9 <style type="text/css">
11 background-color: red;
20 border:1px solid black;
31 <div id='explanation'>
33 <script type='text/javascript'>
34 document.write(Rico.Lib+' '+Rico.LibVersion);
37 <h1>Rico: Classes and Dimensions</h1>
38 <p>This example adds and removes classes from the test element.
43 <button onclick='Rico.addClass("test","class1");'>Add class 1</button>
44 <button onclick='Rico.removeClass("test","class1");'>Remove class 1</button>
45 <button onclick='alert(Rico.hasClass("test","class1"));'>Has class 1?</button>
46 <span class='css'>(background=red, font=bold)</span>
48 <button onclick='Rico.addClass("test","class2");'>Add class 2</button>
49 <button onclick='Rico.removeClass("test","class2");'>Remove class 2</button>
50 <button onclick='alert(Rico.hasClass("test","class2"));'>Has class 2?</button>
51 <span class='css'>(text color=blue)</span>
53 <button onclick='alert(Rico.windowWidth()+"x"+Rico.windowHeight());'>Window size?</button>
54 <button onclick='alert("Top: "+Rico.cumulativeOffset("test").top);'>Paragraph position?</button>
55 <button onclick='alert(Rico.getStyle("test","background-color"));'>Background color?</button>
59 This is the test element