compass_formalize 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +1 -0
  3. data/CHANGELOG.md +5 -4
  4. data/README.md +31 -0
  5. data/compass_formalize.gemspec +2 -2
  6. data/stylesheets/_formalize.sass +226 -170
  7. data/templates/{dojo → common}/button.png +0 -0
  8. data/templates/{dojo → common}/select_arrow.gif +0 -0
  9. data/templates/dojo/dojo.formalize.js +46 -19
  10. data/templates/dojo/dojo.formalize.min.js +1 -1
  11. data/templates/dojo/manifest.rb +5 -0
  12. data/templates/extjs/extjs.formalize.js +48 -25
  13. data/templates/extjs/extjs.formalize.min.js +1 -1
  14. data/templates/jquery-legacy/jquery.formalize.legacy.js +187 -0
  15. data/templates/jquery-legacy/jquery.formalize.legacy.min.js +1 -0
  16. data/templates/jquery-legacy/manifest.rb +42 -0
  17. data/templates/jquery/jquery.formalize.js +42 -20
  18. data/templates/jquery/jquery.formalize.min.js +1 -1
  19. data/templates/jquery/manifest.rb +6 -1
  20. data/templates/mootools/manifest.rb +5 -0
  21. data/templates/mootools/mootools.formalize.js +49 -20
  22. data/templates/mootools/mootools.formalize.min.js +1 -1
  23. data/templates/prototype/manifest.rb +5 -0
  24. data/templates/prototype/prototype.formalize.js +43 -23
  25. data/templates/prototype/prototype.formalize.min.js +1 -1
  26. data/templates/yui/manifest.rb +5 -0
  27. data/templates/yui/yui.formalize.js +57 -43
  28. data/templates/yui/yui.formalize.min.js +1 -1
  29. metadata +11 -40
  30. data/templates/extjs/button.png +0 -0
  31. data/templates/extjs/select_arrow.gif +0 -0
  32. data/templates/jquery/button.png +0 -0
  33. data/templates/jquery/select_arrow.gif +0 -0
  34. data/templates/mootools/button.png +0 -0
  35. data/templates/mootools/select_arrow.gif +0 -0
  36. data/templates/prototype/button.png +0 -0
  37. data/templates/prototype/select_arrow.gif +0 -0
  38. data/templates/yui/button.png +0 -0
  39. data/templates/yui/select_arrow.gif +0 -0
data/templates/jquery/jquery.formalize.js CHANGED
@@ -1,36 +1,42 @@
1
- //
2
- // Note: This file depends on the jQuery library.
3
- //
1
+ /*
2
+ Formalize - version 1.2
3
+
4
+ Note: This file depends on the jQuery library.
5
+ */
4
6
 
5
7
  // Module pattern:
