jor_tabManipulation 5.0

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
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

jor_tabManipulation 5.0

Post by jordan »

jor_tabManipulation 5.0

Image

=============================================================================

jor_tabManipulation update 5 can be used to manipulate the WB jQuery Tabs in 3 ways:

01. single style a WB jQuery Tabs easy with any of the 24 default themes
02. customize all properties
03. create external control

jor_tabManipulation update 5 is a rewrite of jor_tabManipulation ... now the ultimate single style jQuery Tabs manipulator!:)

NEW**! in update 5
- direct select any of the 24 default themes by a single property
- customize all properties, - even switch back and forth between default themes maintaining customized settings
- option corner radius
- option external control trace mouse behavior ...

=============================================================================

DEMO jor_tabManipualtion: visit jorextensions.com
DOWNLOAD: jor_tabManipulation

Builder: jordan (6j6)
Code: jordan (6j6)
EB version: 4.1.0
WB version: 8+
jQuery lib: 1.7.2/1.9.1/1.11.1
jQuery UI: 1.8.2/1.10.0
W3C valid: Html, Xhtml
License: released under the MIT and GPL licenses

HISTORY:
-#-#-#- update 1 - 4: -#-#-#- 17/jul/11 - 07/jul/13
01. note: jor_tabManipulation update 5 is a rewrite of jor_tabManipulation (see .pdf in download)

-#-#-#- update 5: -#-#-#- 19/oct/14
01. new: select any of the 24 default themes by a single property
02. new: option corner radius
03. new: option external control trace mouse behavior
04. enhanced: option disable theme instance
05. enhanced: added color mode properties (not used/used/transparent)
Last edited by jordan on Mon Dec 08, 2014 3:55 pm, edited 20 times in total.
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jor_tabManipulation___*NEW*

Post by protectourlands »

Jordan this is a fantastic extension. I can use this to make member business directories broken down by category. Brilliant!
User avatar
BaconFries
 
 
Posts: 5327
Joined: Thu Aug 16, 2007 7:32 pm

Re: jor_tabManipulation___*NEW*

Post by BaconFries »

Very nice mate :)
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: jor_tabManipulation___*NEW*

Post by haakoo »

Jordan,

Nice ext. as always but it's lacking a mean aspect to this
(not real) deeplinking is provided with this setup which makes the back button very useful but this needs to be placed at every sub-page.
html object(or page-html) option or tag 'before </body>'

Code: Select all

<script type="text/javascript">
top.document.title=this.document.title;
</script>
Now give your sub-pages distinctive names and it will be easy accessible through the back button

NOTE: the iframes must be having no link or just the first one on initial load because the last loaded(tab2) will be the one in the document title.

Hans
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

@ protectourlands – Great you have found some good use for it … glad! . :) .
@ BaconFries – 8) .
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

hi haakoo,

hmmm … I don't get it, how does this create a back button on a jQuery Tabs ?

if I want to get the title of a sub-page (iframe) I could probably do something like …
$('iframe').bind('load',function(){document.title=$(this).contents().find('title').html()});
… I wouldn't have to add code to each subsequent page
… but this won't work on a jQuery Tab either, there is no load of the frame ? . so I would have to add …
$('jQueryTabs1 a').bind('click',function(){document.getElementById('InlineFrame???').contentWindow.location.reload();document.title=$(this).contents().find('title').html()});
… something like this would work probably …

but then I got the page title, then what do I do with it ? ... it doesn't give me a working back button on a Tab ?
I guess I simply don't understand what your trying to achieve . :? .

:?:
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: jor_tabManipulation___*NEW*

Post by zinc »

Jordan do you have a live sample for this?
Running WYSIWYG Web Builder since 2007...
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

hello bendigo,

there is a jor_tabManipulation_easystart.wbs project in the download

but I will add, at least temporary a live-demo tomorrow
I am working on a little update for this extension tho
cause although I don't understand what haakoo was asking, he did give me a good idea
I am adding a tab title change on event, so the content of the tab can be reflected in the tab title
and some other improvents, just a little work in progress . :idea: .
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: jor_tabManipulation___*NEW*

Post by Patr100 »

There's no wbx file in the download so how is this an extension ?



Open the demo wbs file and its says wbx is missing!
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

