r2370 - /branches/dev/mask: updated to demos index and demos mask index to match demos format
Author: rdworth
Date: Mon Mar 23 16:21:47 2009
New Revision: 2370
Modified:
branches/dev/mask/demos/mask/default.html
Log:
/branches/dev/mask: updated to demos index and demos mask index to match
demos format
Modified: branches/dev/mask/demos/mask/default.html
==============================================================================
--- branches/dev/mask/demos/mask/default.html (original)
+++ branches/dev/mask/demos/mask/default.html Mon Mar 23 16:21:47 2009
@@ -1,50 +1,44 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
+<!doctype html>
+<html lang="en">
<head>
- <title>jQuery UI Mask Plugin Demo</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
+ <title>jQuery UI Mask - Default functionality</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
- <link type="text/css" href="../demos.css" rel="stylesheet" />
-
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.mask.js"></script>
-
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
-
- $(document).ready(function(){
-
- $.ui.mask.definitions['~'] = "[+-]";
- //$.ui.mask.defaults.allowPartials = true; //used to allowPartials on
all instances of mask() on the page.
-
- $("#date")
- .mask({mask: "##/##/####"})
- .change(function() { alert("changed!")}); ;
- $("#phone").mask({mask: "(###) ###-####"});
- $("#phoneExt").mask({mask: "(###) ###-#### x#####"});
- $("#iphone").mask({mask: "+33 ### ### ###"});
- $("#tin").mask({mask: "##-#######"});
- $("#ssn").mask({mask: "###-##-####", allowPartials: true});
- $("#product").mask({mask: "a*-###-a###", placeholder: " " });
- $("#eyescript").mask({mask: "~#.## ~#.## ###"});
- $("#po").mask({mask: "PO: aaa-###-***"});
- $("#pct").mask({mask: "##%"});
-
- $("input")
- .bind('blur.mask', function() { $("#info").html("Unmasked value: " +
$(this).mask('value') + '<br/>' + "Masked Value: " +
$(this).mask('formatted')); })
- .bind('dblclick.mask', function() { $(this).mask('value'); });
-
- $("#phone").mask('destroy');
-
- $('#_ButtonChange').click(function(){
- $("#ssn").val('123456').mask('apply');
- });
+ $(function() {
+
+ $.ui.mask.definitions['~'] = "[+-]";
+ //$.ui.mask.defaults.allowPartials = true; //used to allowPartials on
all instances of mask() on the page.
+
+ $("#date")
+ .mask({mask: "##/##/####"})
+ .change(function() { alert("changed!")}); ;
+ $("#phone").mask({mask: "(###) ###-####"});
+ $("#phoneExt").mask({mask: "(###) ###-#### x#####"});
+ $("#iphone").mask({mask: "+33 ### ### ###"});
+ $("#tin").mask({mask: "##-#######"});
+ $("#ssn").mask({mask: "###-##-####", allowPartials: true});
+ $("#product").mask({mask: "a*-###-a###", placeholder: " " });
+ $("#eyescript").mask({mask: "~#.## ~#.## ###"});
+ $("#po").mask({mask: "PO: aaa-###-***"});
+ $("#pct").mask({mask: "##%"});
+
+ $("input")
+ .bind('blur.mask', function() { $("#info").html("Unmasked value: " +
$(this).mask('value') + '<br/>' + "Masked Value: " +
$(this).mask('formatted')); })
+ .bind('dblclick.mask', function() { $(this).mask('value'); });
- $('#_ViewTest').mask({mask: '(###) ###-####'});
-
+ $("#phone").mask('destroy');
+
+ $('#_ButtonChange').click(function(){
+ $("#ssn").val('123456').mask('apply');
});
+ $('#_ViewTest').mask({mask: '(###) ###-####'});
+
+ });
</script>
<style type="text/css">
@@ -53,6 +47,8 @@
</head>
<body>
+
+<div class="demo">
<table>
<tr>
<td>Date</td>
@@ -112,6 +108,13 @@
</table>
<div id="info"></div>
-
+</div><!-- End demo -->
+
+<div class="demo-description">
+
+( ... demo description ... )
+
+</div><!-- End demo-description -->
+
</body>
</html>