[CLOSED] event not seen in FireFox

  1. #1

    [CLOSED] event not seen in FireFox

    Hi,

    I'am adjusting the drawing example 'Australia' in such a way that the user can click in the map. Based on the coordinates some other (mapping) action are then executed.
    I added a click-listener:

    sprite.Listeners.MouseOver.Handler = string.Format("onMouseOver(this, {0}, {1});", JSON.Serialize(colors[i]), i);
    sprite.Listeners.MouseOut.Handler = "onMouseOut(this);";
    sprite.Listeners.Click.Handler = "onClick(this, event);";
    In the javascript section I added:

            function onClick(sprite, e) {
                var curX;
                var curY;
                 if (e.pageX || e.pageY) {
                    curX = e.pageX;
                    curY = e.pageY;
                 } else if (e.clientX || e.clientY) {
                    curX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
                    curY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
                }
                alert('click: ' + curX + "  " + curY);
            }
    This works in IE9/10 and Chrome. But in FireFox not reaction and result.

    I tried adding lines like (suggestions found on internet):
    var e= event || window.event;
    or
    var e = window.event ? event : e;

    Only leaving event as a parameter makes FireFox popping up an alert, but than the click location is not returned.

    Do you have any idea?

    Hans Wapenaar
    Last edited by Daniil; Aug 22, 2013 at 10:01 AM. Reason: [CLOSED]
  2. #2
    Hi Hans,

    Please use:
    sprite.Listeners.Click.Handler = "onClick(this, e.browserEvent);";
    There is no event parameter in a Click listener. Probably, Chrome and IE shares event in a global object (window), but FireFox doesn't.
  3. #3
    Hi Daniil,

    It works. Great!
    You are right that IE and Chrome are using the global object.

    One more difference that I found:

    When there are sprites in the panel/drawcomponent and I check the offsetX / offsetY coordinates of the click position it looks like:
    - in IE8 the relative position to the upper left corner of the sprite is returned (sprites of Path type),
    - in IE9 the the relative position to the upper left corner of the panel/drawcomponent
    - in FireFox the position is returned with e.layerX / e.layerY.

    So I am looking for a way to get the click position in the panel/drawcomponent In IE8.

    Hans Wapenaar
  4. #4
    You could get the Draw1, position by calling
     App.Draw1.getXY()
    http://docs.sencha.com/extjs/4.2.1/#...t-method-getXY

    Then you should be able to calculate the position of click.
  5. #5
    Hi Daniil,

    Your sugestion made it working:

                                var tempX;
                                var tempY;
                                if (e.pageX || e.pageY) {
                                    tempX = e.pageX;
                                    tempY = e.pageY;
                                } else if (e.clientX || e.clientY) {
                                    tempX = e.clientX + document.body.scrollLeft;
                                    tempY = e.clientY + document.body.scrollTop;
                                }
                                var xpos = 0;
                                var ypos = 0;
                                var xDraw = #{drawMap}.getXY();
                                xpos = tempX - xDraw[0];
                                ypos = tempY - xDraw[1];
    I tested IE8, IE9, FireFox, Chrome.
    Thanks a lot.

    Hans

    (Thread can be closed)

Similar Threads

  1. CSS In Firefox,IE and Chrome
    By matthew in forum 2.x Help
    Replies: 0
    Last Post: Jul 25, 2013, 9:54 AM
  2. Direct Event in Firefox Not Load Properly
    By darkwalker in forum 2.x Help
    Replies: 0
    Last Post: Jun 20, 2013, 12:28 PM
  3. [1.2] GroupTabPanel on FireFox 7.0.1
    By michaeld in forum 1.x Help
    Replies: 7
    Last Post: Oct 23, 2011, 7:21 PM
  4. Problems with IE7/8 and FireFox
    By magisystem in forum 1.x Help
    Replies: 5
    Last Post: Jun 16, 2010, 11:29 AM
  5. [CLOSED] App looks different using IE and FireFox.
    By flormariafr in forum 1.x Premium Help
    Replies: 4
    Last Post: Mar 17, 2010, 9:56 PM

Posting Permissions