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

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...

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 12:18 am

Yes, but even this code is not working for me! I replaced the default layer "1" with "3" but it is still showing layer 1 as the first time I open the extension! Strange, but never mind

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

the zip you download from the first post, has a sample project.
open it and take a look into the optional html boxes...
or
you can enter you desired layer number in the go to on open property.
you can choose the first element, the last viewed one, or type in the number you want.

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 12:50 am

Yes, I got exactly what you mean, and yes it is working.
When you added the new option in ocpn, this option always shows the first layer as the extension opens, and this is the exact code:

Code: Select all

Extension2_open_fixed(); if (1){Extension2_curr_layer = 1;}

But I don't think it will be valid for the pagination (not this exact code, I mean the idea), and this is because the pagination is ALWAYS shown, so there is no way to go to the first layer (it doesn't close to open again with the first layer shown).
Well, in the demo site you have, the PANEL C has a pagination extension inside a layer, now if I click on the pagination and go to the second item, then I clcik on PANEL A (which will close PANEL C and open PANEL A), then I open PANEL C again, the pagination will still be on the second item. In order to make the pagination go to the first item, this can be done by javascript goto(1) for the pagination extension, I tried it in my case and it worked well, and that will be valid because the script will be attached to the Text Link... But what about if I want the button do this? Would it be doable?

*****EDIT*****
OH! I think it is doable, I am trying it now

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

