Ticket #9054 (confirmed Bug)

Opened 2 years ago

Last modified 2 years ago

Error when using with extjs on IE9

Reported by: artkulakow Owned by:
Priority: Normal Milestone:
Component: General Version: 3.0
Keywords: IE Cc:

Description

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

Attachments

basic.7z (462 bytes) - added by artkulakow 2 years ago.
example html file
ckedit-example.7z (3.2 KB) - added by artkulakow 2 years ago.
Working example of problem

Change History

comment:1 Changed 2 years ago by j.swiderski

  • Status changed from new to pending

I'm getting script error is not enough information.

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

comment:2 Changed 2 years ago by artkulakow

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

comment:3 Changed 2 years ago by artkulakow

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

comment:4 Changed 2 years ago by j.swiderski

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.

comment:5 Changed 2 years ago by artkulakow

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.

comment:6 Changed 2 years ago by j.swiderski

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

Changed 2 years ago by artkulakow

example html file

comment:7 Changed 2 years ago by artkulakow

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.

comment:8 Changed 2 years ago by j.swiderski

  • Keywords IE added
  • Status changed from pending to confirmed
  • Version changed from 3.6 to 3.0

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.

comment:9 Changed 2 years ago by artkulakow

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.

comment:10 Changed 2 years ago by j.swiderski

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?

comment:11 Changed 2 years ago by artkulakow

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

Changed 2 years ago by artkulakow

Working example of problem

comment:12 Changed 2 years ago by artkulakow

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

comment:13 Changed 2 years ago by artkulakow

Any ideas on how I can make it work?

comment:14 Changed 2 years ago by j.swiderski

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.

Note: See TracTickets for help on using tickets.
© 2003 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy