[rz] "Slidable" fullsize ad on top *** UPD 2018-Jun-06 ***

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

[rz] "Slidable" fullsize ad on top *** UPD 2018-Jun-06 ***

Post by [RZ] » Mon Apr 02, 2012 8:58 pm

[rz] Advertisement v1.3.1

This extension allows you to have a fullsize "slideable" advertisement (or a multi-purpose layer) on top of the page, that also works on centered pages!
Sample project included.

* New in version 1.3.1

- Added support to work also in floating layers schemes.
- Minor tweaks in the code.

* New in version 1.3

- The virtual 'onslide' event is more sensitive to programatically allow better objects relocation or changes on advanced responsive/fluid schemes.
- More button alignments.
- Improved button image customization.
- Improved core and moved to external library.

* New in version 1.2.0.2

- Improved keyboard navigability behavior when the advertisement object leans out.
- Added optional image-size definition to allow a better implementation in Retina-based devices.

* New in version 1.2.0.1

- Improved support for iOS based devices.
- Improved RWD support.
- Improved button behavior.
- The "open" image is mandatory, the other ones are optional.

* New in version 1.2

- Added support for RWD.
- Added optional push images.
- Added lean out property; the size in pixels that the advertisement object leans out when it is (partially) closed.
- Now all the images are optional (at least one must be entered to open the layer; in that case, the same image will be used to open and close it).
- Improved objects order for a better keyboard-based navigation.
- Improved backward compatibility for older browsers.
- Fixed a bug in 3D push effect.
- Improved during-sliding events call.

Functions added:

You programmatically can open, close and toggle the layer on top.

MyExtension.open(); to open the layer on top.
MyExtension.close(); to close the layer on top.
MyExtension.close(); to open the layer on top if it is closed, or close it if it is opened.

* New in version 1.1

-Compatibility with [rz] Tooltips
-Improved navigability with the keyboard.
-Improved focus behavior.
-jQuery is not needed (less code!).
-A separated masterpage for the ad is not required anymore.
-Delayed auto-open once the page is fully loaded (optional).
-User-events: custom onclick support added.
-Fixed: some jQuery-based code crashes at startup.

* New in version 1.0.1

-This version fixes a minor issue with some jQuery objects.


DEMO

HTML 4.01 Transitional
W3C compliant


How to use?

* With a masterpage:

1. open a [new] project.
2. add a new page, i.e: "my_advertisements", add a layer and design on it your advertisement banner.

recommended settings:

Location and size:

Mode -> Default
[ ] Relative horizontal position
[ ] Relative vertical position
[√] Relative horizontal sizing
[ ] Relative vertical sizing

Alignment -> Center

3. add a new page and design your main page as you usually do.
4. add a masterpage pointing to "my_advertisements", open its properties and set the following:

[√] Master Page is a layer

then, you can hide the object in the Object Manager panel.

5. add the "[rz] Advertisement" extension, open its properties dialogs, and setup its few

properties - select masterpage as the type of object that the extension points to.

* Without masterpage:

1. open a [new] project.
2. add a layer or any other object to be used as an ad.
3. add the "[rz] Advertisement" extension, open its properties dialogs, and setup its few

properties - select layer as the type of object that the extension points to.


As you can see, there is mainly one rule:
You can have your advertisement design in a separated masterpage or in a layer, or any other

object even in the same page.
Then, you point to it with the extension, indicating the object type such as masterpage or layer.
Now you have an interesting advertisement presentation for your web-page.

Enjoy!
Last edited by [RZ] on Tue Jun 05, 2018 11:34 pm, edited 13 times in total.

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top of the page.

Post by [RZ] » Tue Apr 03, 2012 3:47 pm

thank you for all these downloads!

apologies, i forgot to mention something in the info file.
currently, this extension doesn't work in both horizontally and vertically centered pages, only for not centered or horizontally centered ones.

User avatar
docdoc
 
 
Posts: 60
Joined: Sun Jul 18, 2010 9:34 am