next version will have user events as the button/peel extensions have, so you can add what you want and add more control on these ones. (i need to double-check it because we don't want any conflict...)

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 1:05 am

[RZ], I did that.
I added:

Code: Select all

Extension2_goto(1);

to the button that opens the extension containing the layer that has the pagination extension.
Well, I was looking at the code in the html file... Man, you are UNBELIEVABLY GENIUS!
And from now, thanks a million for whatever you are going to do regarding this extension! I am building my whole site using the geniality of your extensions

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

Well, I was looking at the code in the html file... Man, you are UNBELIEVABLY GENIUS!

yes, i'm aware of this, unfortunately there is nothing we can do about it.

just kidding!!

thanks for your kind words and for find this extensions set useful.

docdoc · Post by **docdoc** » Thu Apr 05, 2012 9:27 am

@chicguy1
I have the strange feeling that you are just SPAMMING here!

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

@docdoc
just feeling?

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 9:39 pm

fix available here. [*** link removed, the fix is obsolete and is no longer available ***]

supersonictt · Post by **supersonictt** » Fri Apr 06, 2012 8:49 pm

[RZ]
Thanks man

By the way, just a question. I have a flash photo slider that lets me specify links for each image, the links are stored in the generated .xml files between <link></linl>, can I transfer these links to an event? I mean, clicking one image will open a layer (just like text event: onclick-->javascript-->Extension7_open();). Are events acceptable in the .xml file?
Thanks.

[RZ] · Post by **[RZ]** » Sat Apr 07, 2012 5:26 pm

i'm sorry, i'm not familiar with the photoslider extension.
please give it a try and tell me.

supersonictt · Post by **supersonictt** » Sat Apr 07, 2012 7:07 pm

The extension is called Bcastr Slideshow (viewtopic.php?t=13803)
It is working fine with the layers extensions. In the extension, all you need to do is to add the images, and the links these images will take you to when you click on them (the links will not work in the preview mode, the page should be published to the server in order for these links to work). Upon publish the page to the hard drive, two files related to the extensions are generated (bcastr.swf and bcastr.xml). Inside bcastr.xml, there is this code:

Code: Select all

<?xml version="1.0" encoding="UTF-8" ?>
<data>
	
	<channel>
      
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Website.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Network.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Computer.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Smartphone.jpg</image>
<title> </title>
</item>

	</channel>

<config>
		<isShowTitle>false</isShowTitle>
    <titleBgColor>0x000000</titleBgColor>
    <titleTextColor>0xFFFFFF</titleTextColor>
    <titleBgAlpha>0.75</titleBgAlpha>
    <titleMoveDuration>1</titleMoveDuration>
    <titleFont>Arial</titleFont>
		<roundCorner>4</roundCorner>
    <isShowBtn>false</isShowBtn>
		<btnDefaultColor>0x000000</btnDefaultColor>
		<btnHoverColor>0x666666</btnHoverColor>
		<btnTextColor>0xFFFFFF</btnTextColor>
		<btnFocusColor>0x666666</btnFocusColor>
		<btnAlpha>0.7</btnAlpha>
		<transDuration>1</transDuration>
		<transform>breathe</transform>
		<blendMode>normal</blendMode>
		<scaleMode>exactFit</scaleMode>
		<btnSetMargin>auto 5 5 auto</btnSetMargin>
		<btnDistance>20</btnDistance>
    <autoPlayTime>4</autoPlayTime>
    <changImageMode>click</changImageMode>
    <windowOpen>_blank</windowOpen>
    <isHeightQuality>true</isHeightQuality>
    <isShowAbout>true</isShowAbout>
	</config>
</data>

As you can see, the <link> tag has the a URL, is it possible to change it to an event? (such as onclick="Extension7_goto(2);"). I searched google, but couldn't find it exactly as I want!
[RZ], I will search more about that, if it is possible to have events in xml file, so please don't waste your time on this thing

Thanks a lot.

[RZ] · Post by **[RZ]** » Sat Apr 07, 2012 9:40 pm

Hello; an update is available to download.

* NEW in version v1.4.1:

Hover event fixed (minor visual issue when other jQuery objects are present in the same page).
User-events support added.
Automatic/manual start-up property deprecated (improved start-up process).

Enjoy!

supersonictt · Post by **supersonictt** » Sat Apr 07, 2012 11:29 pm

Thanks [RZ]

Great update

[RZ] · Post by **[RZ]** » Tue May 01, 2012 4:20 pm

Hello; an update is available to download (please see the first post).

* NEW in version v1.5:

Hover event fixed (minor visual issue when other jQuery objects are present in the same page).
User-events support added.
Automatic/manual start-up property deprecated (improved start-up process).
(lib-1) and (lib-2) extensions were deprecated and excluded, now centralized in one "lib" extension.
Images preloading for smoother navigation.
The extensions with go-previous and go-next features, now include the onfirst and onlast behavior; i.e: on first, go last or stay on first; on last, go first or stay on last.
New extension was added: "loop".

Once again, thank you all for all these downloads.
Enjoy!

supersonictt · Post by **supersonictt** » Tue May 01, 2012 7:44 pm

Thanks a lot for the update

The project am working on is all built on your extensions, and replaced the old ones with those new ones, works perfectly.
The site will be published very soon, so I really would like you to see what your extensions added to my website

so, THANKS A MILLION

[RZ] · Post by **[RZ]** » Tue May 01, 2012 7:49 pm

thanks again for your kind words (as usual).
glad to know that all is working fine and hope to see your site online soon.

[RZ] · Post by **[RZ]** » Mon May 07, 2012 7:04 am

thank you saer for your kind and encouraging words!
feedback is always highly appreciated.

[RZ] · Post by **[RZ]** » Tue May 08, 2012 1:16 pm

* NEW in this Pre-release:

New behavior in Open/Close synchronized layers:
- open on hover: triggers the open sequence when the mouse is over the open icon; no click required.
- deactivate close: this option implies that the only way to close the current opened layer is opening another synchronized layer.
Now the scrolling layers may act as a sophisticated menu!

DOWNLOAD AVAILABLE HERE (*** link removed - this update is obsolete ***)

(at this stage I must thank to supersonictt and bendigo, for their patience and their fresh and advanced ideas that contributed to make these extensions set what they are today; please forgive me if forgot to mention someone else that for sure in a way has contributed as well.)

supersonictt · Post by **supersonictt** » Tue May 08, 2012 11:05 pm

[RZ],
Thank you very much for your time in updating and improving this extension

I simply LOVE IT.
Thanks a lot for your kind words, I am always ready to try and give my feedback in order to improve your extensions and other members' extensions.
And as I said before, my whole site is built on your extension... I went through three designs before, and when this extension showed up I decided to change everything in the past designs and implement your extension... The feedback from everybody around me (especially my graphic designer friends) was like "WOW!!". The site now is in its final graphical touches phase, and I cannot wait to show you what your extension made to my site

Concerning the pre-release, I will -for sure- try the new features and give my feedback as soon as am done publishing my site.

By the way, by trying the extensions you made, and those other great extensions other members' made, you all gave me the courage to start building some useful extensions though am not talented as you guys, but I will try and give it a shot

A million thanks [RZ]

[RZ] · Post by **[RZ]** » Wed May 09, 2012 9:51 am

gzagone wrote:Hello, congratulations and many thanks for your excellent work. I am a good web designer, but a bad programmer! In your beautiful example "scrolling layers" I saw that to open the layers do not use only the "icons" but the text line. How can I do this? Where do I write the functions? Could you post an example of using the text function? Thank you very much for the answer you could give.
Congratulations again for your wonderful work!

thank you for your kind words; your feedback is highly appreciated.
well, the info file lets you know about it.
anyhow, here are a few simple steps:
1. type in your text as you usually do in a standard text object.
2. mark a link as you usually do.
3. select the events tag.
4. add an event, onclick -> javascript
5. now the "heavy part": write the ID you entered for the extension that manages the layers you want to open or close, let's say "MyObject", so, the method to open/close is: MyObject_switch();
simple right?
now for your info, MyObject_open(); starts the open sequence, MyObject_close(); starts the close sequence, but you have a simpler way: MyObject_switch(); that automatically closes if opened or opens if closed.
hope this helps.
let me know if you need further assistance.

supersonictt · Post by **supersonictt** » Wed May 09, 2012 1:00 pm

[RZ] is my teacher

he helped me a lot with this extension, so I might be able to help you as well.
Whet is the specific extension you are using?

supersonictt · Post by **supersonictt** » Wed May 09, 2012 1:08 pm

Your welcome

So is it the open/close extension? or opern/close/default? ...
Which is the exact one you are using?

[RZ] · Post by **[RZ]** » Wed May 09, 2012 1:12 pm

to open and close synchronously, use OC2 instead of OC, the properties are the same, only one concept was added, "group" -> don't synchronize or belongs to all groups.
1. don't synchronize: open and close individually
2. belongs to all groups: close all and open the selected layers

if you need to refine this, you can type in the group name instead of select "don't" or "belongs to all".
let's say, "panel_1" is the group name.
all the layers belonging to "panel_1" will be closed and then the open sequence is triggered for the selected layers.

hope this helps and THANKS for your kind words.
also THANKS to supersonictt for the help on this topic.

supersonictt · Post by **supersonictt** » Wed May 09, 2012 1:14 pm

So I understand from you that you are using more than one open/close extension on the same page, right?

*****EDIT*****
[RZ] is faster then me

supersonictt · Post by **supersonictt** » Wed May 09, 2012 1:45 pm

Try the onLoad event for the page, and set the javascript function as [RZ] mentioned in his last post.

[RZ] · Post by **[RZ]** » Wed May 09, 2012 1:48 pm

use the visibility property.
read the properties descriptions... this is also helpful.
hidden: the layers are closed when the page loads.
visible: the layers are automatically opened when the page loads.

(@supersonictt: mmm... dont need onload events... i mean dont need to add code.)

[RZ] · Post by **[RZ]** » Wed May 09, 2012 1:53 pm

sorry for repost, but seems to me that events in this case are not needed.
the startup process does it for you.

supersonictt · Post by **supersonictt** » Wed May 09, 2012 7:41 pm

[RZ] wrote:use the visibility property.
read the properties descriptions... this is also helpful.
hidden: the layers are closed when the page loads.
visible: the layers are automatically opened when the page loads.

(@supersonictt: mmm... dont need onload events... i mean dont need to add code.)

I totally agree, but what if someone wants the layer (oc2 extension) to open after 5 seconds from page load? I think it needs the code you gave me before about timed events, right?

[RZ] · Post by **[RZ]** » Wed May 09, 2012 7:45 pm

I totally agree, but what if someone wants the layer (oc2 extension) to open after 5 seconds from page load? I think it needs the code you gave me before about timed events, right?

100%

supersonictt · Post by **supersonictt** » Wed May 09, 2012 8:03 pm

I tried it with times events in my project, works like a charm

Thanks a lot [RZ]

[RZ] · Post by **[RZ]** » Thu May 10, 2012 8:14 pm

* NEW in version 1.6.0:

New behavior in Open/Close synchronized layers:
- open on hover: triggers the open sequence when the mouse is over the open icon; no click required.
- deactivate close: this option implies that the only way to close the current opened layer is opening another synchronized layer.
Now the scrolling layers may act as a sophisticated menu!

New easing effect (with 30 variations) added in each extension for visual bouncing/elastic movements.
The following chart may be useful to understand these variations: http://jqueryui.com/demos/effect/easing.html

Please see the first post for download links.
Thank you all!

supersonictt · Post by **supersonictt** » Sun May 13, 2012 8:48 pm

Hello [RZ]

There is something weird happened to my saved project!
After updating the software to version 8.1.5, the layers no longer open in synchronize mode (I mean synchronized layers)!
Just wanted to point this out for you to know

[RZ] · Post by **[RZ]** » Sun May 13, 2012 9:29 pm

the demo that is online, is working fine for me.
are you using other code? other extensions?

supersonictt · Post by **supersonictt** » Sun May 13, 2012 9:35 pm

In which WWB version did you use for the demo?
My project works fine with WWb 8.1, but I updated WWB to version 8.1.5 (the latest which was released a few hours ago) and the synchronized layers are not working anymore!
Let me double check that and get back to you.

Thanks a lot [RZ] for your quick reply.