Browse files

Updated Readme

  • Loading branch information...
1 parent ef6cfa7 commit b140e73591aa645a3bb2fc2b4ec3f9f4daaf9eee @itsalif committed Dec 18, 2010
Showing with 23 additions and 7 deletions.
  1. +23 −7 README.md
View
30 README.md
@@ -11,21 +11,37 @@ How to Use
At first include the CSS and JS files.
- * CSS: <link rel="stylesheet" href="css/ezmark.css" media="all">
- * JS: <script type="text/javascript" language="Javascript" src="jquery.ezmark.js"></script>
+ <pre>
+ &lt;link rel="stylesheet" href="css/ezmark.css" media="all"&gt;
+ </pre>
+
+ <pre>
+ &lt;script type="text/javascript" language="Javascript" src="jquery.ezmark.js"&gt;&lt;/script&gt;
+ </pre>
+
+ Declare the HTML tags as you normally would:
+
+ <pre>
+ &lt;input type="checkbox" name="customerAge" id="age" /&gt;&lt;label for="age"&gt;Age&lt;label/&gt;
+ </pre>
+
Then simply call the following method:
- $('selector').ezMark([options]);
+ <pre>
+ $('selector').ezMark([options]);
+ </pre>
You can customize to selector to apply only to checkbox or radiobuttons, like below:
-
- $('input[type="checkbox"]').ezMark(); // to apply only to checkbox use
-
+ <pre>
+ $('input[type="checkbox"]').ezMark();
+ </pre>
- $('input[type="radio"]').ezMark(); // for only radio buttons
+ <pre>
+ $('input[type="radio"]').ezMark();
+ </pre>
For detailed usage, please check out usage.html file.

0 comments on commit b140e73

Please sign in to comment.