").after(btnTag).after(filenameTag); //wrap it!
this.divTag = this.element.closest("div"); //redefine vars
this.filenameTag = this.element.next();
this.btnTag = this.filenameTag.next();
if(!this.element.css("display") === "none" && this.options.autoHide){
this.divTag.hide();
}
this.element.css("opacity", 0); //set opacity to 0, .hide() would make it's events in-accessible
this._disableTextSelection(this.filenameTag);
this._disableTextSelection(this.btnTag);
this._setID(this.element);
this.wrapped = true;
$.uniform.push(this);
}
this.update();
},
update: function(){
var self = this;
var setFilename = function(){
var filename = self.element.val();
if (!filename){
filename = self.options.fileDefaultText;
}else{
filename = filename.split(/[\/\\]+/);
filename = filename[(filename.length-1)];
}
self.filenameTag.text(filename);
};
this.element.unbind(".uniform"); //remove previously bound events
//reset all classes
this.divTag.removeClass().addClass(this.options.fileClass);
this.filenameTag.removeClass().addClass(this.options.filenameClass);
this.btnTag.removeClass().addClass(this.options.fileBtnClass);
if(!this.element.attr("size")){
var divWidth = this.divTag.width();
this.element.attr("size", this.divWidth/10);
}
setFilename();
this.divTag.bind({
"mouseenter.uniform": function(){
self.divTag.addClass(self.options.hoverClass);
},
"mouseleave.uniform": function(){
self.divTag.removeClass(self.options.hoverClass).removeClass(self.options.activeClass);
},
"mousedown.uniform touchstart.uniform": function(){
self.divTag.addClass(self.options.activeClass);
},
"mouseup.uniform touchend.uniform": function(){
self.divTag.removeClass(self.options.activeClass);
}
});
this.element.bind({
"focus.uniform": function(){
self.divTag.addClass(self.options.focusClass);
},
"blur.uniform": function(){
self.divTag.removeClass(self.options.focusClass);
}
});
// IE7 doesn't fire onChange until blur or second fire.
if ($.browser.msie){
// IE considers browser chrome blocking I/O, so it suspends timemouts until after the file has been selected
this.element.bind('click.uniform.ie7', function() {
setTimeout(setFilename, 0);
});
}else{
this.element.bind('change.uniform', setFilename);
}
if(this.element.attr("disabled")) {
this.divTag.addClass(this.options.disabledClass);
}
},
destroy: function(){
this.element.siblings("span").remove();
this.element.unwrap();
uniformBase.prototype.destroy.call(this);
}
});
// uniformSearch
// =================================
// Class for search inputs. Inherits from uniformBase
// since it needs to be wrapped differently
$.widget("uniform.uniformSearch", uniformBase, {
_init: function(){
if(this.wrapped !== true){
var divTag = $("
"),
spanTag = $("
"),
btn = $("
X");
this.element.wrap(divTag).wrap(spanTag).after(btn);
this.divTag = this.element.closest("div"); //redefine vars
this.spanTag = this.element.closest("span");
this.btn = this.element.siblings("a");
this.wrapped = true;
this._setID(this.element);
$.uniform.push(this);
}
this.update();
},
_clearQuery: function(){
this.element.val("");
this.btn.hide();
},
update: function(){
var self = this;
this.element.unbind(".uniform");
this.divTag.unbind(".uniform");
this.btn.unbind(".uniform");
this.divTag.removeClass().addClass(this.options.searchClass);
this.btn.hide();
this.element.bind({
"focus.uniform": function(){
self.divTag.addClass(self.options.focusClass);
},
"blur.uniform": function(){
self.divTag.removeClass(self.options.focusClass);
},
"keyup.uniform": function(){
if (self.element.val() !== "") {
self.btn.show();
} else {
self.btn.hide();
}
}
});
this.divTag.bind("click.uniform", function(){
self.element.focus();
});
this.btn.bind("click.uniform", function(){
self._clearQuery();
return false;
});
if(this.element.attr("disabled")) {
this.divTag.addClass(this.options.disabledClass);
}
},
destroy: function(){
this.element.siblings("a").remove();
this.element.unwrap().unwrap();
uniformBase.prototype.destroy.call(this);
}
});
})(jQuery);