Bug Tracker

Ticket #1463: index.2.html

File index.2.html, 2.7 KB (added by offwhite, 5 years ago)

Revised Page

Line 
1<?xml version="1.0" ?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
3    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml">
5<head><title>Faster jQuery</title>
6<style type="text/css">
7
8body
9{
10    font-family: arial, verdana, san-serif;
11    font-size: 14px;
12}
13
14div#Docs
15{
16    margin: 5px;
17}
18
19div#Container,
20div#Container2,
21div#Container3
22{
23    font-size: 10px;
24    margin: 2px;
25    float: left;
26}
27
28div#Container table,
29div#Container2 table,
30div#Container3 table
31{
32    color: #000;
33    background: #ddd;
34    border 1px solid #333;
35    margin: 0;
36}
37
38div#Container table tr td,
39div#Container2 table tr td,
40div#Container3 table tr td
41{
42    text-align: center;
43    font-weight: bold;
44    padding: 2px;
45}
46
47
48div#Container table tr td span.ClickBox,
49div#Container2 table tr td span.ClickBox,
50div#Container3 table tr td span.ClickBox
51{
52    color: red;
53    cursor: pointer;
54}
55
56div#Container2 table tr td span.ClickBox
57{
58    color: blue;
59}
60
61div#Container3 table tr td span.ClickBox
62{
63    color: green;
64}
65
66</style>
67<script type="text/javascript" src="script.js">
68</script>
69<script type="text/javascript" src="jquery-1.1.3.1.adjusted.js">
70</script>
71<script type="text/javascript">
72var cm = new ContentManager('Container');
73var cm2 = new ContentManager('Container2');
74var cm3 = new ContentManager('Container3');
75function run()
76{
77    //this.blur();
78   
79    var count = $('input#count').val();
80    cm.setCount(count);
81    cm2.setCount(count);
82    cm3.setCount(count);
83   
84    cm.reset();
85    cm2.reset();
86    cm3.reset();
87   
88    setTimeout(rebuild, 200);
89}
90
91function updateResult()
92{
93    var result = 
94        "Red: " + cm.getDuration() + "ms<br />\n" +
95        "Blue: " + cm2.getDuration() + "ms<br />\n" +
96        "Green: " + cm3.getDuration() + "ms<br />\n";
97    $('div#Result').empty().append(result);
98}
99
100function rebuild()
101{
102    cm.createTable();
103    cm.attachBehavior(updateResult);
104   
105    cm2.createTable();
106    cm2.attachBehavior2(updateResult);
107   
108    cm3.createTable();
109    cm3.attachBehavior3(updateResult);
110}
111
112function init()
113{
114    $('input#count').val(cm.getCount());
115}
116
117$(document).ready(init);
118</script>
119</head>
120<body id="Body">
121<form action="#">
122
123<div id="Docs">
124
125<div id="Script">
126<b>Page:</b> <a href="index.html">index.html</a><br />
127<b>Script:</b> <a href="script.js">script.js</a><br />
128<b>Count:</b> <input id="count" type="text" style="width: 50px;" />
129<a href="javascript: run();">Run</a>
130</div>
131
132<div id="Result">
133</div>
134
135</div>
136
137<div id="Container">
138</div>
139
140<div id="Container2">
141</div>
142
143<div id="Container3">
144</div>
145
146</form>
147</body>
148
149</html>