Index: fluid-engage-core/components/codeEntry/css/codeEntry.css =================================================================== --- fluid-engage-core/components/codeEntry/css/codeEntry.css (revision 9423) +++ fluid-engage-core/components/codeEntry/css/codeEntry.css (working copy) @@ -50,4 +50,6 @@ .fl-codeEntry-middleButton { margin-left: 1px; margin-right: 1px; -} \ No newline at end of file +} + +.fl-codeEntry-hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} Index: fluid-engage-core/components/codeEntry/html/codeEntry.html =================================================================== --- fluid-engage-core/components/codeEntry/html/codeEntry.html (revision 9423) +++ fluid-engage-core/components/codeEntry/html/codeEntry.html (working copy) @@ -44,24 +44,57 @@
- 1 - 2 - 3 + + 1 + 1 + + + 2 + 2 + + + 3 + 3 +
- 4 - 5 - 6 + + 4 + 4 + + + 5 + 5 + + + 6 + 6 +
- 7 - 8 - 9 + + 7 + 7 + + + 8 + 8 + + + 9 + 9 +
- - 0 - Delete + + + 0 + 0 + + + Delete + Delete +
Index: fluid-engage-core/components/codeEntry/js/CodeEntryView.js =================================================================== --- fluid-engage-core/components/codeEntry/js/CodeEntryView.js (revision 9423) +++ fluid-engage-core/components/codeEntry/js/CodeEntryView.js (working copy) @@ -99,8 +99,13 @@ }; var setupDelete = function (that, button) { - button.attr("alt", that.options.strings.deleteLabel); - button.click(that.deleteLastDigit); + var label = that.options.strings.deleteLabel; + that.locate("delLabel").text(label); + button.attr("alt", label); + button.click(function (evt) { + that.deleteLastDigit(); + evt.preventDefault(); + }); }; /** @@ -125,8 +130,10 @@ //Initialize number buttons that.locate("numButtons").each(function () { var btn = $(this); - btn.click(function () { - that.enterDigit(parseInt(btn.attr("alt"), 10)); + btn.click(function (evt) { + var img = that.locate("buttonImage", btn); + that.enterDigit(parseInt(img.attr("alt"), 10)); + evt.preventDefault(); }); }); @@ -189,7 +196,9 @@ firstDigitField : ".flc-codeEntry-firstDigit", secondDigitField : ".flc-codeEntry-secondDigit", numButtons: ".flc-codeEntry-numButton", - delButton: ".flc-codeEntry-delButton" + delButton: ".flc-codeEntry-delButton", + delLabel: ".flc-codeEntry-delLabel", + buttonImage: "img" }, styles : { invalidCode : "fl-codeEntry-invalidCode"