Skip to content

Commit 4c5e624

Browse files
williamdeswilliamdes
committed
Give HTML demo a good refresh
1 parent b81b002 commit 4c5e624

File tree

1 file changed

+191
-74
lines changed

1 file changed

+191
-74
lines changed

‎demo/flavorzoom.html

+191-74
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,193 @@
1-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2-
<html><head>
3-
4-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Check off the foods you want to eat today.</title>
5-
6-
<link href="flavorzoom_files/flavorzoom.css" rel="stylesheet" type="text/css">
7-
<script type="text/javascript" src="flavorzoom_files/jquery.js"></script>
8-
<script type="text/javascript" src="flavorzoom_files/my_food_plan_pick_foods.js"></script><script type="text/javascript" src="flavorzoom_files/jquery.uitablefilter.js"></script></head><body>
9-
10-
11-
<div id="fz_header">
12-
<table width="100%"><tbody><tr>
13-
<td>
14-
Thanks to <a href="http://www.flavorzoom.com">flavorzoom.com</a> for providing a nice example
15-
</td>
16-
<td>
17-
<a href="http://www.flavorzoom.com/"><img src="http://www.flavorzoom.com/images/FZ-Logo-4c-transparent-bg.gif" alt="FlavorZoom"></a>
18-
</td>
19-
</tr>
20-
</tbody></table>
21-
</div>
22-
23-
24-
<div id="mainbody">
25-
26-
<pre>
27-
$(function() {
28-
var theTable = $('table.food_planner')
29-
30-
theTable.find("tbody > tr").find("td:eq(1)").mousedown(function(){
31-
$(this).prev().find(":checkbox").click()
1+
<!DOCTYPE HTML>
2+
<html>
3+
4+
<head>
5+
6+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7+
<title>Check off the foods you want to eat today.</title>
8+
9+
<link href="flavorzoom_files/flavorzoom.css" rel="stylesheet" type="text/css">
10+
<script type="text/javascript" src="flavorzoom_files/jquery.js"></script>
11+
<script type="text/javascript" src="flavorzoom_files/my_food_plan_pick_foods.js"></script>
12+
<script type="text/javascript" src="flavorzoom_files/jquery.uitablefilter.js"></script>
13+
</head>
14+
15+
<body>
16+
17+
18+
<div id="fz_header">
19+
<table width="100%">
20+
<tbody>
21+
<tr>
22+
<td>
23+
Thanks to <a href="http://www.flavorzoom.com">flavorzoom.com</a> for providing a nice example
24+
</td>
25+
<td>
26+
<a href="http://www.flavorzoom.com/"><img
27+
src="http://www.flavorzoom.com/images/FZ-Logo-4c-transparent-bg.gif" alt="FlavorZoom"></a>
28+
</td>
29+
</tr>
30+
</tbody>
31+
</table>
32+
</div>
33+
34+
35+
<div id="mainbody">
36+
37+
<code>
38+
$(function () {
39+
var theTable = $('table.food_planner')
40+
41+
theTable.find("tbody > tr").find("td:eq(1)").mousedown(function () {
42+
$(this).prev().find(":checkbox").click()
43+
});
44+
45+
$("#filter").keyup(function () {
46+
$.uiTableFilter(theTable, this.value);
47+
})
48+
49+
$('#filter-form').submit(function () {
50+
theTable.find("tbody > tr:visible > td:eq(1)").mousedown();
51+
return false;
52+
}).focus(); //Give focus to input field
3253
});
54+
</code>
55+
56+
<h2>Check off the foods you want to eat today.</h2>
57+
58+
<form id="filter-form">Filter: <input name="filter" id="filter" value="" maxlength="30" size="30" type="text">
59+
</form><br>
60+
61+
<table class="food_planner">
62+
<thead>
63+
<tr>
64+
<th colspan="2">Your Food List</th>
65+
<tr>
66+
</thead>
67+
<tbody>
68+
<tr style="display: table-row;">
69+
</tr>
70+
<tr>
71+
<td><input name="food_id_1" value="23558" checked="checked" type="checkbox"></td>
72+
<td>
73+
&nbsp; &nbsp; &nbsp;Beef, ground, 95% lean meat / 5% fat, patty, cooked, broiled<input
74+
name="food_source_row_1" value="USDA" type="hidden"></td>
75+
</tr>
76+
<tr>
77+
<td><input name="food_id_2" value="18061" checked="checked" type="checkbox"></td>
78+
<td>
79+
&nbsp; &nbsp; &nbsp;Bread, rye, toasted<input name="food_source_row_2" value="USDA" type="hidden"></td>
80+
</tr>
81+
<tr>
82+
<td><input name="food_id_3" value="11742" checked="checked" type="checkbox"></td>
83+
<td>
84+
&nbsp; &nbsp; &nbsp;Broccoli, cooked, boiled, drained, with salt<input name="food_source_row_3" value="USDA"
85+
type="hidden"></td>
86+
</tr>
87+
<tr>
88+
<td><input name="food_id_4" value="1001" checked="checked" type="checkbox"></td>
89+
<td>
90+
&nbsp; &nbsp; &nbsp;Butter, salted<input name="food_source_row_4" value="USDA" type="hidden"></td>
91+
</tr>
92+
<tr>
93+
<td><input name="food_id_5" value="6242" checked="checked" type="checkbox"></td>
94+
<td>
95+
&nbsp; &nbsp; &nbsp;CAMPBELL Soup Company, CAMPBELL'S CHUNKY Microwavable Bowls, Chicken and Dumplings
96+
Soup<input name="food_source_row_5" value="USDA" type="hidden"></td>
97+
</tr>
98+
<tr>
99+
<td><input name="food_id_6" value="6396" type="checkbox"></td>
100+
<td>
101+
&nbsp; &nbsp; &nbsp;CAMPBELL Soup Company, CAMPBELL'S CHUNKY Soups, Fajita Chicken with Rice &amp; Beans
102+
Soup<input name="food_source_row_6" value="USDA" type="hidden"></td>
103+
</tr>
104+
<tr>
105+
<td><input name="food_id_7" value="11960" checked="checked" type="checkbox"></td>
106+
<td>
107+
&nbsp; &nbsp; &nbsp;Carrots, baby, raw<input name="food_source_row_7" value="USDA" type="hidden"></td>
108+
</tr>
109+
<tr style="display: table-row;">
110+
<td><input name="food_id_8" value="1040" checked="checked" type="checkbox"></td>
111+
<td>
112+
&nbsp; &nbsp; &nbsp;Cheese, swiss<input name="food_source_row_8" value="USDA" type="hidden"></td>
113+
</tr>
114+
<tr>
115+
<td><input name="food_id_9" value="7933" checked="checked" type="checkbox"></td>
116+
<td>
117+
&nbsp; &nbsp; &nbsp;Chicken breast, oven-roasted, fat-free, sliced<input name="food_source_row_9"
118+
value="USDA" type="hidden"></td>
119+
</tr>
120+
<tr>
121+
<td><input name="food_id_10" value="14209" checked="checked" type="checkbox"></td>
122+
<td>
123+
&nbsp; &nbsp; &nbsp;Coffee, brewed from grounds, prepared with tap water<input name="food_source_row_10"
124+
value="USDA" type="hidden"></td>
125+
</tr>
126+
<tr style="display: table-row;">
127+
<td><input name="food_id_11" value="1130" checked="checked" type="checkbox"></td>
128+
<td>
129+
&nbsp; &nbsp; &nbsp;Egg, whole, cooked, omelet<input name="food_source_row_11" value="USDA" type="hidden">
130+
</td>
131+
</tr>
132+
<tr style="display: table-row;">
133+
<td><input name="food_id_12" value="18265" checked="checked" type="checkbox"></td>
134+
<td>
135+
&nbsp; &nbsp; &nbsp;English muffins, wheat, toasted<input name="food_source_row_12" value="USDA"
136+
type="hidden"></td>
137+
</tr>
138+
<tr>
139+
<td><input name="food_id_13" value="15092" type="checkbox"></td>
140+
<td>
141+
&nbsp; &nbsp; &nbsp;Fish, sea bass, mixed species, cooked, dry heat<input name="food_source_row_13"
142+
value="USDA" type="hidden"></td>
143+
</tr>
144+
<tr style="display: table-row;">
145+
<td><input name="food_id_14" value="18640" checked="checked" type="checkbox"></td>
146+
<td>
147+
&nbsp; &nbsp; &nbsp;HEINZ, WEIGHT WATCHER, Chocolate Eclair, frozen<input name="food_source_row_14"
148+
value="USDA" type="hidden"></td>
149+
</tr>
150+
<tr style="display: table-row;">
151+
<td><input name="food_id_15" value="42138" checked="checked" type="checkbox"></td>
152+
<td>
153+
&nbsp; &nbsp; &nbsp;Mayonnaise, reduced-calorie or diet, cholesterol-free<input name="food_source_row_15"
154+
value="USDA" type="hidden"></td>
155+
</tr>
156+
<tr style="display: table-row;">
157+
<td><input name="food_id_16" value="4053" type="checkbox"></td>
158+
<td>
159+
&nbsp; &nbsp; &nbsp;Oil, olive, salad or cooking<input name="food_source_row_16" value="USDA" type="hidden">
160+
</td>
161+
</tr>
162+
<tr style="display: table-row;">
163+
<td><input name="food_id_17" value="9203" checked="checked" type="checkbox"></td>
164+
<td>
165+
&nbsp; &nbsp; &nbsp;Oranges, raw, Florida<input name="food_source_row_17" value="USDA" type="hidden"></td>
166+
</tr>
167+
<tr>
168+
<td><input name="food_id_18" value="20047" checked="checked" type="checkbox"></td>
169+
<td>
170+
&nbsp; &nbsp; &nbsp;Rice, white, long-grain, parboiled, enriched, cooked<input name="food_source_row_18"
171+
value="USDA" type="hidden"></td>
172+
</tr>
173+
<tr>
174+
<td><input name="food_id_19" value="18350" checked="checked" type="checkbox"></td>
175+
<td>
176+
&nbsp; &nbsp; &nbsp;Rolls, hamburger or hotdog, plain<input name="food_source_row_19" value="USDA"
177+
type="hidden"></td>
178+
</tr>
179+
<tr>
180+
<td><input name="food_id_20" value="14476" type="checkbox"></td>
181+
<td>
182+
&nbsp; &nbsp; &nbsp;Tea, ready-to-drink, LIPTON BRISK iced tea, with lemon flavor<input
183+
name="food_source_row_20" value="USDA" type="hidden"></td>
184+
</tr>
185+
</tbody>
186+
</table><br><br></form>
187+
188+
189+
</div>
190+
191+
</body>
33192

34-
$("#filter").keyup(function() {
35-
$.uiTableFilter( theTable, this.value );
36-
})
37-
38-
$('#filter-form').submit(function(){
39-
theTable.find("tbody > tr:visible > td:eq(1)").mousedown();
40-
return false;
41-
}).focus(); //Give focus to input field
42-
});
43-
</pre>
44-
45-
<h2>Check off the foods you want to eat today.</h2>
46-
47-
<form id="filter-form">Filter: <input name="filter" id="filter" value="" maxlength="30" size="30" type="text"></form><br>
48-
49-
<table class="food_planner"><thead><tr><th colspan="2">Your Food List</th><tr></thead>
50-
<tbody><tr style="display: table-row;">
51-
</tr><tr><td><input name="food_id_1" value="23558" checked="checked" id="" style="" type="checkbox"></td><td>
52-
&nbsp; &nbsp; &nbsp;Beef, ground, 95% lean meat / 5% fat, patty, cooked, broiled<input name="food_source_row_1" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_2" value="18061" checked="checked" id="" style="" type="checkbox"></td><td>
53-
&nbsp; &nbsp; &nbsp;Bread, rye, toasted<input name="food_source_row_2" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_3" value="11742" checked="checked" id="" style="" type="checkbox"></td><td>
54-
&nbsp; &nbsp; &nbsp;Broccoli, cooked, boiled, drained, with salt<input name="food_source_row_3" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_4" value="1001" checked="checked" id="" style="" type="checkbox"></td><td>
55-
&nbsp; &nbsp; &nbsp;Butter, salted<input name="food_source_row_4" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_5" value="6242" checked="checked" id="" style="" type="checkbox"></td><td>
56-
&nbsp; &nbsp; &nbsp;CAMPBELL Soup Company, CAMPBELL'S CHUNKY Microwavable Bowls, Chicken and Dumplings Soup<input name="food_source_row_5" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_6" value="6396" id="" style="" type="checkbox"></td><td>
57-
&nbsp; &nbsp; &nbsp;CAMPBELL Soup Company, CAMPBELL'S CHUNKY Soups, Fajita Chicken with Rice &amp; Beans Soup<input name="food_source_row_6" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_7" value="11960" checked="checked" id="" style="" type="checkbox"></td><td>
58-
&nbsp; &nbsp; &nbsp;Carrots, baby, raw<input name="food_source_row_7" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_8" value="1040" checked="checked" id="" style="" type="checkbox"></td><td>
59-
&nbsp; &nbsp; &nbsp;Cheese, swiss<input name="food_source_row_8" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_9" value="7933" checked="checked" id="" style="" type="checkbox"></td><td>
60-
&nbsp; &nbsp; &nbsp;Chicken breast, oven-roasted, fat-free, sliced<input name="food_source_row_9" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_10" value="14209" checked="checked" id="" style="" type="checkbox"></td><td>
61-
&nbsp; &nbsp; &nbsp;Coffee, brewed from grounds, prepared with tap water<input name="food_source_row_10" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_11" value="1130" checked="checked" id="" style="" type="checkbox"></td><td>
62-
&nbsp; &nbsp; &nbsp;Egg, whole, cooked, omelet<input name="food_source_row_11" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_12" value="18265" checked="checked" id="" style="" type="checkbox"></td><td>
63-
&nbsp; &nbsp; &nbsp;English muffins, wheat, toasted<input name="food_source_row_12" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_13" value="15092" id="" style="" type="checkbox"></td><td>
64-
&nbsp; &nbsp; &nbsp;Fish, sea bass, mixed species, cooked, dry heat<input name="food_source_row_13" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_14" value="18640" checked="checked" id="" style="" type="checkbox"></td><td>
65-
&nbsp; &nbsp; &nbsp;HEINZ, WEIGHT WATCHER, Chocolate Eclair, frozen<input name="food_source_row_14" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_15" value="42138" checked="checked" id="" style="" type="checkbox"></td><td>
66-
&nbsp; &nbsp; &nbsp;Mayonnaise, reduced-calorie or diet, cholesterol-free<input name="food_source_row_15" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_16" value="4053" id="" style="" type="checkbox"></td><td>
67-
&nbsp; &nbsp; &nbsp;Oil, olive, salad or cooking<input name="food_source_row_16" value="USDA" type="hidden"></td></tr><tr style="display: table-row;"><td><input name="food_id_17" value="9203" checked="checked" id="" style="" type="checkbox"></td><td>
68-
&nbsp; &nbsp; &nbsp;Oranges, raw, Florida<input name="food_source_row_17" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_18" value="20047" checked="checked" id="" style="" type="checkbox"></td><td>
69-
&nbsp; &nbsp; &nbsp;Rice, white, long-grain, parboiled, enriched, cooked<input name="food_source_row_18" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_19" value="18350" checked="checked" id="" style="" type="checkbox"></td><td>
70-
&nbsp; &nbsp; &nbsp;Rolls, hamburger or hotdog, plain<input name="food_source_row_19" value="USDA" type="hidden"></td></tr><tr><td><input name="food_id_20" value="14476" id="" style="" type="checkbox"></td><td>
71-
&nbsp; &nbsp; &nbsp;Tea, ready-to-drink, LIPTON BRISK iced tea, with lemon flavor<input name="food_source_row_20" value="USDA" type="hidden"></td></tr></tbody></table><br><br></form>
72-
73-
74-
</div>
75-
76-
</body></html>
193+
</html>

0 commit comments

Comments
 (0)