Error when using with extjs on IE9

[Art Kulakow]

I am getting script errors 1003 and 5009 when building an application on IE 9. I am using ExtJS 4, Ext Direct and jQuery. The application work fine on Chrome and Firefox. The application works just fine when I remove the loading of CKEditor. The script errors appear to be in Ext

[Jakub Ś]

I'm getting script error is not enough information.

Could you please provide reduced test-case file that allows reproducing the problem?

[Art Kulakow]

I cannot enter anything because of spam filters. But I load jQuery, jQuery UI, ckeditor, the jquery adapter, extjs bootstrap, then our code

[Art Kulakow]

The is the console log

SCRIPT1003: Expected ':' ext-all-debug-w-comments.js, line 43783 character 5 SCRIPT5009: 'Ext' is undefined config.js, line 21 character 2 SCRIPT5009: 'Ext' is undefined api-debug.js, line 1 character 1 SCRIPT5009: 'Ext' is undefined app.js, line 2 character 1

[Jakub Ś]

Try using 7zip and pack everything with 7z format. Spam filters should not check this.
It is hard to say anything without working sample (standalone or the one that I could simply put in _samples folder and run it).

Errors like "is undefined" mean that browser can't see the script/object/property.

[Art Kulakow]

I will try to build a standalone test case. Would be very hard to send the full app. Is there anything I should look for? The standalone test case will take a few day.

[Jakub Ś]

I was thinking about sample HTML file (like CKEditor samples) that imports libraries or can be put in ckeditor/_samples/ folder and run.

[Art Kulakow]

example html file

[Art Kulakow]

The include file has a html file that shows the problem in IE 9. When I run the example which includes; jquery, jquery UI, ckeditor, ckeditior jquery adapter and include extjs 4.0.7 I get the following error on the developer consoles:

SCRIPT1003: Expected ':' ext-all-debug-w-comments.js, line 43783 character 5

None of my code calls extjs it is just being loaded.

If you need more information please let me know.

[Jakub Ś]

Reproducible in all verisons of IE from CKEditor 3.0.

This issue only occurs when you work with debug version of extjs and when you load CKEditor scripts before extjs scripts.

Workarounds:

• Work with release version of extjs
• load extjs before ckeditor scripts.

[Art Kulakow]

I did what you recommended as a workaround and am still not able to load ext and ckeditor. Now I am getting the following error message on the developers console:

SCRIPT5009: 'Sequence' is undefined ext-all.js, line 15 character 49753

I cannot use ext.js, it does not provide all the services used by our product. I would be impossible to send you more source code because of size and with out the backend you would not be able to run the code. If you have any idea on what I could do to help trace the problem please let me know.

[Jakub Ś]

Does this error occur only when CKEditor is loaded or without it as well?

In first sample provided we can clearly see that there is some conflict but I’m not sure about the second.

Could you check the above and give me reply? If error occurs only when CKEditor scripts are loaded could you provide REDUCED test case file showing this problem?

[Art Kulakow]

This only happens when ckeditor is included. I will work on a simple example. This my take a few days

[Art Kulakow]

Working example of problem

[Art Kulakow]

I include a simple example of the problem. It work just find on Chrome but fails on IE 9 with the following error:

SCRIPT5009: 'MyContainer' is undefined ext-all.js, line 15 character 49753

The example is running under tomcat 6.0.35

If you need any other information please let me know

[Art Kulakow]

Any ideas on how I can make it work?

[Jakub Ś]

I have commented all the css and changed paths a little bit

<!--<link rel="stylesheet" type="text/css" href="../jquery/jquery-ui-1.8.19.custom.css">    -->
	<script type="text/javascript"  charset="UTF-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript"  charset="UTF-8" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js"></script> <!--not custom-->	
	<script type="text/javascript"  charset="UTF-8" src="../extjs-4.1.1/ext-all.js"></script>
	<script type="text/javascript"  charset="UTF-8" src="../ckeditor.js"></script>
	<script type="text/javascript"  charset="UTF-8" src="../adapters/jquery.js"></script>

CKEditor works without problems in IE9 – the workaround seems to be correct. Please not that I’m not using custom files for jQuery. I have noticed that your jquery files have names ending with “custom”. Perhaps the problem lies in these custom files?

I remember some issues with it on stackoverflow E.g. ​http://stackoverflow.com/questions/10466229/jquery-ui-datepicker-does-not-work I’m not sure if this is just user mistake or a real problem but all I can say is that using the above imports didn’t cause any error for me in IE9.