html5forms-rails 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/CHANGELOG.md +5 -0
- data/Gemfile +11 -0
- data/README.md +208 -0
- data/Rakefile +49 -0
- data/VERSION +1 -0
- data/demos/html5-form-demo.html +79 -0
- data/html5forms-rails.gemspec +142 -0
- data/lib/html5forms.rb +6 -0
- data/vendor/assets/images/colorpicker/blank.gif +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_background.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_hex.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_hsb_b.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_hsb_h.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_hsb_s.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_indic.gif +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_overlay.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_rgb_b.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_rgb_g.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_rgb_r.png +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_select.gif +0 -0
- data/vendor/assets/images/colorpicker/colorpicker_submit.png +0 -0
- data/vendor/assets/images/colorpicker/custom_background.png +0 -0
- data/vendor/assets/images/colorpicker/custom_hex.png +0 -0
- data/vendor/assets/images/colorpicker/custom_hsb_b.png +0 -0
- data/vendor/assets/images/colorpicker/custom_hsb_h.png +0 -0
- data/vendor/assets/images/colorpicker/custom_hsb_s.png +0 -0
- data/vendor/assets/images/colorpicker/custom_indic.gif +0 -0
- data/vendor/assets/images/colorpicker/custom_rgb_b.png +0 -0
- data/vendor/assets/images/colorpicker/custom_rgb_g.png +0 -0
- data/vendor/assets/images/colorpicker/custom_rgb_r.png +0 -0
- data/vendor/assets/images/colorpicker/custom_submit.png +0 -0
- data/vendor/assets/images/colorpicker/select.png +0 -0
- data/vendor/assets/images/colorpicker/select2.png +0 -0
- data/vendor/assets/images/colorpicker/slider.png +0 -0
- data/vendor/assets/images/h5f/form_validation.png +0 -0
- data/vendor/assets/images/html5form-shim/asterisk.png +0 -0
- data/vendor/assets/images/html5form-shim/down.png +0 -0
- data/vendor/assets/images/html5form-shim/fail.png +0 -0
- data/vendor/assets/images/html5form-shim/ok.png +0 -0
- data/vendor/assets/images/html5forms/jscolor/arrow.gif +0 -0
- data/vendor/assets/images/html5forms/jscolor/cross.gif +0 -0
- data/vendor/assets/images/html5forms/jscolor/hs.png +0 -0
- data/vendor/assets/images/html5forms/jscolor/hv.png +0 -0
- data/vendor/assets/images/html5forms/slider/slider-1.png +0 -0
- data/vendor/assets/images/html5forms/slider/slider-disabled-1.png +0 -0
- data/vendor/assets/images/html5forms/slider/slider-disabled.png +0 -0
- data/vendor/assets/images/html5forms/slider/slider.png +0 -0
- data/vendor/assets/javascripts/colorpicker.js +484 -0
- data/vendor/assets/javascripts/colorpicker.min.js +9 -0
- data/vendor/assets/javascripts/h5f.js +328 -0
- data/vendor/assets/javascripts/h5f.min.js +4 -0
- data/vendor/assets/javascripts/html5forms/EventHelpers.min.js +15 -0
- data/vendor/assets/javascripts/html5forms/autocomplete.min.js +1 -0
- data/vendor/assets/javascripts/html5forms/cssQuery-p.min.js +6 -0
- data/vendor/assets/javascripts/html5forms/dev/EventHelpers.js +486 -0
- data/vendor/assets/javascripts/html5forms/dev/autocomplete.js +387 -0
- data/vendor/assets/javascripts/html5forms/dev/cssQuery-p.js +6 -0
- data/vendor/assets/javascripts/html5forms/dev/html5.js +121 -0
- data/vendor/assets/javascripts/html5forms/dev/html5Forms.js +892 -0
- data/vendor/assets/javascripts/html5forms/dev/html5Widgets.js +1417 -0
- data/vendor/assets/javascripts/html5forms/dev/jscolor.js +840 -0
- data/vendor/assets/javascripts/html5forms/dev/slider.js +797 -0
- data/vendor/assets/javascripts/html5forms/dev/timer.js +137 -0
- data/vendor/assets/javascripts/html5forms/dev/visibleIf.js +1100 -0
- data/vendor/assets/javascripts/html5forms/html5.min.js +2 -0
- data/vendor/assets/javascripts/html5forms/html5Forms.min.js +1 -0
- data/vendor/assets/javascripts/html5forms/html5Widgets.min.js +20 -0
- data/vendor/assets/javascripts/html5forms/jscolor.min.js +10 -0
- data/vendor/assets/javascripts/html5forms/slider.min.js +25 -0
- data/vendor/assets/javascripts/html5forms/timer.min.js +1 -0
- data/vendor/assets/javascripts/html5forms/visibleIf.min.js +19 -0
- data/vendor/assets/javascripts/html5forms.fallback.js +115 -0
- data/vendor/assets/javascripts/html5forms.fallback.min.js +11 -0
- data/vendor/assets/javascripts/jquery.html5form-shim.js +402 -0
- data/vendor/assets/javascripts/jquery.html5form.min.js +4 -0
- data/vendor/assets/javascripts/jquery.placehold.min.js +7 -0
- data/vendor/assets/javascripts/ui.spinner.js +649 -0
- data/vendor/assets/javascripts/ui.spinner.min.js +7 -0
- data/vendor/assets/javascripts/webforms2/webforms2-msie.js +1 -0
- data/vendor/assets/javascripts/webforms2/webforms2-p.js +14 -0
- data/vendor/assets/javascripts/webforms2/webforms2.js +14 -0
- data/vendor/assets/javascripts/webforms2/webforms2_src.js +3195 -0
- data/vendor/assets/stylesheets/colorpicker.css +161 -0
- data/vendor/assets/stylesheets/h5f.css +86 -0
- data/vendor/assets/stylesheets/html5form-shim.css +109 -0
- data/vendor/assets/stylesheets/html5forms/number.css +35 -0
- data/vendor/assets/stylesheets/html5forms/slider.css +169 -0
- data/vendor/assets/stylesheets/html5forms/slider_ie.css +41 -0
- data/vendor/assets/stylesheets/html5forms/visibleIf.css +23 -0
- data/vendor/assets/stylesheets/html5forms.layout.css +116 -0
- data/vendor/assets/stylesheets/ui.spinner.css +3 -0
- data/vendor/assets/stylesheets/webforms2.css +42 -0
- metadata +221 -0
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Timer.js - object oriented friendly timeout object
|
|
3
|
+
* From code originally found on:
|
|
4
|
+
*
|
|
5
|
+
* http://www.codingforums.com/archive/index.php/index.php?t-10531.html
|
|
6
|
+
*
|
|
7
|
+
* The problems with the setTimeout and setInterval functions
|
|
8
|
+
* provided in Javascript are twofold. First, you can't call a local
|
|
9
|
+
* object method without losing your scope, and second, you can't pass
|
|
10
|
+
* objects to the function, since the function call is implemented as a string.
|
|
11
|
+
*
|
|
12
|
+
* The Timer class solves these difficulties by employing a static array
|
|
13
|
+
* to store the parent object and function arguments until the function is
|
|
14
|
+
* called.
|
|
15
|
+
*
|
|
16
|
+
* This class is provided as-is and pro bono, so go ahead and muck with
|
|
17
|
+
* it if you see things that could be done better.
|
|
18
|
+
*
|
|
19
|
+
* Thanks to WA for giving me the idea for this (albeit indirectly)!
|
|
20
|
+
*
|
|
21
|
+
* Updated 4/18/2003: Footprint decreased, minor code improvements.
|
|
22
|
+
* Updated 5/3/2003: Minor comment clarification; no code changes.
|
|
23
|
+
* Updated 5/10/2003: Minor code improvements.
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
// The constructor should be called with
|
|
28
|
+
// the parent object (optional, defaults to window).
|
|
29
|
+
|
|
30
|
+
function
|
|
31
|
+
Timer ()
|
|
32
|
+
{
|
|
33
|
+
this.obj = (arguments.length) ? arguments[0] : window;
|
|
34
|
+
return this;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// The set functions should be called with:
|
|
38
|
+
// - The name of the object method (as a string) (required)
|
|
39
|
+
// - The millisecond delay (required)
|
|
40
|
+
// - Any number of extra arguments, which will all be
|
|
41
|
+
// passed to the method when it is evaluated.
|
|
42
|
+
|
|
43
|
+
Timer.prototype.setInterval = function (func, msec)
|
|
44
|
+
{
|
|
45
|
+
var i = Timer.getNew ();
|
|
46
|
+
var t = Timer.buildCall (this.obj, i, arguments);
|
|
47
|
+
Timer.set[i].timer = window.setInterval (t, msec);
|
|
48
|
+
return i;
|
|
49
|
+
}
|
|
50
|
+
Timer.prototype.setTimeout = function (func, msec)
|
|
51
|
+
{
|
|
52
|
+
var i = Timer.getNew ();
|
|
53
|
+
Timer.buildCall (this.obj, i, arguments);
|
|
54
|
+
Timer.set[i].timer = window.setTimeout ("Timer.callOnce(" + i + ");", msec);
|
|
55
|
+
return i;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// The clear functions should be called with
|
|
59
|
+
// the return value from the equivalent set function.
|
|
60
|
+
|
|
61
|
+
Timer.prototype.clearInterval = function (i)
|
|
62
|
+
{
|
|
63
|
+
if (!Timer.set[i])
|
|
64
|
+
return;
|
|
65
|
+
window.clearInterval (Timer.set[i].timer);
|
|
66
|
+
Timer.set[i] = null;
|
|
67
|
+
}
|
|
68
|
+
Timer.prototype.clearTimeout = function (i)
|
|
69
|
+
{
|
|
70
|
+
if (!Timer.set[i])
|
|
71
|
+
return;
|
|
72
|
+
window.clearTimeout (Timer.set[i].timer);
|
|
73
|
+
Timer.set[i] = null;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// Private data
|
|
77
|
+
|
|
78
|
+
Timer.set = new Array ();
|
|
79
|
+
Timer.buildCall = function (obj, i, args)
|
|
80
|
+
{
|
|
81
|
+
var t = "";
|
|
82
|
+
Timer.set[i] = new Array ();
|
|
83
|
+
if (obj != window)
|
|
84
|
+
{
|
|
85
|
+
Timer.set[i].obj = obj;
|
|
86
|
+
t = "Timer.set[" + i + "].obj.";
|
|
87
|
+
}
|
|
88
|
+
t += args[0] + "(";
|
|
89
|
+
if (args.length > 2)
|
|
90
|
+
{
|
|
91
|
+
Timer.set[i][0] = args[2];
|
|
92
|
+
t += "Timer.set[" + i + "][0]";
|
|
93
|
+
for (var j = 1; (j + 2) < args.length; j++)
|
|
94
|
+
{
|
|
95
|
+
Timer.set[i][j] = args[j + 2];
|
|
96
|
+
t += ", Timer.set[" + i + "][" + j + "]";
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
t += ");";
|
|
100
|
+
Timer.set[i].call = t;
|
|
101
|
+
return t;
|
|
102
|
+
}
|
|
103
|
+
Timer.callOnce = function (i)
|
|
104
|
+
{
|
|
105
|
+
if (!Timer.set[i])
|
|
106
|
+
return;
|
|
107
|
+
eval (Timer.set[i].call);
|
|
108
|
+
Timer.set[i] = null;
|
|
109
|
+
}
|
|
110
|
+
Timer.getNew = function ()
|
|
111
|
+
{
|
|
112
|
+
var i = 0;
|
|
113
|
+
while (Timer.set[i])
|
|
114
|
+
i++;
|
|
115
|
+
return i;
|
|
116
|
+
}
|
|
117
|
+
/*
|
|
118
|
+
Here 's an example of the code in action:
|
|
119
|
+
function Ticker ()
|
|
120
|
+
{
|
|
121
|
+
this.count = 0;
|
|
122
|
+
this.timer = new Timer (this);
|
|
123
|
+
}
|
|
124
|
+
Ticker.prototype.tick = function (d)
|
|
125
|
+
{
|
|
126
|
+
this.count += d;
|
|
127
|
+
window.status = "" + this.count;
|
|
128
|
+
this.timer.setTimeout ("tick", 1000, d);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
window.onload = function ()
|
|
132
|
+
{
|
|
133
|
+
var ticker = new Ticker ();
|
|
134
|
+
ticker.tick (1);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
*/
|