Showing and scrolling layers *** UPDATED Aug-26-2012 ***

[RZ] · Post by **[RZ]** » Thu Mar 08, 2012 10:32 pm

supersonictt wrote:That's what I thought it would be, the extension behaves almost the same as microsoft uses, but maybe with more than just Previous/Next buttons, right?

It all depends on how you design the layer and its content... that's all.
You can do the same using the open/close extension.
Instead of the icons provided, you can design your own ones, with mixed words/images, something like "[v] open" and "[^] close", then select the slide effect from the top side.
And, of course, don't forget the layer itself, which can contain images, links, texts, etc, etc...

supersonictt · Post by **supersonictt** » Thu Mar 08, 2012 10:40 pm

Thanks for the tip, I will try to do that

supersonictt · Post by **supersonictt** » Thu Mar 08, 2012 10:48 pm

Well, it seems that I will wait for the next update as I can't seem to accomplish it with the current extension

[RZ] · Post by **[RZ]** » Thu Mar 08, 2012 11:14 pm

the ms menu is an image link that opens/closes the layer (with the slide effect).
please see the sample included.

supersonictt · Post by **supersonictt** » Thu Mar 08, 2012 11:23 pm

Thanks again for that

I will check it out tomorrow and let you know

[RZ] · Post by **[RZ]** » Thu Mar 22, 2012 6:58 am

thank you all!
after many downloads... an update is available (also a new extension was added: layers "pagination").
please check the first post, there is a new download link and also a small sample.

[RZ] · Post by **[RZ]** » Sun Mar 25, 2012 8:27 pm

[rz] Button v1.0.0

The complement for the [rz] Layers extensions scheme.
This lightweight extension allows you to setup an image button with ease.
Similar to the rollover extension; no jQuery effects, but this image button can receive focus, support events and many link options.
Sample project file included.

[rz] Layers v1.4.0

"Pushed button" 3D effect (also works in Internet Explorer).
Sample project file included.

HTML 4.01 Transitional
W3C compliant

Please see the first post for links and demo.
Enjoy!

supersonictt · Post by **supersonictt** » Sun Mar 25, 2012 9:19 pm

[RZ]

The button extension is amazing! Actually a few days ago I was searching the internet about how to do that for the "Submit" button inside the form. The only solution I found is to add "margin-bottom: 1px" in the css file for this submit button.
But the extension does this for an image button.
Is it possible to develop the extension to link the object ID in WWB to do the effect?

Thank you.

[RZ] · Post by **[RZ]** » Sun Mar 25, 2012 9:34 pm

a few hours ago i definitely removed the image button extension for forms.
there are a few bad side effects. i'm sorry. i don't recommend to use a graphical send button, unless you redesign from scratch your forms instead of use the ease of wb forms...
there are some ideas over the forums about the "push effect", really nice css snippets, but don't work in internet explorer, so what i did is something that works in almost all browsers and also in quirks mode!
i will think about your suggestion.
thank you for your kind words, your feedback is really appreciated.

supersonictt · Post by **supersonictt** » Sun Mar 25, 2012 9:41 pm

Thank you for the quick reply [RZ]

Well, you are right, what I added in css for the "submit" button in the form I have did the job on Chrome, but in Firefox and IE the text also shifts as the button moves down! So I guess these stuff related to forms should stay simple.

And thanks for taking what suggested into consideration, but please do not bother, you might have some other things to focus on

[RZ] · Post by **[RZ]** » Sun Mar 25, 2012 9:46 pm

the purpose of the Button extension is to have the same "focus/hover/push" scheme as in the other buttons in the Layers extensions set. hope the users can find them useful. enjoy!

supersonictt · Post by **supersonictt** » Fri Mar 30, 2012 10:37 pm

[RZ]
Hello again.
I am trying the opnc extension, everything is working perfectly, but I faced something:
I have 4 layers (Layer1, Layer2, Layer3 and Layer4) with a base Layer0.
Inside Layer1, I placed another layer (Layer5) with "oc" extension, and inside this layer (Layer5) I placed a jquery accordion, but it seems not work (the accordion shows only as text).
I guess there is a conflict, I recall this exact problem with PrettyPhoto gallery and I solved it using jquery nconflict, but that was last year and I really forgot how I did that!
According to your knowledge, is there a way to fix this problem? If by using the the noconflict sentence, could you please give me a hint?
By the way I am still looking for the proper noconflict sentence to add, but I said to myself, if [RZ] is around he might provide a hint

