Set innerText only for <= IE8

sscovil · Sep 17, 2013 · fa5266f · fa5266f
1 parent 3c6228b
commit fa5266f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -7,6 +7,7 @@ Form-ready delicious style tagging.
 
 ## History
 
+ - 1.1.3 - Set innerText only for <= IE8
  - 1.1.2 - Add support for IE8 and IE9
  - 1.1.1 - Fix issue in ff and opera with adding tags
  - 1.1.0 - Remove useless fontSize option. Add basic API

diff --git a/assets/js/taggle.js b/assets/js/taggle.js
@@ -167,7 +167,7 @@
             self.placeholder.style.opacity = 0;
             self.placeholder.classList.add('taggle_placeholder');
             self.container.appendChild(self.placeholder);
-            self.placeholder.innerText = self.options.placeholder;
+            _setText(self.placeholder, self.options.placeholder);
 
             if (!self.options.tags.length) {
                 self.placeholder.style.opacity = 1;
@@ -399,7 +399,7 @@
     Taggle.prototype.keyupEvents = function(e) {
         e = e || window.event;
         var self = this;
-        self.sizer.innerText = self.input.value;
+        _setText(self.sizer, self.input.value);
     };
 
     /**
@@ -452,7 +452,7 @@
         close.className = 'close';
         close.onclick = self.remove.bind(self, close);
 
-        span.innerText = text;
+        _setText(span, text);
         span.className = 'taggle_text';
 
         li.className = 'taggle ' + self.options.additionalTagClasses;
@@ -557,6 +557,15 @@
         return str.replace(/^\s+|\s+$/g, '');
     }
 
+    function _setText(el, text) {
+        if (window.attachEvent && !window.addEventListener) { // <= IE8
+            el.innerText = text;
+        }
+        else {
+            el.textContent = text;
+        }
+    }
+
     window.Taggle = Taggle;
 
 }(window, document));
diff --git a/assets/js/taggle.min.js b/assets/js/taggle.min.js