PDA

View Full Version : DOM drag script



lelu
04-02-2007, 05:42 PM
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?

mburt
04-02-2007, 06:06 PM
This is a zIndex issue. It's css property which "stacks" objects on a page.

Example, a will be higher than b:

a

<div style="z-index:100;position:absolute;left:0px;top:0px;"></div>

b

<div style="z-index:50;position:absolute;left:0px;top:0px;"></div>

lelu
04-02-2007, 09:27 PM
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.

jscheuer1
04-02-2007, 10:01 PM
If you are going for partial opacity in the table include in its style:


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.

lelu
04-03-2007, 01:18 PM
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