AnonymousFox

/home/develito/www/bin/assets/js/prototype.formalize.js

/*
  Formalize - version 1.2

Note: This file depends on the Prototype library.
*/

// Module pattern:
// http://yuiblog.com/blog/2007/06/12/module-pattern
var FORMALIZE = (function(window, document, undefined) {
  // Internet Explorer detection.
  function IE(version) {
    var b = document.createElement('b');
    b.innerHTML = '';
    return !!b.getElementsByTagName('br').length;
  }

// Private constants.
  var PLACEHOLDER_SUPPORTED = 'placeholder' in document.createElement('input');
  var AUTOFOCUS_SUPPORTED = 'autofocus' in document.createElement('input');
  var IE6 = IE(6);
  var IE7 = IE(7);

// Expose innards of FORMALIZE.
  return {
    // FORMALIZE.go
    go: function() {
      var i, j = this.init;

for (i in j) {
        j.hasOwnProperty(i) && j[i]();
      }
    },
    // FORMALIZE.init
    init: {
      // FORMALIZE.init.disable_link_button
      disable_link_button: function() {
        $(document.documentElement).observe('click', function(ev) {
          var el = ev.target;
          var is_disabled = el.tagName.toLowerCase() === 'a' && el.className.match('button_disabled');

if (is_disabled) {
            ev.preventDefault();
          }
        });
      },
      // FORMALIZE.init.full_input_size
      full_input_size: function() {
        if (!IE7 || !$$('textarea, input.input_full').length) {
          return;
        }

// This fixes width: 100% on <textarea> and class="input_full".
        // It ensures that form elements don't go wider than container.
        $$('textarea, input.input_full').each(function(el) {
          Element.wrap(el, 'span', {'class': 'input_full_wrap'});
        });
      },
      // FORMALIZE.init.ie6_skin_inputs
      ie6_skin_inputs: function() {
        // Test for Internet Explorer 6.
        if (!IE6 || !$$('input, select, textarea').length) {
          // Exit if the browser is not IE6,
          // or if no form elements exist.
          return;
        }

// For <input type="submit" />, etc.
        var button_regex = /button|submit|reset/;

$$('input').each(function(el) {
          // Is it a button?
          if (el.getAttribute('type').match(button_regex)) {
            el.addClassName('ie6_button');

/* Is it disabled? */
            if (el.disabled) {
              el.addClassName('ie6_button_disabled');
            }
          }
          // Or is it a textual input?
          else if (el.getAttribute('type').match(type_regex)) {
            el.addClassName('ie6_input');

/* Is it disabled? */
            if (el.disabled) {
              el.addClassName('ie6_input_disabled');
            }
          }
        });

$$('textarea, select').each(function(el) {
          /* Is it disabled? */
          if (el.disabled) {
            el.addClassName('ie6_input_disabled');
          }
        });
      },
      // FORMALIZE.init.autofocus
      autofocus: function() {
        if (AUTOFOCUS_SUPPORTED || !$$('[autofocus]').length) {
          return;
        }

var el = $$('[autofocus]')[0];

if (!el.disabled) {
          el.focus();
        }
      },
      // FORMALIZE.init.placeholder
      placeholder: function() {
        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
          // Exit if placeholder is supported natively,
          // or if page does not have any placeholder.
          return;
        }

FORMALIZE.misc.add_placeholder();

$$('[placeholder]').each(function(el) {
          // Placeholder obscured in older browsers,
          // so there's no point adding to password.
          if (el.type === 'password') {
            return;
          }

var text = el.getAttribute('placeholder');
          var form = el.up('form');

el.observe('focus', function() {
            if (el.value === text) {
              el.value = '';
              el.removeClassName('placeholder_text');
            }
          });

el.observe('blur', function() {
            FORMALIZE.misc.add_placeholder();
          });

// Prevent <form> from accidentally
          // submitting the placeholder text.
          form.observe('submit', function() {
            if (el.value === text) {
              el.value = '';
              el.removeClassName('placeholder_text');
            }
          });

form.observe('reset', function() {
            setTimeout(FORMALIZE.misc.add_placeholder, 50);
          });
        });
      }
    },
    // FORMALIZE.misc
    misc: {
      // FORMALIZE.misc.add_placeholder
      add_placeholder: function() {
        if (PLACEHOLDER_SUPPORTED || !$$('[placeholder]').length) {
          // Exit if placeholder is supported natively,
          // or if page does not have any placeholder.
          return;
        }

var text = el.getAttribute('placeholder');

if (!el.value || el.value === text) {
            el.value = text;
            el.addClassName('placeholder_text');
          }
        });
      }
    }
  };
// Alias window, document.
})(this, this.document);

// Automatically calls all functions in FORMALIZE.init
$(document).observe('dom:loaded', function() {
  FORMALIZE.go();
});