PDA

View Full Version : [ExtJs][IE 8 compatibility][Error mouseOver]



nikko49
2 Dec 2013, 8:11 AM
Hi,

I have a compatibility problem when I want execute my ExtJs webSite on IE8;
Indeed, the error is :



SCRIPT5007 : unable to get property 'mouseover' of undefined or null reference
ext-all-dev.js line 16619


In this file, I tried to put a condition on addListener function as following :

if (eventName != 'mouseover' && eventName != 'mouseout' && eventName != 'mousemove' && eventName != 'keydown' && eventName != 'mouseup')

With it, I haven't errors in my console. But, the Drag & Drop in my application doesn't work.
So, what's the good solution to avoid this "mouseover" error and to keep a functional Drag & Drop ?

Thank you in advance and sorry for my English :)

Gary Schlosberg
2 Dec 2013, 9:09 AM
In which specific version of ExtJS are you seeing this issue?

nikko49
2 Dec 2013, 9:59 AM
I use ExtJs 4.2.1 :)

nikko49
3 Dec 2013, 7:00 AM
Hello,

After many hours of reseach, I think more particularly that the error appars because of use of Mootools and ExtJs.
Indeed, I tried again with a blank page.

A first file 'app.js' (It's my ExtJs application)

Ext.application
({
name: 'HelloExt',
launch: function()
{
Ext.create('Ext.container.Container',
{
layout: 'anchor',
renderTo: Ext.getBody(),

items: [
{
title: 'Hello Ext',
html : 'This is to test Ext JS.'
}
]
});
}
});

And a second file 'index.html' (the start page with includes)

<html>
<head>
<title>Hello World</title>

<!-- STYLES -->
<link rel="stylesheet" type="text/css" href="ext-all.css">

<!-- LIBS -->
<script type="text/javascript" src="mootools-core.js"></script>
<script type="text/javascript" src="mootools-more.js"></script>

<script>MOOTOOLS_DOCUMENT_ID_VALUE = document.id;</script>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="ext-all-dev.js"></script>

<script>
Ext.documentId = MOOTOOLS_DOCUMENT_ID_VALUE;
document.id = Ext.documentId;
</script>

<!-- APP -->
<script type="text/javascript" src="app.js"></script>

</head>
<body></body>
</html>

On Chrome / FireFox and IE10+, it works perfectly, but on IE9, I always have the following error :
SCRIPT5007: Impossible d’obtenir la propriété « mouseover » d’une référence null ou non définie
ext-all-dev.js, Ligne 16617 Caractère 21

If I remove Mootools-core & mootools-more includes and the mootools patch, it works.
But, my ExtJs application must be integrated in a joomla web site, so Mootools is included by default.

In conclusion, there is another patch / adapter to resolve this problem ?

Thank you again !!! :)