Thank you.

*****EDIT******
By the way, adding jquery accordion in the page where the extension is also disables the function of the accordion, so it doesn't have to be inside any layer.

supersonictt · Post by **supersonictt** » Fri Mar 30, 2012 11:03 pm

supersonictt wrote:[RZ]
Hello again.
I am trying the opnc extension, everything is working perfectly, but I faced something:
I have 4 layers (Layer1, Layer2, Layer3 and Layer4) with a base Layer0.
Inside Layer1, I placed another layer (Layer5) with "oc" extension, and inside this layer (Layer5) I placed a jquery accordion, but it seems not work (the accordion shows only as text).
I guess there is a conflict, I recall this exact problem with PrettyPhoto gallery and I solved it using jquery nconflict, but that was last year and I really forgot how I did that!
According to your knowledge, is there a way to fix this problem? If by using the the noconflict sentence, could you please give me a hint?
By the way I am still looking for the proper noconflict sentence to add, but I said to myself, if [RZ] is around he might provide a hint

Thank you.

*****EDIT******
By the way, adding jquery accordion in the page where the extension is also disables the function of the accordion, so it doesn't have to be inside any layer.

Something strange is happening here! The accordion is working now!!

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 5:54 pm

hello supersonictt.
please post your project, i want to take a look at it.
i didn't experiencing any issues.
btw, are you using the last release?

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 6:49 pm

[RZ] wrote:hello supersonictt.
please post your project, i want to take a look at it.
i didn't experiencing any issues.
btw, are you using the last release?

Hello [RZ]
As I mentioned in my last post, everything worked fine. I don't know what exactly was happening but I noticed that WWB wasn't publishing the jquery accordion theme, then it did!
I will send you the project of course, but I have one question, I am using the "ocpn" extension, with 4 layers, I guess there is a way to do what am looking for which is:
When I click the open button to open the layers, then let's say I scroll to the third layer then I close it, then open it again, it shows the third layer. How can it return back to the first layer when I click the open button again?
I think the solution is in the "Advanced" section in the extension, but I was in a hurry today and I couldn't look into it carefully.
Oh by the way, the project is in your original project, I mean I made a page within your project and did everything there, so shall I put it in a separate project or send you this one?

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 7:14 pm

you can post your project here if you want, or post just a link to your site.
anyhow, i want to see your web, i mean your final work! want to know how it worked for you in a real site.
and about your question, i will think on adding a new option to the ocpn extension, maybe something like this:
[√] go to first layer when opening.
what do you think?

ps:
currently, if you want to go to the first layer, you can do it right now but via links with events.
on click / javascript -> MyObject_goto(1);MyObject_open();
replace MyObject with the real name, of course.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 8:11 pm

I published the work to a temporary address, as it is not final. So here it is:
http://www.racketreaction.com/new
Please have a look and let me know what you think.
Am planning on converting my whole site to layers system using your extensions, it really added a professional value to it.
And about my question, it would be really great to have this option, I think you will get exactly why I want that when you see the site I provided before.
I will try what you suggested about going to the first layer using events and will report back.

One last question please. When you go to the link above, there is a (+) on the top right side of the first image after you click the button "WHAT WE DO", please click on it, another layer will appear. On the right, there is a text and in the end the text has a link (here), I want this link to close "WHAT WE DO" layer and open a "CONTACT US" layer (it is not yet ready in the demo site I provided), is this possible? Actually this question came out from another thing I wanted to as you about, in your demo site of the your layer extensions, clicking on "PANEL [A]" open the layer, how can I do that? I mean there is no option to do this exact thing in the properties of the extension, so I guess I have to it manually, or maybe in another way?

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 8:29 pm

there is a text and in the end the text has a link (here), I want this link to close "WHAT WE DO" layer and open a "CONTACT US" layer (it is not yet ready in the demo site I provided), is this possible?

whatwedo_close();contactus_open(); (replace whatwedo and contactus with be the real layers names)

there is no option to do this exact thing in the properties of the extension, so I guess I have to it manually

you can use the oc2 extension (synchronized open/close), but i think there is no need to do this, for your case, will be a far simpler to add these two events in your link.
hope this helps.

