Permalink
Browse files

updated

added ToastPlugin
  • Loading branch information...
1 parent 0192056 commit 50498002ca68fae408ddefad868da1468a6c596d @Bodil-X committed May 22, 2012
@@ -0,0 +1,14 @@
+/**
+ * Created with IntelliJ IDEA.
+ * User: DotNEt
+ * Date: 12-5-22
+ * Time: 下午1:00
+ * To change this template use File | Settings | File Templates.
+ */
+var ToastPlugin = function () {};
+ToastPlugin.prototype.makeText = function (showText, succCallBack, failureCallBack) {
+ return PhoneGap.exec(succCallBack, failureCallBack, 'ToastPlugin', 'makeText', [showText]);
+}
+PhoneGap.addConstructor(function () {
+ PhoneGap.addPlugin('ToastPlugin', new ToastPlugin());
+});
@@ -0,0 +1,258 @@
+/*
+ Masked Input plugin for jQuery
+ Copyright (c) 2007-2011 Josh Bush (digitalbush.com)
+ Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
+ Version: 1.3
+*/
+(function($) {
+ var pasteEventName = ($.browser.msie ? 'paste' : 'input') + ".mask";
+ var iPhone = (window.orientation != undefined);
+
+ $.mask = {
+ //Predefined character definitions
+ definitions: {
+ '9': "[0-9]",
+ 'a': "[A-Za-z]",
+ '*': "[A-Za-z0-9]"
+ },
+ dataName:"rawMaskFn"
+ };
+
+ $.fn.extend({
+ //Helper Function for Caret positioning
+ caret: function(begin, end) {
+ if (this.length == 0) return;
+ if (typeof begin == 'number') {
+ end = (typeof end == 'number') ? end : begin;
+ return this.each(function() {
+ if (this.setSelectionRange) {
+ this.setSelectionRange(begin, end);
+ } else if (this.createTextRange) {
+ var range = this.createTextRange();
+ range.collapse(true);
+ range.moveEnd('character', end);
+ range.moveStart('character', begin);
+ range.select();
+ }
+ });
+ } else {
+ if (this[0].setSelectionRange) {
+ begin = this[0].selectionStart;
+ end = this[0].selectionEnd;
+ } else if (document.selection && document.selection.createRange) {
+ var range = document.selection.createRange();
+ begin = 0 - range.duplicate().moveStart('character', -100000);
+ end = begin + range.text.length;
+ }
+ return { begin: begin, end: end };
+ }
+ },
+ unmask: function() { return this.trigger("unmask"); },
+ mask: function(mask, settings) {
+ if (!mask && this.length > 0) {
+ var input = $(this[0]);
+ return input.data($.mask.dataName)();
+ }
+ settings = $.extend({
+ placeholder: "_",
+ completed: null
+ }, settings);
+
+ var defs = $.mask.definitions;
+ var tests = [];
+ var partialPosition = mask.length;
+ var firstNonMaskPos = null;
+ var len = mask.length;
+
+ $.each(mask.split(""), function(i, c) {
+ if (c == '?') {
+ len--;
+ partialPosition = i;
+ } else if (defs[c]) {
+ tests.push(new RegExp(defs[c]));
+ if(firstNonMaskPos==null)
+ firstNonMaskPos = tests.length - 1;
+ } else {
+ tests.push(null);
+ }
+ });
+
+ return this.trigger("unmask").each(function() {
+ var input = $(this);
+ var buffer = $.map(mask.split(""), function(c, i) { if (c != '?') return defs[c] ? settings.placeholder : c });
+ var focusText = input.val();
+
+ function seekNext(pos) {
+ while (++pos <= len && !tests[pos]);
+ return pos;
+ };
+ function seekPrev(pos) {
+ while (--pos >= 0 && !tests[pos]);
+ return pos;
+ };
+
+ function shiftL(begin,end) {
+ if(begin<0)
+ return;
+ for (var i = begin,j = seekNext(end); i < len; i++) {
+ if (tests[i]) {
+ if (j < len && tests[i].test(buffer[j])) {
+ buffer[i] = buffer[j];
+ buffer[j] = settings.placeholder;
+ } else
+ break;
+ j = seekNext(j);
+ }
+ }
+ writeBuffer();
+ input.caret(Math.max(firstNonMaskPos, begin));
+ };
+
+ function shiftR(pos) {
+ for (var i = pos, c = settings.placeholder; i < len; i++) {
+ if (tests[i]) {
+ var j = seekNext(i);
+ var t = buffer[i];
+ buffer[i] = c;
+ if (j < len && tests[j].test(t))
+ c = t;
+ else
+ break;
+ }
+ }
+ };
+
+ function keydownEvent(e) {
+ var k=e.which;
+
+ //backspace, delete, and escape get special treatment
+ if(k == 8 || k == 46 || (iPhone && k == 127)){
+ var pos = input.caret(),
+ begin = pos.begin,
+ end = pos.end;
+
+ if(end-begin==0){
+ begin=k!=46?seekPrev(begin):(end=seekNext(begin-1));
+ end=k==46?seekNext(end):end;
+ }
+ clearBuffer(begin, end);
+ shiftL(begin,end-1);
+
+ return false;
+ } else if (k == 27) {//escape
+ input.val(focusText);
+ input.caret(0, checkVal());
+ return false;
+ }
+ };
+
+ function keypressEvent(e) {
+ var k = e.which,
+ pos = input.caret();
+ if (e.ctrlKey || e.altKey || e.metaKey || k<32) {//Ignore
+ return true;
+ } else if (k) {
+ if(pos.end-pos.begin!=0){
+ clearBuffer(pos.begin, pos.end);
+ shiftL(pos.begin, pos.end-1);
+ }
+
+ var p = seekNext(pos.begin - 1);
+ if (p < len) {
+ var c = String.fromCharCode(k);
+ if (tests[p].test(c)) {
+ shiftR(p);
+ buffer[p] = c;
+ writeBuffer();
+ var next = seekNext(p);
+ input.caret(next);
+ if (settings.completed && next >= len)
+ settings.completed.call(input);
+ }
+ }
+ return false;
+ }
+ };
+
+ function clearBuffer(start, end) {
+ for (var i = start; i < end && i < len; i++) {
+ if (tests[i])
+ buffer[i] = settings.placeholder;
+ }
+ };
+
+ function writeBuffer() { return input.val(buffer.join('')).val(); };
+
+ function checkVal(allow) {
+ //try to place characters where they belong
+ var test = input.val();
+ var lastMatch = -1;
+ for (var i = 0, pos = 0; i < len; i++) {
+ if (tests[i]) {
+ buffer[i] = settings.placeholder;
+ while (pos++ < test.length) {
+ var c = test.charAt(pos - 1);
+ if (tests[i].test(c)) {
+ buffer[i] = c;
+ lastMatch = i;
+ break;
+ }
+ }
+ if (pos > test.length)
+ break;
+ } else if (buffer[i] == test.charAt(pos) && i!=partialPosition) {
+ pos++;
+ lastMatch = i;
+ }
+ }
+ if (!allow && lastMatch + 1 < partialPosition) {
+ input.val("");
+ clearBuffer(0, len);
+ } else if (allow || lastMatch + 1 >= partialPosition) {
+ writeBuffer();
+ if (!allow) input.val(input.val().substring(0, lastMatch + 1));
+ }
+ return (partialPosition ? i : firstNonMaskPos);
+ };
+
+ input.data($.mask.dataName,function(){
+ return $.map(buffer, function(c, i) {
+ return tests[i]&&c!=settings.placeholder ? c : null;
+ }).join('');
+ })
+
+ if (!input.attr("readonly"))
+ input
+ .one("unmask", function() {
+ input
+ .unbind(".mask")
+ .removeData($.mask.dataName);
+ })
+ .bind("focus.mask", function() {
+ focusText = input.val();
+ var pos = checkVal();
+ writeBuffer();
+ var moveCaret=function(){
+ if (pos == mask.length)
+ input.caret(0, pos);
+ else
+ input.caret(pos);
+ };
+ ($.browser.msie ? moveCaret:function(){setTimeout(moveCaret,0)})();
+ })
+ .bind("blur.mask", function() {
+ checkVal();
+ if (input.val() != focusText)
+ input.change();
+ })
+ .bind("keydown.mask", keydownEvent)
+ .bind("keypress.mask", keypressEvent)
+ .bind(pasteEventName, function() {
+ setTimeout(function() { input.caret(checkVal(true)); }, 0);
+ });
+
+ checkVal(); //Perform initial check for existing values
+ });
+ }
+ });
+})(jQuery);
@@ -10,7 +10,10 @@
<script type="text/javascript" charset="utf-8" src="../js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/NetDroidPlugin.js"></script>
+ <script type="text/javascript" charset="utf-8" src="../js/ToastPlugin.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/jquery.mobile-1.1.0.min.js"></script>
+ <script type="text/javascript" charset="utf-8" src="../js/jquery.validate.min.js"></script>
+ <script type="text/javascript" charset="utf-8" src="../js/jquery.maskedinput-1.3.min.js"></script>
<link type="text/css" href="../css/jquery.mobile-1.1.0.min.css" rel="stylesheet"/>
<style type="text/css">
@@ -91,7 +94,7 @@ <h1>IpConfig</h1>
<div data-role="footer" data-position="fixed" data-theme="b">
<div data-role="navbar" data-iconpos="top" data-theme="b">
<ul>
- <li><a href="setting.html" data-transition="slideup" data-icon="gear">Setting</a></li>
+ <li><a href="setting.html" data-transition="slidefade" data-icon="gear">Setting</a></li>
<li><a href="javascript:window.confirm('Close the app now?')?navigator.app.exitApp():void(0);"
data-icon="back">Exit</a></li>
</ul>
@@ -102,7 +105,7 @@ <h1>IpConfig</h1>
data-transition="flip">
<div data-role="content">
<a href="javascript:navigator.app.exitApp();" data-role="button">Exit</a>
- <a href="setting.html" data-transition="slideup" data-role="button">Setting</a>
+ <a href="setting.html" data-transition="slidefade" data-role="button">Setting</a>
<a href="javascript:void(0);" data-role="button" data-rel="back">Back</a>
</div>
</div>
Oops, something went wrong.

0 comments on commit 5049800

Please sign in to comment.