Uniform
=======
Sexy form elements with jQuery. Now with HTML5 attributes!
Version 2.1.1
Works well with jQuery 1.6+, but we've received patches and heard that this works with jQuery 1.3.
Licensed under the [MIT License](http://www.opensource.org/licenses/mit-license.php)
Installation
------------
Installation of Uniform is quite simple. First, make sure you have jQuery installed. Then you’ll want to link to the jquery.uniform.js file and uniform.default.css in the head area of your page. Here's what your `<head>` tag contents should probably contain:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
This relies upon a copy of jquery.uniform.js, uniform.default.css and the various images all being available on your webserver.
Basic usage
-----------
Using Uniform is easy. Simply tell it what elements to style:
// Style all <select> elements
$("select").uniform();
To "uniform" all possible form elements, just do something like this. Things that can't get styled appropriately will be skipped by Uniform.
// Style everything
$("select, input, a.button, button").uniform();
You can exclude elements too by using more jQuery selectors or methods:
// Avoid styling some elements
$("select").not(".skip_these").uniform(); // Method 1
$('select[class!="skip_these"]').uniform(); // Method 2
A complete set of tags in the HEAD section of your site can therefore look like this:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
<script type='text/javascript'>
// On load, style typical form elements
$(function () {
$("select, input, button").uniform();
});
</script>
Extra parameters
----------------
You can pass in extra parameters to control certain aspects of Uniform. To pass in parameters, use syntax like what is seen here. This only changes the settings for the elements that are actually uniformed in this particular call.
$("select").uniform({
param1: value,
param2: value,
param3: value
});
There is a separate listing of global defaults. You access them by using the `defaults` property. *Note: This property name changed in v2.0.*
$.uniform.defaults.checkedClass = "uniformCheckedClass";
$.uniform.defaults.fileBtnHtml = "Pick a file";
Uniform v1.x had a bug where setting values in the call to `.uniform()` also potentially reset the defaults and redrew other uniformed objects with new settings. As of version 2.0.0 the global defaults are now completely separate from the settings passed to every `.uniform()` call. Extra parameters defined when instantiating Uniform are not global and can't be recalled from `$.uniform.defaults` later.
### activeClass (string)
*Default:* "active"
Sets the class given to elements when they are active (pressed).
$("select").uniform({activeClass: 'myActiveClass'});
### autoHide (boolean)
*Default:* true
If this option is set to true, Uniform will hide the new elements if the existing elements are currently hidden using `display: none`.
If you want to show a select or checkbox you'll need to show the new Uniform div instead of the child element.
### buttonClass (string)
*Default:* "button"
Sets the class given to a button that's been Uniformed
$("input[type=button]").uniform({buttonClass: 'myBtnClass'});
### checkboxClass (string)
*Default:* "checker"
Sets the class given to the wrapper div for checkbox elements.
$(":checkbox").uniform({checkboxClass: 'myCheckClass'});
### checkedClass (string)
*Default:* "checked"
Sets the class given to elements when they are checked (radios and checkboxes).
$(":radio, :checkbox").uniform({checkedClass: 'myCheckedClass'});
### disabledClass (string)
*Default:* "disabled"
Sets the class given to elements when they are disabled.
$("select").uniform({disabledClass: 'myDisabledClass'});
### eventNamespace (string)
*Default:* ".uniform"
Binds events using this namespace with jQuery. Useful if you want to unbind them later. Shouldn't probably need to be changed unless it conflicts with other code.
$("select").uniform({eventNamespace: '.uniformEvents'});
### fileButtonClass (string)
*Default:* "action"
Sets the class given to div inside a file upload container that acts as the "Choose file" button.
$(":file").uniform({fileButtonClass: 'myFileBtnClass'});
### fileButtonHtml (string)
*Default:* "Choose File"
Sets the text written on the action button inside a file upload input.
$(":file").uniform({fileButtonHtml: 'Choose …'});
### fileClass (string)
*Default:* "uploader"
Sets the class given to the wrapper div for file upload elements.
$(":file").uniform({fileClass: 'myFileClass'});
### fileDefaultHtml (string)
*Default:* "No file selected"
Sets the text written in the filename div of a file upload input when there is no file selected.
$(":file").uniform({fileDefaultHtml: 'Select a file please'});
### filenameClass (string)
*Default:* "filename"
Sets the class given to div inside a file upload container that spits out the filename.
$(":file").uniform({filenameClass: 'myFilenameClass'});
### focusClass (string)
*Default:* "focus"
Sets the class given to elements when they are focused.
$("select").uniform({focusClass: 'myFocusClass'});
### hoverClass (string)
*Default:* "hover"
Sets the class given to elements when they are currently hovered.
$("select").uniform({hoverClass: 'myHoverClass'});
### idPrefix (string)
*Default:* "uniform"
If useID is set to true, this string is prefixed to element ID’s and attached to the container div of each Uniformed element. If you have a checkbox with the ID of "remember-me" the container div would have the ID "uniform-remember-me".
$("select").uniform({idPrefix: 'container'});
### inputAddTypeAsClass (boolean)
*Default:* true
When true, `<input>` elements will get a class applied that is equal to their "type" attribute.
$("input").uniform({inputAddTypeAsClass: true});
### inputClass (string)
*Default:* "uniform-input"
Applies this class to all input elements when they get uniformed.
$("input").uniform({inputClass: "inputElement"});
### radioClass (string)
*Default:* "radio"
Sets the class given to the wrapper div for radio elements.
$(":radio").uniform({radioClass: 'myRadioClass'});
### resetDefaultHtml (string)
*Default:* "Reset"
This text is what's shown on form reset buttons. It is very similar to submitDefaultHtml.
$("input[type='reset']).uniform({resetDefaultHtml: "Clear"});
### resetSelector (boolean/string)
*Default:* false
This parameter allows you to use a jQuery-style selector to point to a "reset" button in your form if you have one. Use false if you have no "reset" button, or a selector string that points to the reset button if you have one.
$("select").uniform({resetSelector: 'input[type="reset"]'});
### selectAutoWidth (boolean)
*Default:* true
If this option is set to true, Uniform will try to fit the select width to the actual content. When false, it forces the selects to all be the width that was specified in the theme.
When using auto widths, the size of the element is detected, then wrapped by Uniform and expanded to fit the wrapping.
If you want to specify a size of a select element and then have Uniform wrap it appropriately, there will be some difficulty. The size of the element needs to get detected and then will be changed by Uniform. For this to happen, it is suggested you do one of these solutions when you have issues.
* Set a custom inline width for the element (`<select style="width
没有合适的资源?快使用搜索试试~ 我知道了~
javaEE+jsp+MySql学生成绩管理系统(eclipse开发)
共1464个文件
js:757个
html:106个
css:104个
3星 · 超过75%的资源 需积分: 5 562 下载量 39 浏览量
2016-06-24
09:44:28
上传
评论 30
收藏 9.26MB RAR 举报
温馨提示
学生学籍管理系统,是javaEE的课程设计,包含所有源代码和sql文件,下载就能立刻运行,界面非常优美.
资源推荐
资源详情
资源评论
收起资源包目录
javaEE+jsp+MySql学生成绩管理系统(eclipse开发) (1464个子文件)
africa 45KB
antarctica 15KB
asia 111KB
australasia 68KB
backward 4KB
BusinessServiceImpl.class 8KB
LoginServlet.class 6KB
ScoreDaoImpl.class 5KB
AddScoreServlet.class 4KB
StudentDaoImpl.class 4KB
TeacherDaoImpl.class 4KB
UpdateTeaServlet.class 4KB
AddTeaServlet.class 4KB
AddStuServlet.class 4KB
Score.class 4KB
DeleteScoreServlet.class 4KB
UpdateCourseServlet.class 4KB
AddCourseServlet.class 4KB
UpdateScoreServlet.class 4KB
UpdateStuServlet.class 4KB
UpdateAdminPwdServlet.class 4KB
UpdateTeaPwdServlet.class 4KB
UpdateStuPwdServlet.class 4KB
DeleteCourseServlet.class 4KB
DeleteTeaServlet.class 4KB
DeleteStuServlet.class 4KB
CourseDaoImpl.class 3KB
GetScoreToUpdateServlet.class 3KB
GetCourseToUpdateServlet.class 3KB
AdminToCourseServlet.class 3KB
GetStuToUpdateServlet.class 3KB
GetTeaToUpdateServlet.class 3KB
AdminToTeaServlet.class 3KB
Page.class 3KB
Student.class 2KB
Teacher.class 2KB
StudentInfoServlet.class 2KB
BusinessService.class 2KB
DBCPUtil.class 2KB
TeacherInfoServlet.class 2KB
AdminDaoImpl.class 2KB
Course.class 2KB
test.class 1KB
LogoutServlet.class 1KB
Admin.class 1KB
ScoreDao.class 886B
StudentDao.class 754B
TeacherDao.class 622B
CourseDao.class 465B
AdminDao.class 322B
.classpath 1KB
CNAME 14B
home.js.coffee 229B
org.eclipse.wst.common.component 487B
org.eclipse.wst.jsdt.ui.superType.container 49B
bootstrap.css 124KB
bootstrap.css 118KB
bootstrap.min.css 112KB
bootstrap.min.css 104KB
bootstrap.css 90KB
bootstrap.min.css 79KB
multiple-themes.css 52KB
editor_ie7.css 47KB
editor_iequirks.css 46KB
editor_ie8.css 46KB
editor_ie.css 45KB
editor_gecko.css 45KB
editor.css 45KB
skin.min.css 31KB
skin.ie7.min.css 31KB
bootstrap-theme.css 23KB
bootstrap-theme.min.css 22KB
bootstrap-responsive.css 22KB
dialog_ie7.css 17KB
dialog_ie8.css 16KB
bootstrap-responsive.min.css 16KB
dialog_iequirks.css 16KB
dialog_ie.css 16KB
dialog_opera.css 16KB
dialog.css 15KB
selectize.bootstrap2.css 15KB
common.css 13KB
mylessons.css 13KB
bootstrap-responsive.css 12KB
bootstrap-admin-theme.css 12KB
uniform.jeans.css 12KB
selectize.default.css 11KB
chosen.min.css 11KB
uniform.agent.css 11KB
uniform.aristo.css 11KB
uniform.default.css 11KB
selectize.legacy.css 11KB
demo_table.css 11KB
fullcalendar.css 10KB
selectize.bootstrap3.css 10KB
uniform.jeans.min.css 9KB
bootstrap-responsive.min.css 9KB
uniform._base.css 8KB
demo_table_jui.css 8KB
uniform.agent.min.css 8KB
共 1464 条
- 1
- 2
- 3
- 4
- 5
- 6
- 15
JRGAVIN
- 粉丝: 5
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页