Results 1 to 5 of 5

Thread: DOM drag script

  1. #1
    Join Date
    Dec 2006
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default DOM drag script

    1) Script Title: DOM Drag&Drop script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/domdrag/

    3) Describe problem:

    I have an issue with a table.

    http://www.easyto.eu/drag-test.htm

    I need it totally opposite. The table must be translucent and look like a window with a dragable img inside of it.
    Please, give me an idea?
    Last edited by lelu; 04-02-2007 at 05:50 PM.

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    This is a zIndex issue. It's css property which "stacks" objects on a page.

    Example, a will be higher than b:

    a
    Code:
    <div style="z-index:100;position:absolute;left:0px;top:0px;"></div>
    b
    Code:
    <div style="z-index:50;position:absolute;left:0px;top:0px;"></div>
    - Mike

  3. #3
    Join Date
    Dec 2006
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you for a script.
    I added it. But the table ( this white box )still does not look like a window with a map inside.
    To be more clear idea of what I am trying to create : is same kind of thing as a googlee map does: a dragable map inside of the window.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    If you are going for partial opacity in the table include in its style:

    Code:
    filter:alpha(opacity=50);opacity:0.5;
    the filter:alpha(opacity=#); valid values are from 0 to 100 and work for IE, the opacity:#; valid values are from 0 to 1 and work in all other browsers that support the opacity property (most others do).

    Also, simply having no background or background color for the table should make it completely transparent except for its border.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Dec 2006
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I added the script.
    But I can not figure out how to build the table with a window in the middle?
    I combined 4 tables around the map. And if you try to move the map it is also keep moving if you continue above the table and kind of getting out of one.
    How can I keep the "moving function" within this little window?

    http://www.easyto.eu/drag-test.htm

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
  •