Patr100 wrote:There's no wbx file in the download so how is this an extension ?



Open the demo wbs file and its says wbx is missing!
don't know what you downloaded Patr100, but here it just downloads as the complete .rar . :shock: .

jor_tabManipulation.rar
01. jor_tabManipulation_easystart (.wbs)
02. jor_tabManipulation.pdf
03. jor_tabManipulation.wbx

that's the complete zip
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: jor_tabManipulation___*NEW*

Post by Patr100 »

Ok I have installed all the files and tested but I don't really see I would have much use for it
unless I am missing something.
optionally at the same time control an InlineFrame creating dynamic page settings
??

I see scroll bars the same as if I added iframes manually to each tab - How is this dynamic?
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

dynamic in controlling the content and control of tab
where does it say the iframe is controlled dynamic ?
and when did this extension became jor_Patr100_tabManipulation ? . :mrgreen: .
if you can use it then that's great, if you can't then you can't
if you get it, then you get it, if you don't then you don't
tomorrow I will put up an example page, maybe that will help you
if not … nothing more I can do!

. :D .
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: jor_tabManipulation___*NEW*

Post by haakoo »

@Patr100,

It's just a simple extension to control content to be shown inside an iframe inside a tabbed window.
It's controled from outside the tabs so you could have this tab window in the center and have different textual links set to point at the tab windows and control it

@ jordan

I was busy with some thingies to have some deeplinking in a page with ajax and thought it might work with this extension,in a way it does but not completely.
I made good use of your animate V1 in this,but would like to know why you dropped the option,inV2, to switch off the jQuery version.
When there's another item on the page that uses jQuery it will conflict.

Hans
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: jor_tabManipulation___*NEW*

Post by zinc »

@Jordan;

Yes thank you I have seen the sample. Great stuff....
Running WYSIWYG Web Builder since 2007...
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

haakoo wrote:When there's another item on the page that uses jQuery it will conflict.
hi haakoo,

regarding your back-button idea, that's exactly what I figured actually,
but I thought you where doing something with Flash trying to mix two thought into one …
hehe I wasn't that far off . :) .

you mean jor_aniMate1 vs jor_aniMate2 I guess
it is not turned off, it uses the extensions new integrated jQuery enable
by doing so there is always one library call per page, so no jQuery conflict
the problem in it is only that the jQuery library is moving forward rapid, current release is 1.6.2
while Webbuilder remains at using the 1.4.2 version, at the moment
but I have seen very few extension being released above 1.4.2, I have seen some with 1.5.0
as long as code out there works with 1.4.2 and is released under WB as such, there will likely be no problem
myself I would like to see the jQuery library being updated more frequent in WB
(most of the jQuery library updates are very well backward compatible)
but … that would take away much time of Pablo having to retest each time of course
I'm sure a major new release of WB will make use of the latest(?) jQuery version(s)
so in short … -too late- :mrgreen: … no there will be no conflict, the way V2 is setup is better then V1
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

bendigo wrote:@Jordan;

Yes thank you I have seen the sample. Great stuff....
OK good bendigo still here is a temporary live demo page
it's just a quick little live demo page, cause I am still working on the update
but it should give an idea of the updated version and it's use . :) .
please see top post …

cheers!
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: jor_tabManipulation___*NEW*

Post by haakoo »

@jordan,

I meant in v1 you had the option to switch off jquery and in v2 there isn't.
Maybe some crosscommunication here :?: :P
You're right about the rapid dev. in jquery

Hans
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

nope … no miss communication haakoo !
if you place two jor_aniMateSETUPs on one page, then look at the rendered code
there will only be one library call …
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
so there is no conflict, as only on library is called, it's automatically set like this by WB

if other user-extensions use there own call, then yes there is a possible conflict
… then I hope they will update there extension accordingly if requested . :? .
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: jor_tabManipulation___*NEW*

Post by haakoo »

v2 works like that,ok
v1 had an issue with the buildin stickylayer

Hans
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation___*NEW*

Post by jordan »

no exactly that will be avoided when setting it up this way
I made a mistake with 2 jor_aniMateSetups, I meant to say a user and build-in (extension)
like jor_aniMateSETUP and jQueryTabs (or StickyLayer) i.e. they won't conflict this way
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update1

