[rz] Drag Layers *** UPD 2020-Jun-10 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Drag Layers *** UPD 2020-Jun-10 ***

Post by [RZ] »

[rz] Drag Layers v1.1

This extension allows you to manage and drag floating layers synchronously in your page.

Some features:

Custom images, colors, fonts and sizes for the caption bar.
Keyboard handled layers: tab / focus, arrow keys / move.
You can have as many layers you want in the same page, all of them will automatically be stacked!
Tested in Chrome, FireFox, Opera, Safari, Maxthon, Lunascape, IEquirks, IE6, IE7, IE8 and IE9, iPhone and Android tablets;
...and more

HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 1.1

- Optional context boundaries.
- Improved backward focus control compatibility.
- Moved the core to an external library file for faster navigation between different pages.
- Minor code tweaks.

* New in version 1.0.0.2

- Added RWD support.
- Improved bidirectional support.
- Bar orientation for caption and close button location.
- Deprecated and removed the [rz] Drag Layers (lib) extension; it is not needed anymore and now all is centralized in just one instance.

* New in version 1.0.0.1

- The core was optimized and improved for (even) better performance.
- Push colors added to the close button.
- Solved an IE10+ background issue.
- Added "external accessibility" via the following functions:

document.getElementById('MyLayer').open(); to open/show a stacked layer.
document.getElementById('MyLayer').close(); to close/hide a stacked layer.
document.getElementById('MyLayer').restore(); open/show the layer on top of the stack and in its original position.
document.getElementById('MyLayer').moveTop(); move the layer on top of the stacked layers.

just replace 'MyLayer' with the actual object id.


How to use?

1. Design your layer (or all the layers you need) as you usually do.
2. Add an instance of [rz] Drag Layers in each layer you want to convert it to float and draggable on top of its objects.
3. Optionally, you can open the extension properties dialog box and setup your desired customization.

Enjoy!
Last edited by [RZ] on Wed Jun 10, 2020 11:59 am, edited 2 times in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Drag Layers *** UPD 2015-Feb-09 ***

Post by [RZ] »

* New in version 1.0.0.2

- Added RWD support.
- Improved bidirectional support.
- Bar orientation for caption and close button location.
- Deprecated and removed the [rz] Drag Layers (lib) extension; it is not needed anymore and now all is centralized in just one instance.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Drag Layers *** UPD 2020-Jun-10 ***

Post by [RZ] »

* New in version 1.1

- Optional context boundaries.
- Improved backward focus control compatibility.
- Moved the core to an external library file for faster navigation between different pages.
- Minor code tweaks.
Locked