the option to go to the first layer in the ocpn extension will soon be available, stay tuned.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 8:49 pm

As you can see in the demo site, "WHAT WE DO" has a fixed layer (layer0). Now I added another ocpn extension with layer prefix pop, and I added another layer (pop1), so for the "here" link, shall I do it using events? onclick - javascript - Layer0_close();pop_open(); ... This way?

And for what you are going to add in the new features, THANKS A LOT FOR THIS

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 9:02 pm

forget the layer0, layer1, layer2, etc...
you must point to the extension name, the name given in the object manager, and the _action().
let's say whatwedo is the extension (the object name).
let's say the whatwedo object manage the layer0 and the layer1, or just the layer1, or whatwedo_1, or whatwedo_0, whatwedo_1, whatwedo_2, etc, etc, etc.
forget the whatwedo_X layers. just point to the extensionname_action().

from the first post or from the info attached file:

Available functions for events in standard text links:
MyObject_open(): open an individual layer or a layer from a group.
MyObject_close(): close an individual layer or a layer from a group.
MyObject_switch(): open or close an individual layer or a layer from a group - if a layer is opened, then will be closed and viceversa.
MyObject_goto(n): go to a specific layer number from a group (pagination).

hope this helps.

(ps: think simple, don't overcomplicate yourself.)

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 9:15 pm

Hehe yeah, I always think things are complicated! Plus, I didn't read the first post fully! My fault

Thanks a lot [RZ] for your generous help

waiting for the new update

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:09 pm

didn't read the first post fully

nor the attached info file...

waiting for the new update

BETA already available (look at the "advanced" category).

*** EDIT ***
link removed - the fix is obsolete and is no longer available

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:20 pm

AMAZING

I really appreciate your quick response

Thanks a million [RZ]

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:27 pm

[RZ]
It would be great if you provide an example in the next project for oc2 to see how synchronization work

Thanks

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:47 pm

It would be great if you provide an example in the next project for oc2 to see how synchronization work

again, from the first post:
DEMO

open the oc-2 extension.
take a look at the property "group" from the "general" category (and its description).
you can enter the group name that the set of layers belongs to:
"main", "group a", "group b", or the name you want, just type in the name.
if you open a layer that belongs to "group a", the other layers that also belong to the "group a" will automatically be closed and the clicked will be opened.
if you set "belongs to all groups" no matter what layer is currently open, all of them (except the "don't synchronize"d ones) will automatically be closed and the selected will be opened.
just play a while with them and in a snap you will understand by yourself.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:54 pm

I didn't miss that one this time

And yes, I am currently playing with this oc2, because I think my website will have three tabs: "ABOUT US", "WHAT WE DO" and "CONTACT US", so when clicking on "HOME" it will show the home layer, and when clicking "WHAT WE DO" while home layer is showing, I want to get closed and "what we do" layers to show and so on. So I guess oc2 is the best choice for that, right?

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:55 pm

that's right, and this is how it works.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:59 pm

Thanks a lot, I will test it, and try to implement my work to it and show you the result.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:16 am

[RZ]
Hello again

I worked on oc2 as I said before which this extension matches what I need, but I bumped into something!
I have 3 oc2 extensions: "Home", "What we do" and "Contact us". In the properties of each one of them, under general section, I set "Group" to "belongs to all groups".
"Home" and "Contact us" working great. Now "What we do" should have something like the one in the demo site I provided before (4 layers with next previous), and since oc2 extension can have one layer, here is what I tried to do as a workaround:
When clicking "What we do" button it opens the base layer and a transparent layer. Inside this transparent layer I placed the pagination extension with the 4 layers I want. Until this point, everything is working perfectly.
Now, if -for the oc2 extension which belongs to "What we do"- I change the base layer open/close effect to slideup, the extension crashes! What exactly happens is if I click "What we do" button which opens the oc2 extension, it takes me to white page with the down button of the pagination on the top left of the page, and that's it! Weird ha?!! And any other effect (EXCEPT "Fade") will do the same crash!

I can post the project here with if you would to have a closer look about what happens.

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 9:34 am

please post a link to the site, and zip your project here, i'll take a look into it.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:41 am

Here is a simple demo.
In the demo, there are only 2 oc2 layers, the second extension the one that has transparent layer, and inside this transparent layer there is a pagination extension with 3 layers.
Working fine for the fade effect for the base layer in the second oc2, but crashing when changing this effect to anything else.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:49 am

By the way I found out something:
It seems that the crash happens because the pagination extension is inside the base layer of oc2, if it is placed outside it, then the effects work properly.

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 10:12 am

thanks for the project.
although mine works fine, with the same logic than yours, i will look into it and be back with a solution as soon as i can (hope in less than two hours, i must go right now).

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 10:14 am

Thanks a lot

and take your time on that

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 2:09 pm

@supersonictt
well, i'm back and really sorry for the delay.
there was a conflict with the jquery when sliding instead of fading, and when the pagination extension is deep nested, this was because of the dynamically added buttons.
the suggested improvements and the fix are here [*** link removed: the fix is obsolete and is no longer avaiable ***].
also i attached your project here [*** link removed ***]; i named the layers in a more easy way to understand the scheme's logic behind all this stuff.
a final release will soon be available with some new improvements.
enjoy!

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 6:30 pm

@[RZ]
I just got back home from work, so I AM sorry I couldn't reply earlier.
I downloaded and tried the new files you provided... THANKS A MILLION man! Your patience and help are more than amazing

Waiting eagerly for the new update

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 7:52 pm

can i assume that all is working fine now?
can i delete the download link to your project file?

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 8:04 pm

Yes, everything is working %100

And yes you can delete the project file.
Thanks a lot

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 10:21 pm

Hello [RZ]
I managed to do everything as I wish, and thanks a million for your help

I have something I would like to ask about. I have oc2 extension, and inside it, I placed a transparent layer, and this layer holds 4 layers with the pagination extension. One of those 4 layers has the Conveyer Belt extension. Now if you place the mouse over the conveyer belt, the sliding slows down instead of stopping, but that doesn't happen if I place the conveyer belt anywhere in the page (or inside one layer without using your extension). By the way this also happens if I place the conveyer belt extension inside any layer using ocpn extension.
Any clue?
Thanks.

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 10:28 pm

it occurs only when slide effect is selected, i tested it with fade effect and there are no issues at all.
i will see if i can make a workaround for this.

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 10:45 pm

Thanks a lot.
Here is the project.
http://www.mediafire.com/?fe17wi24g1aps37
Try placing the Conveyer Belt outside the layers and preview it, then mouse over it, it will stop, but that's not the case in side the your extension.
By the way I found a workaround; instead of using conveyer belt extension, I used the built-in slideshow and chose it as a conveyer belt, it worked well inside your extension, but the images appears smaller than they should be, but I fixed this by editing the image sizes in the html file.
Anyways here is the project again. Please don't waste your time fixing this, I just wanted to mention that in order to improve your extension to the max.
Thanks

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:09 pm

some time ago i had some issues too with the conveyer extension...
must be an easier way to fix this... i think it is because of the way that conveyer works.

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:15 pm

Yes I guess so...
The slideshow is working perfectly, so I am going to replace it and fix the sizes in the html file.
By the way, remember when you added an option in ocpn in which when the extension opens it starts with the first layer every time? Will this option be available in the pagination as well?

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:33 pm

check what you already have in the advanced category

anyhow, the pagination is a different extension, it hasn't open/close, so, don't know where to start, where/when it is opened or closed. maybe in the next version will be available the open/close with pagination...

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:36 pm

Hehe actually I did, it is only available in ocpn as you modified that and sent me the extension to try it out.
So it is not yet available in any other extension (pagination as an example).

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:39 pm

i edited my post while you posted...
i think is preferable to add a new extension (is i told you in my previous post) instead to overcomplicate the existing ones.

(i meant the custom code to copy, paste, and modify)

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:42 pm

mmm, I didn't get you! Do you mean that you updated the first post with the new features and options?

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:45 pm

advanced -> custom start

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:58 pm

By the way this is what I asked you about the first time! But then, you added that extra option in ocpn extension (which says: "Go to on open"), and at that time, I believed that "Custom start" does what I wanted!
Ok, so now in the pagination extension (in my design it is named "Extension2"), I should add this before </head>:

Code: Select all

<script type="text/javascript">var Extension2_default_layer=1;</script>

Am I right?
I know am bothering you so much! Am really sorry for that man!

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 12:05 am

this code is right.
the difference with "go to on open" is: each time you open after you close, goes to the specific layer.
the custom code is "one-time" only...