{"id":2218,"date":"2012-01-19T11:48:25","date_gmt":"2012-01-19T10:48:25","guid":{"rendered":"http:\/\/www.nivas.hr\/blog\/?p=2218"},"modified":"2012-01-19T12:52:42","modified_gmt":"2012-01-19T11:52:42","slug":"non-breaking-white-space-in-internet-explorer-8-bug-and-how-to-fix-it","status":"publish","type":"post","link":"https:\/\/www.nivas.hr\/blog\/2012\/01\/19\/non-breaking-white-space-in-internet-explorer-8-bug-and-how-to-fix-it\/","title":{"rendered":"Non-breaking white space Internet Explorer 8 JavaScript regexp bug (and how to fix it)"},"content":{"rendered":"

While developing jQuery plugin for upcoming bookmarking “Items in select boxes” plugin for our Vudu CMS<\/a><\/p>\n

\"\"<\/p>\n

I wrote a simple regexp to strip few characters (pipe, minus, apostrof and white-space) that are added before the actual item.<\/p>\n

\r\n function cleanOptionText(txt)\r\n {\r\n return txt.replace(\/^[\\s|'-]+\/, '');\r\n };\r\n<\/pre>\n
It worked just fine on FF9 and Chrome but in IE8 only the first pipe (|) was removed. After some debugging I discovered that I have both spaces and non-breaking spaces that should be removed and that in IE8 class shorthand \\s<\/code> (which should include all white space) doesn\u2019t include non-breaking space.<\/p>\n
Code for non-breaking space is 0xa0 (dec 160) so regexp should be updated as follows:<\/p>\n
\r\nfunction cleanOptionText(txt)\r\n{\r\nreturn txt.replace(\/^[\\s\\xA0|'-]+\/, '');\r\n};\r\n<\/pre>\n
<\/p>\n
Also we took opportunity to update our javascript trim functions:<\/p>\n
\r\nString.prototype.trim = function()\r\n{\r\nreturn this.replace(\/^[\\s\\xA0]+|[\\s\\xA0]+$\/g,"");\r\n}\r\n\r\nString.prototype.ltrim = function()\r\n{\r\nreturn this.replace(\/^[\\s\\xA0]+\/g,"");\r\n}\r\n\r\nString.prototype.rtrim = function()\r\n{\r\nreturn this.replace(\/[\\s\\xA0]+$\/g,"");\r\n}\r\n<\/pre>\n
Here is complete html test file:<\/p>\n
\r\n\r\n<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd">\r\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml">\r\n  <head>\r\n    <title>nbsp test<\/title>\r\n  <\/head>\r\n  <body>\r\n    <form action="#">\r\n      <fieldset>\r\n      <select id="testselect">\r\n        <option value="1">&nbsp; &nbsp; Some option<\/option>\r\n      <\/select>\r\n      <\/fieldset>\r\n    <\/form>\r\n\r\n    <script type="text\/javascript">\r\n      \/*<![CDATA[*\/\r\n\r\n      var txt=document.getElementById('testselect').options[0].text;\r\n\r\n      var analyizeTxt='';\r\n      var l=txt.length;\r\n      for(var i=0; i<l; i++)\r\n      {\r\n        analyizeTxt+= '[ ('+txt.charCodeAt(i)+')=('+txt.charAt(i)+')]';\r\n      }\r\n\r\n      alert(analyizeTxt);\r\n\r\n      var newTxt1 = txt.replace(\/^\\s+\/, '');\r\n      alert('Using only \\\\s = ('+newTxt1+')');\r\n\r\n\r\n      var newTxt2 = txt.replace(\/^[\\s\\xA0]+\/, '');\r\n      alert('Using \\\\s and \\\\xA0= ('+newTxt2+')');\r\n      \/*]]>*\/\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
While developing jQuery plugin for upcoming bookmarking “Items in select boxes” plugin for our Vudu CMS I wrote a simple regexp to strip few characters (pipe, minus, apostrof and white-space) that are added before the actual item. It worked just fine on FF9 and Chrome but in IE8 only the first pipe (|) was removed….<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,18],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/2218"}],"collection":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/comments?post=2218"}],"version-history":[{"count":21,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/2218\/revisions"}],"predecessor-version":[{"id":2254,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/2218\/revisions\/2254"}],"wp:attachment":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/media?parent=2218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/categories?post=2218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/tags?post=2218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}