SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    QUERY: IE vs Firefox

    Q(1)
    I have created an array and store 3 functions in it. Eg.


    this.validateCols = new Array();

    this.validateCols[this.COST] = function(obj, index)
    {
    return 0;
    };

    this.validateCols[this.LOCKED] = function(obj, index)
    {
    return 0;
    };

    this.validateCols[this.COMPLETION] = function(obj, index)
    {
    return 0;
    };


    Calling validateCols[0](0, 0) works in IE, but in Firefox I get:

    validateCols[0] is not a function


    Is this the correct way to define functions in an array? Or is there a better way?
    Or is this not supported at all in Firefox?


    Q(2)
    Also .swapNode() is not in Firefox? Any alternatives?



    Q(3)
    I implemented drag 'n' drop and it works in IE but not in Firefox.

    Each droppable HTML TD element has:

    ondragenter="this.parentNode.style.backgroundColor = 'gray'; window.event.returnValue = false;"
    ondragover="window.event.returnValue = false;"
    ondragleave="this.parentNode.style.backgroundColor = 'white'; window.event.returnValue = false;"
    ondrop="OnDrop(this);"



    Each draggable URL element has attributes:

    id='draggable'
    onmousemove='window.event.srcElement.dragDrop();'
    ondragstart='window.event.dataTransfer.setData("text", "data");'






    But this doesn't work in Firefox. Anyone got any ideas?

  2. #2
    SitePoint Enthusiast blindpete's Avatar
    Join Date
    Dec 2003
    Location
    Fairfax VA, USA
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm well wrt to Q3 those may be IE specific events:
    http://www.w3schools.com/jsref/jsref_events.asp
    -Pete

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have read that there's a onDragDrop event in the standards W3C. However it only gives as much information as who the sender was. What I would like is to set up some data hence the usefulness of IE's dataTransfer object.

    Am not sure whether it's possible to set up a 'text' type data (eg. "1234|Some code|Some type") during the drag, and then drop it onto a table row... in Firefox. I've googled and still no luck finding an alternative to IE's dataTransfer object.

  4. #4
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am quite disappointed in the drag 'n' drop support in Mozilla Firefox. What am trying to achieve is dragging an element from one IFRAME/FRAME into another IFRAME/FRAME. But upon dropping the element, I do not want the target IFRAME/FRAME to open/load it. I want it simply to handle the event, such as parsing the element/data dropped. Such uses as dropping an element into a table inbetween rows 2 & 3.

    I have studied Netscapes way of ondragdrop events. However this only handles dropping external files, into the browser window, and the browser window will open/load the file. This is not what I want.

    The only closest IE/FF drag'n'drop thing I found was http://script.aculo.us/ however their dragging doesn't go across IFRAME/FRAMEs.

    Is there any way Firefox will implement similar drag'n'drop events as IE's:

    ondragenter, ondragleave, ondragover, ondrop? that works across IFRAME/FRAMEs?
    Last edited by dhruba.bandopadh; Jun 26, 2006 at 08:59.

  5. #5
    SitePoint Enthusiast blindpete's Avatar
    Join Date
    Dec 2003
    Location
    Fairfax VA, USA
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, I have no idea what FF will do in the future.

    Have you thought about using AJAX to process the drop and update the element? You should be able to capture the event with onMouseUp and onMouseDown.

    something like:
    Code:
    <span 
      onMouseDown="someJSfunction($this);"
      onMouseUp="someJSfuntion($this);">
      DragMe
    </span>
    -Pete


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •