jquery.clearable.js 747 B

123456789101112131415161718192021222324252627
  1. jQuery.fn.clearable = function() {
  2. $('.morelink').click(function(){
  3. var $this = $(this);
  4. if($this.hasClass('less')){
  5. $this.removeClass('less');
  6. $this.html(config.moreText);
  7. }else{
  8. $this.addClass('less');
  9. $this.html(config.lessText);
  10. }
  11. $this.parent().prev().toggle();
  12. $this.prev().toggle();
  13. return false;
  14. });
  15. return this.each(function(){
  16. $(this).css({'border-width': '0px', 'outline': 'none'})
  17. .wrap('<div id="sq" class="divclearable"></div>')
  18. .parent()
  19. .attr('class', $(this).attr('class') + ' divclearable')
  20. .append('<a class="clearlink" href="javascript:"></a>');
  21. $('.clearlink')
  22. .attr('title', 'Click to clear this textbox')
  23. .click(function(){
  24. $(this).prev().val('').focus();
  25. });
  26. });
  27. }