uicore.placeholder.placeholder-fix.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ph-oton-uicore Show documentation

ph-oton UI core

There is a newer version: 8.2.4

// Source: https://gist.github.com/823300
// Based on: https://gist.github.com/379601
// Released under MIT license: http://www.opensource.org/licenses/mit-license.php

// Init with: $.placeholder()
jQuery.placeholder = function() {
  $('[placeholder]').focus(function() {
    var input = $(this);
    if (input.hasClass('placeholder')) {
      input.val('');
      input.removeClass('placeholder');
    }
  }).blur(function() {
    var input = $(this);
    if (input.val() === '') {
      input.addClass('placeholder');
      input.val(input.attr('placeholder'));
    }
  }).blur().parents('form').submit(function() {
    $(this).find('[placeholder]').each(function() {
      var input = $(this);
      if (input.hasClass('placeholder')) {
        input.val('');
      }
    });
  });
  
  // Clear input on refresh so that the placeholder class gets added back
  $(window).unload(function() {
    $('[placeholder]').val('');
  });
};

// If using AJAX, call this on all placeholders after submitting to 
// return placeholder
jQuery.fn.addPlaceholder = function() {
  return this.each(function() {
    var input = $(this);
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  });
};

$(document).ready (function() { 
  $.placeholder();
});