Removed dependency on css class

ermish · Dec 24, 2015 · 94a5407 · 94a5407
1 parent 5e78fe5
commit 94a5407
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 12 deletions.
diff --git a/dist/jquery-inputcloak.js b/dist/jquery-inputcloak.js
@@ -75,7 +75,7 @@
 
             //////Private Methods
             var init = function(){
-                if($element.hasClass('cloaked')){
+                if($element.attr('data-cloaked-id')){
                     return;
                 }
 
@@ -96,9 +96,11 @@
             };
 
             var createCloakedElement = function(){
-                $element.addClass('cloaked');
+                var newDataId = Math.floor((Math.random() * 100000000) + 1);
+                $element.attr('data-cloaked-id', newDataId);
                 $cloakedElement = $element.clone();
-                $cloakedElement.attr('id','cloaked-' + $element.attr('id'));
+
+                $cloakedElement.attr('data-cloaked-for', newDataId);
                 $cloakedElement.removeAttr('name');
 
                 $element.css( 'display', 'none' );

diff --git a/dist/jquery-inputcloak.min.js b/dist/jquery-inputcloak.min.js
diff --git a/dist/jquery-inputcloak.min.js.map b/dist/jquery-inputcloak.min.js.map
diff --git a/gruntfile.js b/gruntfile.js
@@ -28,11 +28,14 @@
                     transform: [
                        ["babelify", {
                            loose: "all",
-                           "sourceMap": true,
                            "experimental": true,
                            "modules": "ignore"//"common"
                        }]
-                    ]
+                    ],
+
+                    browserifyOptions : {
+                        debug: true
+                    }
                 }
             },
             files: {
@@ -41,11 +44,15 @@
                 "src": ["**/*.es6.js"],
                 "dest": "dist",
                 "ext": ".js"
-            }
+            },
+
         },
         uglify: {
             options: {
-                banner: '/*! * Copyright (c) 2010 - <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>\n> */ '
+                banner: '/*! * Copyright (c) 2010 - <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>\n> */ ',
+                sourceMap : true,
+                sourceMapIncludeSources : true
+
             },
             build: {
                 src: 'dist/' + bundleName + '.js',

diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@
     </style>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
     <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="dist/jquery.inputcloak.min.js"></script>
+	<script type="text/javascript" src="dist/jquery-inputcloak.min.js"></script>
     <script>
         $(document).ready(function() {
             $('.cloaked').inputCloak();

diff --git a/src/jquery-inputcloak.es6.js b/src/jquery-inputcloak.es6.js
@@ -74,7 +74,7 @@
 
             //////Private Methods
             var init = function(){
-                if($element.hasClass('cloaked')){
+                if($element.attr('data-cloaked-id')){
                     return;
                 }
 
@@ -95,9 +95,11 @@
             };
 
             var createCloakedElement = function(){
-                $element.addClass('cloaked');
+                var newDataId = Math.floor((Math.random() * 100000000) + 1);
+                $element.attr('data-cloaked-id', newDataId);
                 $cloakedElement = $element.clone();
-                $cloakedElement.attr('id','cloaked-' + $element.attr('id'));
+
+                $cloakedElement.attr('data-cloaked-for', newDataId);
                 $cloakedElement.removeAttr('name');
 
                 $element.css( 'display', 'none' );