Post by jordan »

jor_tabManipulation_update 1

extension rewrite, most significant adds are ...

01. tab title set
02. hide tab(s) on page load
03. hide + show tab(s) by event
many examples in the jor_tabManipulation_easystart.wbs

see top post for complete update history ...
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: jor_tabManipulation_update1

Post by amrajadhyaksha »

Mediafire has been blocked in India per the instructions of the Govt.
Can you also host the file on say, megaupload or some such?
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update1

Post by jordan »

hi amrajadhyaksha,

temp download from here ---> link removed
Last edited by jordan on Wed Jul 20, 2011 9:48 pm, edited 1 time in total.
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: jor_tabManipulation_update1

Post by amrajadhyaksha »

Thanks a lot, Jordan, very considerate of you.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update2___*NEW* Custom Theming

Post by jordan »

jor_tabManipulation_update 2

NEW … custom theming without the use of jQuery themeroller, combine in-built themes or build complete new themes from scratch
many new examples in the jor_tabManipulation_easystart.wbs

see top post for complete update history ...
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update3

Post by jordan »

jor_tabManipulation_update 3

1. changed: automatic revert correction on select/active (=tab revert removed)
2. changed: _TARGET_TAB is now _SELF (trigger id)
3. added: 6 more jQuery default themes (total:15)
4. fixed: IE7 tab hide showed list type

see top post for complete update history ...
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 4

Post by jordan »

jor_tabManipulation update 4

jor_tabManipulation update 4 is a rewrite of jor_tabManipulation ...

01. removed show/hide/iframe manipulation removed
02. changed: content is stored in jor_ui_themes folder

for full update history, demo and download see top post
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jor_tabManipulation_update 4

Post by protectourlands »

Hi Jordan

When I try the extension it works great setting the theme. But it seems to override the padding settings in the tabs object. Do I need to do something to prevent this?
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 4

Post by jordan »

cover_data wrote:hi jordan
nice work!
please upload version 2 :roll:
me need update 2 for old software WYSIWYG Web Builder 7 :idea:
thanks .
hello cover_data,

I'm sorry but I don't have a copy of update2 anymore:(
I usually just create a new/updated version and don't look back . sorry!
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 4

Post by jordan »

protectourlands wrote:Hi Jordan

When I try the extension it works great setting the theme. But it seems to override the padding settings in the tabs object. Do I need to do something to prevent this?
hi protectourlands,

hmmm, jor_tabManipulation does nothing to the padding ?
it works correct here, I can set padding/margin
does this also happen in a blank new project ?
do you maybe have a live example so I can see what's happening …
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jor_tabManipulation_update 4

Post by protectourlands »

Hi Jordan

Published a test page and it worked fine. It's only in the quick preview that the padding doesn't show. No worries. Thank you.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 4

Post by jordan »

hi cover_data,

if it isn't in the extension and can't/won't be added then it simply becomes custom coding
I'm sorry but I can't help you with that, custom coding can take up much time
looking at your example code does not give me any idea of what you trying to achieve
that alone would take time, then the coding itself ?
unless you have a clear idea, clear code then no sorry, I can't help you with that
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 4

Post by jordan »

protectourlands wrote:Hi Jordan

Published a test page and it worked fine. It's only in the quick preview that the padding doesn't show. No worries. Thank you.
ah, o.k very good, glad to know it works!:)
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 5

Post by jordan »

jor_tabManipulation update 5

jor_tabManipulation update 5 is a rewrite of jor_tabManipulation ... now the ultimate single style jQuery Tabs manipulator!:)

01. new: select any of the 24 default themes by a single property
02. new: option corner radius
03. new: option external control trace mouse behavior
04. enhanced: option disable theme instance
05. enhanced: added color mode properties (not used/used/transparent)

see a cool new demo for jor_tabManipulation at - visit jorextensions.com

for full update history, demo and download see top post
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jor_tabManipulation_update 5 **NEW**

Post by protectourlands »

You've done it again Jordan. Thank you for making this available. I use all your manipulation extensions. They are fantastic!
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_tabManipulation_update 5 **NEW**

Post by jordan »

hehe:), always nice to hear protectourlands, hope you create something great with them:)
Post Reply