Re: "Slidable" fullsize ad on top of the page.

Post by docdoc » Tue Apr 03, 2012 5:24 pm

That's ok!
Thanks for the info!

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Wed Apr 04, 2012 9:09 pm

a minor issue with some jquery objects was fixed and added a link to a demo.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by supersonictt » Thu Apr 05, 2012 7:06 pm

As usual, AMAZING!
I added this extension to the my site project (layers extension set 1.4) and noticed something:
Using this extension with oc2 extension (the one I am using) disables the hover and down states of the buttons (i.e previous and next).
Just wanted you to know :)

*****EDIT*****
A funny thing happened here!
I also have the shake extension (shakes the layer that contains the three oc2 buttons). If I preview the page then click on any of the oc2 extensions, the hover or down state do not appear.
Now if -before clicking on any of the oc2 buttons- I point on the shake .png then click on any of the oc2 buttons, they work! Weird! ha?!!
Last edited by supersonictt on Thu Apr 05, 2012 7:20 pm, edited 1 time in total.

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Thu Apr 05, 2012 7:20 pm

i checked it... i don't know what happens.
please try to redownload and reinstall the last online version.
please post a sample with the issue your are experiencing, meanwhile i will try to reproduce it and fix it asap.
thanks for your kind words.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by supersonictt » Thu Apr 05, 2012 7:22 pm

[RZ] wrote:i checked it... i don't know what happens.
please try to redownload and reinstall the last online version.
please post a sample with the issue your are experiencing, meanwhile i will try to reproduce it and fix it asap.
thanks for your kind words.
[RZ] please read the edit in my last post :)

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Thu Apr 05, 2012 7:44 pm

well, i was able to reproduce the issue.
it only happens with the open/close buttons when the advertisement extension is present.
i will try to fix it as soon as i can.

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by supersonictt » Thu Apr 05, 2012 7:50 pm

Yes exactly, I am also testing it to make sure that the problem is there.
Thanks for your time :)

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Thu Apr 05, 2012 9:44 pm

thank you for your patience, the fixes in "oc" and "oc2" were done, the link is here: viewtopic.php?f=42&t=45904&start=75

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by supersonictt » Thu Apr 05, 2012 11:43 pm

%100 :) THANKS A MILLION [RZ]

zotekW7
 
 
Posts: 76
Joined: Sat Oct 01, 2011 12:45 am
Location: san diego

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by zotekW7 » Fri Apr 27, 2012 9:01 am

please help.is this possible to link my own botton to open/close tooltip?..i wanna make custom botton

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Fri Apr 27, 2012 9:15 am

you can use your own images.

User avatar
[RZ]
 
 
Posts: 2138
Joined: Tue Nov 04, 2008 12:08 pm

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by [RZ] » Tue May 01, 2012 4:55 am

this "trick" was the answer to an user's question (in other section of this forum).
hope you can find it useful.

* How to open or close the top panel?
(not from the extension's open/close button but from my own button)

1. build your advertisement (or call it as you like) in a masterpage.
2. drag and drop the extension (by default it points to mpAdvertisement_top masterpage, we will follow this name for our example); let's say the extension id is MyAdvertisement (name it in the object manager panel).
3. instead of adding the four images for the open/close icons and their normal/hover states, just add a 1x1 transparent gif (this step is optional).
4. add an image or any other object that support events.
5. open its properties dialog.
6. go to the events tab.
7. select add.
8. event: onclick / action: javascript function / javascript: "MyAdvertisement_switch();" (please note the parentheses, the semicolon and without the double-quotes).
9. done!

zotekW7
 
 
Posts: 76
Joined: Sat Oct 01, 2011 12:45 am
Location: san diego

Re: "Slidable" fullsize ad on top *** UPDATED Apr-05-2012 *

Post by zotekW7 » Tue May 01, 2012 6:52 am

by the way its an double underscore
MyAdvertisement__switch();

i will provide my work soon.

thank you RZ!

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests