Object ID Fader - Extension Updated ***26/03/2012***

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

Image Object ID Fader

Image

Description
Fade in and display object’s on page load.

What does it do?
This extension will fade in Objects on page load with Delay & Speed effects.

Features
Onload Objects with fade in effects
Delay Function for Fade in Effects
Multiple Objects at one time!
Uses the jQuery library
Drag n’ Drop Extension

How to use… Drag and drop this extension, double click to enter the properties and select your Object
ID’s to fade in when your page loads, add a delay to each Object to make a great loading
effect!


Download & Demo
http://www.funky5.co.uk

UPDATE
Now works with 'Text' Objects

Special Thanks! go to presto for helping and supplying the xsl file to make mutlple objects selectable!


More WYSIWYG Web Builder Extensions available at http://www.funky5.co.uk


Cheers,
Scott
Last edited by madebyibloo on Mon Mar 26, 2012 10:52 am, edited 5 times in total.
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Object ID Fader - Extension

Post by Adendum »

Nice one Scott .......

But am I right in thinking that this wont work with text objects? Try as had as I can I can't get a text object to fade.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by zinc »

Great work Scott!!! Like Like Like
Running WYSIWYG Web Builder since 2007...
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by madebyibloo »

Adendum wrote:Nice one Scott .......

But am I right in thinking that this wont work with text objects? Try as had as I can I can't get a text object to fade.

Hi Paul! Thank you! hmmm your thoughts are very correct! I'll look at this issue for the next update, in the mean time, you can always 'publish text as image' for it to work but then you would lose links etc. or you could Create a layer and insert 'text' onto the layer then select that layer in the Object ID Fader properties for it to work with 'text' objects.




Cheers,
Scott
Last edited by madebyibloo on Sat Mar 24, 2012 4:02 pm, edited 1 time in total.
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by madebyibloo »

bendigo wrote:Great work Scott!!! Like Like Like
Hi B! Thank you! its only somehting minor but used correctly, it can have great effects for galleries etc with the use of the delay function :)




Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
presto
 
 
Posts: 138
Joined: Tue Aug 24, 2010 5:19 pm
Contact:

Re: Object ID Fader - Extension

Post by presto »

Why didn't you make use of the possibilities of the extension maker?

1. The extension uses DIV container, which produces additional code with no sense.

2. Extension builder offers the possibility to let WWB decide to upload jQuery or not (since it is already included with another item of the site), so it is not neccessary to make the selection yourself.This makes sense to avoid the use of different versions of jQuery in one page.

3. You have limited the numbers of objects to 10. Use the dataset property combined with an XSL-template and you can use as many objects as you like.

I have re-written your extension to overcome these handicaps. If you are interested I can send the xwb-code and the XSL template to you.

Anyway, great idea and I like the effect pretty much.
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by madebyibloo »

presto wrote:Why didn't you make use of the possibilities of the extension maker?

1. The extension uses DIV container, which produces additional code with no sense.

2. Extension builder offers the possibility to let WWB decide to upload jQuery or not (since it is already included with another item of the site), so it is not neccessary to make the selection yourself.This makes sense to avoid the use of different versions of jQuery in one page.

3. You have limited the numbers of objects to 10. Use the dataset property combined with an XSL-template and you can use as many objects as you like.

I have re-written your extension to overcome these handicaps. If you are interested I can send the xwb-code and the XSL template to you.

Anyway, great idea and I like the effect pretty much.
Hi presto! Thanks for your input! always appreciated!

I'm not understanding what you mean by 'WWB decide to upload jQuery or not', In my experience its always good to have a choice to select if you are already using jquery in other objects, otherwise the extension will not work (sticky layers for example)....basically if you have 'no' jquery objects on the page in WB and you decide to choose this extension then you need jquery included for it to work. Hope i'm making sense.

As for the 'number of objects', i basically wrote eveything pretty quicky and released it, so thats my bad on my part, a rush job lets say cause i'm abit snowed under with work and life etc, but thats what I always use the versions for for future updates :)

As for your offer, Yes please! any help and input on these kind of things is always appreciated as it saves me so much time! So thank you very much for the offer, could you please send all files across to my Ibloo.co.uk email address which you can find on my website.


Thanks for your input, i'm always trying to come up with simple but effective ideas that are not widely available so thanks for your respect. :)



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: Object ID Fader - Extension

Post by haakoo »

You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.

Hans
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by madebyibloo »

haakoo wrote:You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.

Hans
Thanks Hans! appreciate it! :)



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by madebyibloo »

Guys I need your input please.....Like Hans said regarding the 'text object', I'm not sure what direction to go with, with the next update?

Here's the choices,

1) Leave as is and make a note in the pdf regarding 'wb_' prefix when inputting text.

2) Change the actaul output code to include 'wb_' (This would work with Shapes & Text as Hans mentioned but would not work for objects such as 'Layers' which dont have the prefix wb_

3) Include actaul options in the properties section of the extension to include a prefix option true/false (This might get to complicated for beginner users etc as I would like to keep it as simple as possible for all)


Whats your thoughts? your input is appreciated :)


Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Object ID Fader - Extension

Post by zinc »

Option 2 please :D
Last edited by zinc on Sun Mar 25, 2012 6:50 pm, edited 1 time in total.
Running WYSIWYG Web Builder since 2007...
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Object ID Fader - Extension

Post by Adendum »

I would have thought option 2 would be safer. Makes it easier for the end user and no need to remember the wb_. But I guess you'll have to make that an option just for text objects.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

Hi guys, the Update is now available! Thanks to presto and his help with the xsl, you can now select multiple objects including text objects!




Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by Adendum »

Nice one Scott.....we can have fun with this one! Many thanks.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

Adendum wrote:Nice one Scott.....we can have fun with this one! Many thanks.

Thanks Paul! appreciated!



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by zinc »

As always great work Scott!!!!
Running WYSIWYG Web Builder since 2007...
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

bendigo wrote:As always great work Scott!!!!
Thanks B! we always like new toys to play with! :)



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by zinc »

Yes It is people like yourself, Paul and BaconFries and RZ who are the masters of extensions and have really given WWB some really powerful features which otherwise would have been hard to incorporate into the project. So well done to you and the other members of this forum who put time and effort in helping the others and come up with cool features. :D
Running WYSIWYG Web Builder since 2007...
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

bendigo wrote:Yes It is people like yourself, Paul and BaconFries and RZ who are the masters of extensions and have really given WWB some really powerful features which otherwise would have been hard to incorporate into the project. So well done to you and the other members of this forum who put time and effort in helping the others and come up with cool features. :D
Thanks B! thats awesome of you to say all that! it's always good to have great feedback as I have no hair left to pull out when I get stuck with extensions lol, so its very appreciated thank you :)

You gotta give yourself some credit aswell!, you've come up with some great extensions!!! so thank you to you too! I came from using dreamweaver & flash for years then onto WB from about version 5 i believe and what a differenece it makes for the ease of use with great extensions, great support, aswell as a great and family style forum! I would never use any other software at all apart from this!




Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by jordan »

hi SUB,

TNX for your index update mail! . nice extension . :) .

you could correct that wb_ thing automatic in your script, change your script something like (rough xsl) ...

<xsl each>
var wb='#wb_';if ($('#wb_<value SELECTOR>').length==0) {wb='#'};$(wb+'<value SELECTOR>').hide().delay(0).fadeIn(1500);
</xsl each>


you also might want to place the script in the EB3 'document ready' tag, limiting the 'ready' writes
maybe you can use it ?

cheers!
supersonictt
 
 
Posts: 398
Joined: Sun May 15, 2011 10:27 am

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by supersonictt »

@SUB

Hello, and great extension :)
While I was playing with your extension, I found out that the output in the javascript is "hide and FadeIn", so I tried changing these to "show and FadeOut" and it worked.
Would it be possible to choose whether to fade in or out the object using the extension (in a future update) without editing the generated html file?
That would be really useful :)

Thank you :)
diemer
 
 
Posts: 3
Joined: Tue Feb 22, 2011 12:09 am

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by diemer »

waa ...
Cool ... works great. It's perfect .... But a small suggestion ... that would make perfect and indispensable if you can choose the "appearance", I mean ... now, the objects appear to fade ... would be very interesting to say .. slithering objects appear from a side or from above .... more or less with the options offered Wb in the section "Show with effect .."

Is it possible or not? ... Guess that will be hard work, but phew ... would be so good ... ;-)

WB is great .... but the forum members are ... more.

sorry for my English :-)
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by madebyibloo »

diemer wrote:waa ...
Cool ... works great. It's perfect .... But a small suggestion ... that would make perfect and indispensable if you can choose the "appearance", I mean ... now, the objects appear to fade ... would be very interesting to say .. slithering objects appear from a side or from above .... more or less with the options offered Wb in the section "Show with effect .."

Is it possible or not? ... Guess that will be hard work, but phew ... would be so good ... ;-)

WB is great .... but the forum members are ... more.

sorry for my English :-)

I will look into this for you



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
diemer
 
 
Posts: 3
Joined: Tue Feb 22, 2011 12:09 am

Re: Object ID Fader - Extension Updated ***26/03/2012***

Post by diemer »

Thank a lot SUB for the reply, and for try help us.

Diemer
Post Reply