Skip to content

Commit

Permalink
Massive update to support CSS styling of validation messages, custom …
Browse files Browse the repository at this point in the history
…error messaging, experimental support of the number field, only loading scripts that are needed to polyfill unsupported features, and more.
  • Loading branch information
Zoltan Hawryluk committed May 16, 2012
1 parent 5e7ee9c commit d55e7f8
Show file tree
Hide file tree
Showing 104 changed files with 3,917 additions and 2,328 deletions.
Binary file added .DS_Store
Binary file not shown.
22 changes: 11 additions & 11 deletions .project
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>html5Widgets.old</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>html5Widgets</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
25 changes: 21 additions & 4 deletions README.txt
Original file line number Diff line number Diff line change
@@ -1,12 +1,29 @@
HTML5Widgets is a JavaScript polyfill that implements a subset of the HTML5
HTML5Forms.js is a JavaScript polyfill that implements a subset of the HTML5
Forms module in all browsers. The script will only add support for the
different parts of the module when there doesn't exist a native
implementation - for example, at the time of this writing, it will implement
the datetime calendar widget in all browser except Opera, which supports it
natively.
implementation. HTML5Forms supports the following HTML5 input types:

* range
* date
* datetime
* datetime-local
* week
* color

It also supports:

* form validation (via "required" and "pattern" attributes)
* the autofocus attribute (i.e. focusing on a particular form element onload)
* the placeholder attribute (i.e. descriptive text of what should be in an form field)
* the output tag (solves equations of form elements)
* CSS styling of form validation states (simulates :invalid and :valid in unsupported
browsers like IE9 and lower)

More information about how this works is available at:

http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/
http://www.useragentman.com/blog/2012/05/14/cross-browser-styling-of-html5-forms-even-in-older-browsers/

Note that this package was originally released in 2010 as html5Widgets, and was renamed
to a more accurate and descriptive name.

Binary file added shared/.DS_Store
Binary file not shown.
35 changes: 35 additions & 0 deletions shared/css/number.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@

.html5-numberControls {
display: block;
vertical-align:top;
position: absolute;
top: 0;
right: 0em;
height: 1.5em;
border: solid 1px #666666;
border-radius: 5px;
width: 0.8em;
color: #666666;
margin-top: 0.3em;
}

.html5-numberWrapper {
position: absolute;
height: 1em;
}

.html5-numberControls a{
margin: 0 0 0 0.2em;
padding:0;
border:0;
background-color:transparent;
width: 0.9em;
cursor:pointer;
position:absolute;

font-size: 0.6em;
}

.html5-numberControls .upbutton{top:0px;}

.html5-numberControls .dnbutton{bottom: 0px;}
Binary file added shared/js/.DS_Store
Binary file not shown.
3 changes: 3 additions & 0 deletions shared/js/autocomplete/CVS/Entries
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/index.html/1.1/Tue Jun 1 04:46:08 2010//
D/turnOffInExplorer////
D/xml////
1 change: 1 addition & 0 deletions shared/js/autocomplete/CVS/Repository
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
screengenerator/htdocs/tests/autocomplete
1 change: 1 addition & 0 deletions shared/js/autocomplete/CVS/Root
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
:pserver:tv@192.168.2.25:/home/tv/cvs
Loading

0 comments on commit d55e7f8

Please sign in to comment.