6
- // http://yuiblog.com/blog/2007/06/12/module-pattern/
8
+ // http://yuiblog.com/blog/2007/06/12/module-pattern
7
9
  var FORMALIZE = (function($, window, document, undefined) {
10
+ // Internet Explorer detection.
11
+ function IE(version) {
12
+ var b = document.createElement('b');
13
+ b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
14
+ return !!b.getElementsByTagName('br').length;
15
+ }
16
+
8
17
  // Private constants.
9
18
  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
10
19
  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
11
- var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
12
- var IE6 = !!($.browser.msie && parseInt($.browser.version, 10) === 6);
13
- var IE7 = !!($.browser.msie && parseInt($.browser.version, 10) === 7);
20
+ var IE6 = IE(6);
21
+ var IE7 = IE(7);
14
22
 
15
23
  // Expose innards of FORMALIZE.
16
24
  return {
17
25
  // FORMALIZE.go
18
26
  go: function() {
19
- for (var i in FORMALIZE.init) {
20
- FORMALIZE.init[i]();
27
+ var i, j = this.init;
28
+
29
+ for (i in j) {
30
+ j.hasOwnProperty(i) && j[i]();
21
31
  }
22
32
  },
23
33
  // FORMALIZE.init
24
34
  init: {
25
- // FORMALIZE.init.detect_webkit
26
- detect_webkit: function() {
27
- if (!WEBKIT) {
28
- return;
29
- }
30
-
31
- // Tweaks for Safari + Chrome.
32
- // <html class="is_webkit">
33
- $(document.documentElement).addClass('is_webkit');
35
+ // FORMALIZE.init.disable_link_button
36
+ disable_link_button: function() {
37
+ $(document.documentElement).on('click', 'a.button_disabled', function() {
38
+ return false;
39
+ });
34
40
  },
35
41
  // FORMALIZE.init.full_input_size
36
42
  full_input_size: function() {
@@ -93,7 +99,11 @@ var FORMALIZE = (function($, window, document, undefined) {
93
99
  return;
94
100
  }
95
101
 
96
- $(':input[autofocus]:visible:first').focus();
102
+ var el = $('[autofocus]')[0];
103
+
104
+ if (!el.disabled) {
105
+ el.focus();
106
+ }
97
107
  },
98
108
  // FORMALIZE.init.placeholder
99
109
  placeholder: function() {
@@ -106,6 +116,12 @@ var FORMALIZE = (function($, window, document, undefined) {
106
116
  FORMALIZE.misc.add_placeholder();
107
117
 
108
118
  $(':input[placeholder]').each(function() {
119
+ // Placeholder obscured in older browsers,
120
+ // so there's no point adding to password.
121
+ if (this.type === 'password') {
122
+ return;
123
+ }
124
+
109
125
  var el = $(this);
110
126
  var text = el.attr('placeholder');
111
127
 
@@ -123,7 +139,7 @@ var FORMALIZE = (function($, window, document, undefined) {
123
139
  if (el.val() === text) {
124
140
  el.val('').removeClass('placeholder_text');
125
141
  }
126
- }).bind('reset', function() {
142
+ }).on('reset', function() {
127
143
  setTimeout(FORMALIZE.misc.add_placeholder, 50);
128
144
  });
129
145
  });
@@ -140,6 +156,12 @@ var FORMALIZE = (function($, window, document, undefined) {
140
156
  }
141
157
 
142
158
  $(':input[placeholder]').each(function() {
159
+ // Placeholder obscured in older browsers,
160
+ // so there's no point adding to password.
161
+ if (this.type === 'password') {
162
+ return;
163
+ }
164
+
143
165
  var el = $(this);
144
166
  var text = el.attr('placeholder');
145
167
 
data/templates/jquery/jquery.formalize.min.js CHANGED
@@ -1 +1 @@
1
- var FORMALIZE=function(a,b,c,d){var e="placeholder"in c.createElement("input"),f="autofocus"in c.createElement("input"),g="webkitAppearance"in c.createElement("select").style,h=!!a.browser.msie&&parseInt(a.browser.version,10)===6,i=!!a.browser.msie&&parseInt(a.browser.version,10)===7;return{go:function(){for(var a in FORMALIZE.init)FORMALIZE.init[a]()},init:{detect_webkit:function(){!g||a(c.documentElement).addClass("is_webkit")},full_input_size:function(){!!i&&!!a("textarea, input.input_full").length&&a("textarea, input.input_full").wrap('<span class="input_full_wrap"></span>')},ie6_skin_inputs:function(){if(!!h&&!!a("input, select, textarea").length){var b=/button|submit|reset/,c=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;a("input").each(function(){var d=a(this);this.getAttribute("type").match(b)?(d.addClass("ie6_button"),this.disabled&&d.addClass("ie6_button_disabled")):this.getAttribute("type").match(c)&&(d.addClass("ie6_input"),this.disabled&&d.addClass("ie6_input_disabled"))}),a("textarea, select").each(function(){this.disabled&&a(this).addClass("ie6_input_disabled")})}},autofocus:function(){!f&&!!a(":input[autofocus]").length&&a(":input[autofocus]:visible:first").focus()},placeholder:function(){!e&&!!a(":input[placeholder]").length&&(FORMALIZE.misc.add_placeholder(),a(":input[placeholder]").each(function(){var b=a(this),c=b.attr("placeholder");b.focus(function(){b.val()===c&&b.val("").removeClass("placeholder_text")}).blur(function(){FORMALIZE.misc.add_placeholder()}),b.closest("form").submit(function(){b.val()===c&&b.val("").removeClass("placeholder_text")}).bind("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})}))}},misc:{add_placeholder:function(){!e&&!!a(":input[placeholder]").length&&a(":input[placeholder]").each(function(){var b=a(this),c=b.attr("placeholder");(!b.val()||b.val()===c)&&b.val(c).addClass("placeholder_text")})}}}}(jQuery,this,this.document);jQuery(document).ready(function(){FORMALIZE.go()})
1
+ var FORMALIZE=function(e,t,n,r){function i(e){var t=n.createElement("b");return t.innerHTML="<!--[if IE "+e+"]><br><![endif]-->",!!t.getElementsByTagName("br").length}var s="placeholder"in n.createElement("input"),o="autofocus"in n.createElement("input"),u=i(6),a=i(7);return{go:function(){var e,t=this.init;for(e in t)t.hasOwnProperty(e)&&t[e]()},init:{disable_link_button:function(){e(n.documentElement).on("click","a.button_disabled",function(){return!1})},full_input_size:function(){if(!a||!e("textarea, input.input_full").length)return;e("textarea, input.input_full").wrap('<span class="input_full_wrap"></span>')},ie6_skin_inputs:function(){if(!u||!e("input, select, textarea").length)return;var t=/button|submit|reset/,n=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;e("input").each(function(){var r=e(this);this.getAttribute("type").match(t)?(r.addClass("ie6_button"),this.disabled&&r.addClass("ie6_button_disabled")):this.getAttribute("type").match(n)&&(r.addClass("ie6_input"),this.disabled&&r.addClass("ie6_input_disabled"))}),e("textarea, select").each(function(){this.disabled&&e(this).addClass("ie6_input_disabled")})},autofocus:function(){if(o||!e(":input[autofocus]").length)return;var t=e("[autofocus]")[0];t.disabled||t.focus()},placeholder:function(){if(s||!e(":input[placeholder]").length)return;FORMALIZE.misc.add_placeholder(),e(":input[placeholder]").each(function(){if(this.type==="password")return;var t=e(this),n=t.attr("placeholder");t.focus(function(){t.val()===n&&t.val("").removeClass("placeholder_text")}).blur(function(){FORMALIZE.misc.add_placeholder()}),t.closest("form").submit(function(){t.val()===n&&t.val("").removeClass("placeholder_text")}).on("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})})}},misc:{add_placeholder:function(){if(s||!e(":input[placeholder]").length)return;e(":input[placeholder]").each(function(){if(this.type==="password")return;var t=e(this),n=t.attr("placeholder");(!t.val()||t.val()===n)&&t.val(n).addClass("placeholder_text")})}}}}(jQuery,this,this.document);jQuery(document).ready(function(){FORMALIZE.go()})
data/templates/jquery/manifest.rb CHANGED
@@ -1,5 +1,10 @@
1
1
  # Make sure you list all the project template files here in the manifest.
2
- discover :all
2
+
3
+ # Image Import
4
+ file '../common/button.png', :like => :image, :to => 'button.png'
5
+ file '../common/select_arrow.gif', :like => :image, :to => 'select_arrow.gif'
6
+
7
+ discover :all
3
8
 
4
9
  description "Teach your forms some manners."
5
10
 
data/templates/mootools/manifest.rb CHANGED
@@ -1,4 +1,9 @@
1
1
  # Make sure you list all the project template files here in the manifest.
2
+
3
+ # Image Import
4
+ file '../common/button.png', :like => :image, :to => 'button.png'
5
+ file '../common/select_arrow.gif', :like => :image, :to => 'select_arrow.gif'
6
+
2
7
  discover :all
3
8
 
4
9
  description "Teach your forms some manners."
data/templates/mootools/mootools.formalize.js CHANGED
@@ -1,36 +1,47 @@
1
- //
2
- // Note: This file depends on the MooTools library.
3
- //
1
+ /*
2
+ Formalize - version 1.2
3
+
4
+ Note: This file depends on the MooTools library.
5
+ */
4
6
 
5
7
  // Module pattern:
6
- // http://yuiblog.com/blog/2007/06/12/module-pattern/
8
+ // http://yuiblog.com/blog/2007/06/12/module-pattern
7
9
  var FORMALIZE = (function(window, document, undefined) {
10
+ // Internet Explorer detection.
11
+ function IE(version) {
12
+ var b = document.createElement('b');
13
+ b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
14
+ return !!b.getElementsByTagName('br').length;
15
+ }
16
+
8
17
  // Private constants.
9
18
  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
10
19
  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
11
- var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
12
- var IE6 = Browser.ie6;
13
- var IE7 = Browser.ie7;
20
+ var IE6 = IE(6);
21
+ var IE7 = IE(7);
14
22
 
15
23
  // Expose innards of FORMALIZE.
16
24
  return {
17
25
  // FORMALIZE.go
18
26
  go: function() {
19
- for (var i in FORMALIZE.init) {
20
- FORMALIZE.init[i]();
27
+ var i, j = this.init;
28
+
29
+ for (i in j) {
30
+ j.hasOwnProperty(i) && j[i]();
21
31
  }
22
32
  },
23
33
  // FORMALIZE.init
24
34
  init: {
25
- // FORMALIZE.init.detect_webkit
26
- detect_webkit: function() {
27
- if (!WEBKIT) {
28
- return;
29
- }
30
-
31
- // Tweaks for Safari + Chrome.
32
- // <html class="is_webkit">
33
- $(document.documentElement).addClass('is_webkit');
35
+ // FORMALIZE.init.disable_link_button
36
+ disable_link_button: function() {
37
+ $(document.documentElement).addEvent('click', function(ev) {
38
+ var el = ev.target;
39
+ var is_disabled = el.tagName.toLowerCase() === 'a' && el.className.match('button_disabled');
40
+
41
+ if (is_disabled) {
42
+ ev.preventDefault();
43
+ }
44
+ });
34
45
  },
35
46
  // FORMALIZE.init.full_input_size
36
47
  full_input_size: function() {
@@ -94,7 +105,11 @@ var FORMALIZE = (function(window, document, undefined) {
94
105
  return;
95
106
  }
96
107
 
97
- $$('[autofocus]')[0].focus();
108
+ var el = $$('[autofocus]')[0];
109
+
110
+ if (!el.disabled) {
111
+ el.focus();
112
+ }
98
113
  },
99
114
  // FORMALIZE.init.placeholder
100
115
  placeholder: function() {
@@ -107,6 +122,12 @@ var FORMALIZE = (function(window, document, undefined) {
107
122
  FORMALIZE.misc.add_placeholder();
108
123
 
109
124
  $$('[placeholder]').each(function(el) {
125
+ // Placeholder obscured in older browsers,
126
+ // so there's no point adding to password.
127
+ if (el.type === 'password') {
128
+ return;
129
+ }
130
+
110
131
  var text = el.get('placeholder');
111
132
 
112
133
  el.addEvents({
@@ -122,7 +143,9 @@ var FORMALIZE = (function(window, document, undefined) {
122
143
 
123
144
  // Prevent <form> from accidentally
124
145
  // submitting the placeholder text.
125
- el.getParent('form').addEvents({
146
+ var form = el.getParent('form');
147
+
148
+ form && form.addEvents({
126
149
  'submit': function() {
127
150
  if (el.value === text) {
128
151
  el.set('value', '').removeClass('placeholder_text');
@@ -146,6 +169,12 @@ var FORMALIZE = (function(window, document, undefined) {
146
169
  }
147
170
 
148
171
  $$('[placeholder]').each(function(el) {
172
+ // Placeholder obscured in older browsers,
173
+ // so there's no point adding to password.
174
+ if (el.type === 'password') {
175
+ return;
176
+ }
177
+
149
178
  var text = el.get('placeholder');
150
179
 
151
180
  if (!el.value || el.value === text) {
data/templates/mootools/mootools.formalize.min.js CHANGED
@@ -1 +1 @@
1
- var FORMALIZE=function(a,b,c){var d="placeholder"in b.createElement("input"),e="autofocus"in b.createElement("input"),f="webkitAppearance"in b.createElement("select").style,g=Browser.ie6,h=Browser.ie7;return{go:function(){for(var a in FORMALIZE.init)FORMALIZE.init[a]()},init:{detect_webkit:function(){!f||$(b.documentElement).addClass("is_webkit")},full_input_size:function(){!!h&&!!$$("textarea, input.input_full").length&&$$("textarea, input.input_full").each(function(a){(new Element("span.input_full_wrap")).wraps(a)})},ie6_skin_inputs:function(){if(!!g&&!!$$("input, select, textarea").length){var a=/button|submit|reset/,b=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(c){c.getAttribute("type").match(a)?(c.addClass("ie6_button"),c.disabled&&c.addClass("ie6_button_disabled")):c.getAttribute("type").match(b)&&(c.addClass("ie6_input"),c.disabled&&c.addClass("ie6_input_disabled"))}),$$("textarea, select").each(function(a){a.disabled&&a.addClass("ie6_input_disabled")})}},autofocus:function(){!e&&!!$$("[autofocus]").length&&$$("[autofocus]")[0].focus()},placeholder:function(){!d&&!!$$("[placeholder]").length&&(FORMALIZE.misc.add_placeholder(),$$("[placeholder]").each(function(a){var b=a.get("placeholder");a.addEvents({focus:function(){a.value===b&&a.set("value","").removeClass("placeholder_text")},blur:function(){FORMALIZE.misc.add_placeholder()}}),a.getParent("form").addEvents({submit:function(){a.value===b&&a.set("value","").removeClass("placeholder_text")},reset:function(){setTimeout(FORMALIZE.misc.add_placeholder,50)}})}))}},misc:{add_placeholder:function(){!d&&!!$$("[placeholder]").length&&$$("[placeholder]").each(function(a){var b=a.get("placeholder");(!a.value||a.value===b)&&a.set("value",b).addClass("placeholder_text")})}}}}(this,this.document);$(document).addEvent("domready",function(){FORMALIZE.go()})
1
+ var FORMALIZE=function(e,t,n){function r(e){var n=t.createElement("b");return n.innerHTML="<!--[if IE "+e+"]><br><![endif]-->",!!n.getElementsByTagName("br").length}var i="placeholder"in t.createElement("input"),s="autofocus"in t.createElement("input"),o=r(6),u=r(7);return{go:function(){var e,t=this.init;for(e in t)t.hasOwnProperty(e)&&t[e]()},init:{disable_link_button:function(){$(t.documentElement).addEvent("click",function(e){var t=e.target,n=t.tagName.toLowerCase()==="a"&&t.className.match("button_disabled");n&&e.preventDefault()})},full_input_size:function(){if(!u||!$$("textarea, input.input_full").length)return;$$("textarea, input.input_full").each(function(e){(new Element("span.input_full_wrap")).wraps(e)})},ie6_skin_inputs:function(){if(!o||!$$("input, select, textarea").length)return;var e=/button|submit|reset/,t=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(n){n.getAttribute("type").match(e)?(n.addClass("ie6_button"),n.disabled&&n.addClass("ie6_button_disabled")):n.getAttribute("type").match(t)&&(n.addClass("ie6_input"),n.disabled&&n.addClass("ie6_input_disabled"))}),$$("textarea, select").each(function(e){e.disabled&&e.addClass("ie6_input_disabled")})},autofocus:function(){if(s||!$$("[autofocus]").length)return;var e=$$("[autofocus]")[0];e.disabled||e.focus()},placeholder:function(){if(i||!$$("[placeholder]").length)return;FORMALIZE.misc.add_placeholder(),$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.get("placeholder");e.addEvents({focus:function(){e.value===t&&e.set("value","").removeClass("placeholder_text")},blur:function(){FORMALIZE.misc.add_placeholder()}});var n=e.getParent("form");n&&n.addEvents({submit:function(){e.value===t&&e.set("value","").removeClass("placeholder_text")},reset:function(){setTimeout(FORMALIZE.misc.add_placeholder,50)}})})}},misc:{add_placeholder:function(){if(i||!$$("[placeholder]").length)return;$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.get("placeholder");(!e.value||e.value===t)&&e.set("value",t).addClass("placeholder_text")})}}}}(this,this.document);$(document).addEvent("domready",function(){FORMALIZE.go()})
data/templates/prototype/manifest.rb CHANGED
@@ -1,4 +1,9 @@
1
1
  # Make sure you list all the project template files here in the manifest.
2
+
3
+ # Image Import
4
+ file '../common/button.png', :like => :image, :to => 'button.png'
5
+ file '../common/select_arrow.gif', :like => :image, :to => 'select_arrow.gif'
6
+
2
7
  discover :all
3
8
 
4
9
  description "Teach your forms some manners."
data/templates/prototype/prototype.formalize.js CHANGED
@@ -1,17 +1,12 @@
1
- //
2
- // Note: This file depends on the Prototype library.
3
- //
1
+ /*
2
+ Formalize - version 1.2
3
+
4
+ Note: This file depends on the Prototype library.
5
+ */
4
6
 
5
7
  // Module pattern:
6
- // http://yuiblog.com/blog/2007/06/12/module-pattern/
8
+ // http://yuiblog.com/blog/2007/06/12/module-pattern
7
9
  var FORMALIZE = (function(window, document, undefined) {
8
- // Private constants.
9
- var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
10
- var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
11
- var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
12
- var IE6 = IE(6);
13
- var IE7 = IE(7);
14
-
15
10
  // Internet Explorer detection.
16
11
  function IE(version) {
17
12
  var b = document.createElement('b');
@@ -19,25 +14,34 @@ var FORMALIZE = (function(window, document, undefined) {
19
14
  return !!b.getElementsByTagName('br').length;
20
15
  }
21
16
 
17
+ // Private constants.
18
+ var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
19
+ var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
20
+ var IE6 = IE(6);
21
+ var IE7 = IE(7);
22
+
22
23
  // Expose innards of FORMALIZE.
23
24
  return {
24
25
  // FORMALIZE.go
25
26
  go: function() {
26
- for (var i in FORMALIZE.init) {
27
- FORMALIZE.init[i]();
27
+ var i, j = this.init;
28
+
29
+ for (i in j) {
30
+ j.hasOwnProperty(i) && j[i]();
28
31
  }
29
32
  },
30
33
  // FORMALIZE.init
31
34
  init: {
32
- // FORMALIZE.init.detect_webkit
33
- detect_webkit: function() {
34
- if (!WEBKIT) {
35
- return;
36
- }
37
-
38
- // Tweaks for Safari + Chrome.
39
- // <html class="is_webkit">
40
- $(document.documentElement).addClassName('is_webkit');
35
+ // FORMALIZE.init.disable_link_button
36
+ disable_link_button: function() {
37
+ $(document.documentElement).observe('click', function(ev) {
38
+ var el = ev.target;
39
+ var is_disabled = el.tagName.toLowerCase() === 'a' && el.className.match('button_disabled');
40
+
41
+ if (is_disabled) {
42
+ ev.preventDefault();
43
+ }
44
+ });
41
45
  },
42
46
  // FORMALIZE.init.full_input_size
43
47
  full_input_size: function() {
@@ -100,7 +104,11 @@ var FORMALIZE = (function(window, document, undefined) {
100
104
  return;
101
105
  }
102
106
 
103
- $$('[autofocus]')[0].focus();
107
+ var el = $$('[autofocus]')[0];
108
+
109
+ if (!el.disabled) {
110
+ el.focus();
111
+ }
104
112
  },
105
113
  // FORMALIZE.init.placeholder
106
114
  placeholder: function() {
@@ -113,6 +121,12 @@ var FORMALIZE = (function(window, document, undefined) {
113
121
  FORMALIZE.misc.add_placeholder();
114
122
 
115
123
  $$('[placeholder]').each(function(el) {
124
+ // Placeholder obscured in older browsers,
125
+ // so there's no point adding to password.
126
+ if (el.type === 'password') {
127
+ return;
128
+ }
129
+
116
130
  var text = el.getAttribute('placeholder');
117
131
  var form = el.up('form');
118
132
 
@@ -153,6 +167,12 @@ var FORMALIZE = (function(window, document, undefined) {
153
167
  }
154
168
 
155
169
  $$('[placeholder]').each(function(el) {
170
+ // Placeholder obscured in older browsers,
171
+ // so there's no point adding to password.
172
+ if (el.type === 'password') {
173
+ return;
174
+ }
175
+
156
176
  var text = el.getAttribute('placeholder');
157
177
 
158
178
  if (!el.value || el.value === text) {
data/templates/prototype/prototype.formalize.min.js CHANGED
@@ -1 +1 @@
1
- var FORMALIZE=function(a,b,c){function i(a){var c=b.createElement("b");c.innerHTML="<!--[if IE "+a+"]><br><![endif]-->";return!!c.getElementsByTagName("br").length}var d="placeholder"in b.createElement("input"),e="autofocus"in b.createElement("input"),f="webkitAppearance"in b.createElement("select").style,g=i(6),h=i(7);return{go:function(){for(var a in FORMALIZE.init)FORMALIZE.init[a]()},init:{detect_webkit:function(){!f||$(b.documentElement).addClassName("is_webkit")},full_input_size:function(){!!h&&!!$$("textarea, input.input_full").length&&$$("textarea, input.input_full").each(function(a){Element.wrap(a,"span",{"class":"input_full_wrap"})})},ie6_skin_inputs:function(){if(!!g&&!!$$("input, select, textarea").length){var a=/button|submit|reset/,b=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(c){c.getAttribute("type").match(a)?(c.addClassName("ie6_button"),c.disabled&&c.addClassName("ie6_button_disabled")):c.getAttribute("type").match(b)&&(c.addClassName("ie6_input"),c.disabled&&c.addClassName("ie6_input_disabled"))}),$$("textarea, select").each(function(a){a.disabled&&a.addClassName("ie6_input_disabled")})}},autofocus:function(){!e&&!!$$("[autofocus]").length&&$$("[autofocus]")[0].focus()},placeholder:function(){!d&&!!$$("[placeholder]").length&&(FORMALIZE.misc.add_placeholder(),$$("[placeholder]").each(function(a){var b=a.getAttribute("placeholder"),c=a.up("form");a.observe("focus",function(){a.value===b&&(a.value="",a.removeClassName("placeholder_text"))}),a.observe("blur",function(){FORMALIZE.misc.add_placeholder()}),c.observe("submit",function(){a.value===b&&(a.value="",a.removeClassName("placeholder_text"))}),c.observe("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})}))}},misc:{add_placeholder:function(){!d&&!!$$("[placeholder]").length&&$$("[placeholder]").each(function(a){var b=a.getAttribute("placeholder");if(!a.value||a.value===b)a.value=b,a.addClassName("placeholder_text")})}}}}(this,this.document);$(document).observe("dom:loaded",function(){FORMALIZE.go()})
1
+ var FORMALIZE=function(e,t,n){function r(e){var n=t.createElement("b");return n.innerHTML="<!--[if IE "+e+"]><br><![endif]-->",!!n.getElementsByTagName("br").length}var i="placeholder"in t.createElement("input"),s="autofocus"in t.createElement("input"),o=r(6),u=r(7);return{go:function(){var e,t=this.init;for(e in t)t.hasOwnProperty(e)&&t[e]()},init:{disable_link_button:function(){$(t.documentElement).observe("click",function(e){var t=e.target,n=t.tagName.toLowerCase()==="a"&&t.className.match("button_disabled");n&&e.preventDefault()})},full_input_size:function(){if(!u||!$$("textarea, input.input_full").length)return;$$("textarea, input.input_full").each(function(e){Element.wrap(e,"span",{"class":"input_full_wrap"})})},ie6_skin_inputs:function(){if(!o||!$$("input, select, textarea").length)return;var e=/button|submit|reset/,t=/date|datetime|datetime-local|email|month|number|password|range|search|tel|text|time|url|week/;$$("input").each(function(n){n.getAttribute("type").match(e)?(n.addClassName("ie6_button"),n.disabled&&n.addClassName("ie6_button_disabled")):n.getAttribute("type").match(t)&&(n.addClassName("ie6_input"),n.disabled&&n.addClassName("ie6_input_disabled"))}),$$("textarea, select").each(function(e){e.disabled&&e.addClassName("ie6_input_disabled")})},autofocus:function(){if(s||!$$("[autofocus]").length)return;var e=$$("[autofocus]")[0];e.disabled||e.focus()},placeholder:function(){if(i||!$$("[placeholder]").length)return;FORMALIZE.misc.add_placeholder(),$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.getAttribute("placeholder"),n=e.up("form");e.observe("focus",function(){e.value===t&&(e.value="",e.removeClassName("placeholder_text"))}),e.observe("blur",function(){FORMALIZE.misc.add_placeholder()}),n.observe("submit",function(){e.value===t&&(e.value="",e.removeClassName("placeholder_text"))}),n.observe("reset",function(){setTimeout(FORMALIZE.misc.add_placeholder,50)})})}},misc:{add_placeholder:function(){if(i||!$$("[placeholder]").length)return;$$("[placeholder]").each(function(e){if(e.type==="password")return;var t=e.getAttribute("placeholder");if(!e.value||e.value===t)e.value=t,e.addClassName("placeholder_text")})}}}}(this,this.document);$(document).observe("dom:loaded",function(){FORMALIZE.go()})
data/templates/yui/manifest.rb CHANGED
@@ -1,4 +1,9 @@
1
1
  # Make sure you list all the project template files here in the manifest.
2
+
3
+ # Image Import
4
+ file '../common/button.png', :like => :image, :to => 'button.png'
5
+ file '../common/select_arrow.gif', :like => :image, :to => 'select_arrow.gif'
6
+
2
7
  discover :all
3
8
 
4
9
  description "Teach your forms some manners."
data/templates/yui/yui.formalize.js CHANGED
@@ -1,38 +1,42 @@
1
- //
2
- // Note: This file depends on the YUI library.
3
- //
1
+ /*
2
+ Formalize - version 1.2
3
+
4
+ Note: This file depends on the YUI library.
5
+ */
6
+
7
+ YUI.add('formalize', function(Y) {
8
+ // Internet Explorer detection.
9
+ function IE(version) {
10
+ var b = document.createElement('b');
11
+ b.innerHTML = '<!--[if IE ' + version + ']><br><![endif]-->';
12
+ return !!b.getElementsByTagName('br').length;
13
+ }
4
14
 
5
- // Module pattern:
6
- // http://yuiblog.com/blog/2007/06/12/module-pattern/
7
- var FORMALIZE = (function(window, document, undefined) {
8
15
  // Private constants.
9
16
  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
10
17
  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
11
- var WEBKIT = 'webkitAppearance' in document.createElement('select').style;
12
- var IE6 = parseInt(Y.UA.ie, 10) === 6;
13
- var IE7 = parseInt(Y.UA.ie, 10) === 7;
18
+ var IE6 = IE(6);
19
+ var IE7 = IE(7);
14
20
 
15
- // Expose innards of FORMALIZE.
16
- return {
17
- // FORMALIZE.go
21
+ // Expose innards of Formalize.
22
+ Y.formalize = {
23
+ // Y.formalize.go
18
24
  go: function() {
19
- for (var i in FORMALIZE.init) {
20
- FORMALIZE.init[i]();
25
+ var i, j = this.init;
26
+
27
+ for (i in j) {
28
+ j.hasOwnProperty(i) && j[i]();
21
29
  }
22
30
  },
23
- // FORMALIZE.init
31
+ // Y.formalize.init
24
32
  init: {
25
- // FORMALIZE.init.detect_webkit
26
- detect_webkit: function() {
27
- if (!WEBKIT) {
28
- return;
29
- }
30
-
31
- // Tweaks for Safari + Chrome.
32
- // <html class="is_webkit">
33
- Y.one(document.documentElement).addClass('is_webkit');
33
+ // Y.formalize.init.disable_link_button
34
+ disable_link_button: function() {
35
+ Y.one(document.documentElement).delegate('click', function(ev) {
36
+ ev.preventDefault();
37
+ }, 'a.button_disabled');
34
38
  },
35
- // FORMALIZE.init.full_input_size
39
+ // Y.formalize.init.full_input_size
36
40
  full_input_size: function() {
37
41
  if (!IE7 || !Y.all('textarea, input.input_full')) {
38
42
  return;
@@ -45,7 +49,7 @@ var FORMALIZE = (function(window, document, undefined) {
45
49
  wrapper.append(el.replace(wrapper));
46
50
  });
47
51
  },
48
- // FORMALIZE.init.ie6_skin_inputs
52
+ // Y.formalize.init.ie6_skin_inputs
49
53
  ie6_skin_inputs: function() {
50
54
  // Test for Internet Explorer 6.
51
55
  if (!IE6 || !Y.all('input, select, textarea')) {
@@ -88,15 +92,19 @@ var FORMALIZE = (function(window, document, undefined) {
88
92
  }
89
93
  });
90
94
  },
91
- // FORMALIZE.init.autofocus
95
+ // Y.formalize.init.autofocus
92
96
  autofocus: function() {
93
97
  if (AUTOFOCUS_SUPPORTED || !Y.one('[autofocus]')) {
94
98
  return;
95
99
  }
96
100
 
97
- Y.one('[autofocus]').focus();
101
+ var el = Y.Node.getDOMNode(Y.one('[autofocus]'));
102
+
103
+ if (!el.disabled) {
104
+ el.focus();
105
+ }
98
106
  },
99
- // FORMALIZE.init.placeholder
107
+ // Y.formalize.init.placeholder
100
108
  placeholder: function() {
101
109
  if (PLACEHOLDER_SUPPORTED || !Y.one('[placeholder]')) {
102
110
  // Exit if placeholder is supported natively,
@@ -104,9 +112,15 @@ var FORMALIZE = (function(window, document, undefined) {
104
112
  return;
105
113
  }
106
114
 
107
- FORMALIZE.misc.add_placeholder();
115
+ Y.formalize.misc.add_placeholder();
108
116
 
109
117
  Y.all('[placeholder]').each(function(el) {
118
+ // Placeholder obscured in older browsers,
119
+ // so there's no point adding to password.
120
+ if (el.getAttribute('type') === 'password') {
121
+ return;
122
+ }
123
+
110
124
  var text = el.getAttribute('placeholder');
111
125
  var form = el.ancestor('form');
112
126
 
@@ -123,26 +137,26 @@ var FORMALIZE = (function(window, document, undefined) {
123
137
  });
124
138
 
125
139
  el.on('blur', function() {
126
- FORMALIZE.misc.add_placeholder();
140
+ Y.formalize.misc.add_placeholder();
127
141
  });
128
142
 
129
143
  // Prevent <form> from accidentally
130
144
  // submitting the placeholder text.
131
- form.on('submit', function() {
145
+ form && form.on('submit', function() {
132
146
  if (el.get('value') === text) {
133
147
  el.set('value', '').removeClass('placeholder_text');
134
148
  }
135
149
  });
136
150
 
137
- form.on('reset', function() {
138
- setTimeout(FORMALIZE.misc.add_placeholder, 50);
151
+ form && form.on('reset', function() {
152
+ setTimeout(Y.formalize.misc.add_placeholder, 50);
139
153
  });
140
154
  });
141
155
  }
142
156
  },
143
- // FORMALIZE.misc
157
+ // Y.formalize.misc
144
158
  misc: {
145
- // FORMALIZE.misc.add_placeholder
159
+ // Y.formalize.misc.add_placeholder
146
160
  add_placeholder: function() {
147
161
  if (PLACEHOLDER_SUPPORTED || !Y.one('[placeholder]')) {
148
162
  // Exit if placeholder is supported natively,
@@ -151,6 +165,12 @@ var FORMALIZE = (function(window, document, undefined) {
151
165
  }
152
166
 
153
167
  Y.all('[placeholder]').each(function(el) {
168
+ // Placeholder obscured in older browsers,
169
+ // so there's no point adding to password.
170
+ if (el.getAttribute('type') === 'password') {
171
+ return;
172
+ }
173
+
154
174
  var text = el.getAttribute('placeholder');
155
175
 
156
176
  if (!el.get('value') || el.get('value') === text) {
@@ -160,10 +180,4 @@ var FORMALIZE = (function(window, document, undefined) {
160
180
  }
161
181
  }
162
182
  };
163
- // Alias window, document.
164
- })(this, this.document);
165
-
166
- // Automatically calls all functions in FORMALIZE.init
167
- Y.on('domready', function() {
168
- FORMALIZE.go();
169
- });
183
+ }, '1.1', {requires: ['node', 'event']});