Browser compatibility issue about jquery-textext HOT 15 OPEN

Can you give more information on what doesn't work? what did you expect to do and what happened instead?

from jquery-textext.

Please go to the examples in IE and change the Browser mode to IE8. You will find the issues your self that you can't create tags.

from jquery-textext.

Ah, I don't have IE so can't test - was just hoping it was something simple. Hopefully someone else can help as IE8 still has a fairly big market share I guess.

from jquery-textext.

Thanks for your reply.

Please find the screenshots links below, how it behaves in IE8,

When I open the site in IE8 it looks like http://imageshack.us/photo/my-images/26/tag1e.png/.
After adding any text and click enter, it shows http://imageshack.us/photo/my-images/857/tag2i.png/.

Hope, this screen shots will help you to find the error.

Regards,
Biswa

-----Original Message-----
From: Jonathan Scott [mailto:[email protected]]
Sent: Friday, March 23, 2012 12:34 PM
To: biswadas
Subject: Re: [jquery-textext] Browser compatibility issue (#38)

Ah, I don't have IE so can't test - was just hoping it was something simple. Hopefully someone else can help as IE8 still has a fairly big market share I guess.

Reply to this email directly or view it on GitHub:
#38 (comment)

from jquery-textext.

I have the same issue in IE 8, it says:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
Timestamp: Fri, 23 Mar 2012 08:57:47 UTC

Message: Unknown runtime error
Line: 9
Char: 20156
Code: 0
URI: http://xxxx/js/jquery-textext-1.3.0.js

from jquery-textext.

I am willing to make a decent donation to this project if somebody could fix (or atleast contain) this issue in next couple hours. We've implemented this plugin in our project but found out this issue late and now it's stopping us from rolling out in production. This is an excellent plugin and we'd disappointed if we have to move to another plugin.

from jquery-textext.

In my case this issue in IE8 happens only if i use 'jquery-textext-1.3.0.js'. The style is "corrupt" and there is an javascript error.

Seems that there is a workaround, you can include all textext styles and javascript (core and plugins) separately, then it works, also in IE8!

Maybe there is an error with the js compression file for IE?

from jquery-textext.

Thanks mate! The workaround works for us as well. It's not the ideal solution but I believe this would get fixed properly soon. I've made a $100 donation to this project as a start. Hope you would also benefit from it. Have a nice weekend!

from jquery-textext.

I can imagine, that this is "packed" with bundle.js and that's the problem. Anyway, this is an excellent plugin and my benefit is, that i can use it for free :-)

from jquery-textext.

Fix - In the packed file (version 1.3.0) replace

e.innerHTML=a,d.appendChild(e)

with

$(d).append("<style>"+ a+ "</style>")

from jquery-textext.

my solution in ie8: import css file like this :

   <link rel="stylesheet" type="text/css" href="../css/textext.core.css" media="screen"/>
   <link rel="stylesheet" type="text/css" href="../css/textext.plugin.arrow.css" media="screen"/>
   <link rel="stylesheet" type="text/css" href="../css/textext.plugin.autocomplete.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="../css/textext.plugin.focus.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="../css/textext.plugin.prompt.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="../css/textext.plugin.tags.css" media="screen"/>

in ie7 ,there is a js error , you can add json2.js in your file .
https://github.com/douglascrockford/JSON-js

from jquery-textext.

I realize this is an old thread, but the issue is still open, so I'll comment. xsolon's fix seens to be the best solution. Here's the actual error reported by IE8:

Unknown runtime error  jquery.textext.js, line 9 character 20185

The line it points to is:
e.innerHTML=a,d.appendChild(e)

It seems that innerHTML has been known to cause "Unknown runtime" errors in IE8. It seems to be very particular about it's usage.

http://stackoverflow.com/questions/555965/debugging-ie8-javascript-replace-innerhtml-runtime-error
http://blog.rakeshpai.me/2007/02/ies-unknown-runtime-error-when-using.html

I haven't read through the code, so I don't know whether or not the fix is the best solution in context, but it works for what I'm doing. I'm testing it in other browsers to verify no unintended consequences, although I doubt there is any.

Thanks for the script and have a great day.

from jquery-textext.

It is definitely an issue with the minifyer (bundle.js?). Otherwise I'd submit a pull request. What it looks like is that < IE9 doesn't recognize innerHTML or child nodes for script and style tags. They have a special property to set that adds the css to the tag. So to fix it without messing up other browsers:

Replace
e.innerHTML=a,d.appendChild(e)

With
d.appendChild(e);if(e.styleSheet){e.styleSheet.cssText=a}else{e.innerHTML=a}

This will check for styleSheet, and apply cssText if it is found. Otherwise, proceed as normal

from jquery-textext.

Works like a charm. Thanks for the fix.

from jquery-textext.

Another solution would be to move the rules in the bundled js file to a normal stylesheet. I had to do this to fix a problem with IE CSS limits. The bundled js file places a <style> tag under the of the document, but for some reason IE 8 did not like this when running my application. Once I moved the rules to a stylesheet and imported it with the rest of my stylesheets, the problem(s) went away.

from jquery-textext.