jor_tabManipulation 5.0

[jordan]

jor_tabManipulation 5.0



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

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)

[protectourlands]

Jordan this is a fantastic extension. I can use this to make member business directories broken down by category. Brilliant!

[BaconFries]

Very nice mate

[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]

@ protectourlands – Great you have found some good use for it … glad! . .
@ BaconFries – .

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

[zinc]

Jordan do you have a live sample for this?

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

[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]

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

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

that's the complete zip

[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]

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

. .

[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

[zinc]

@Jordan;

Yes thank you I have seen the sample. Great stuff....

[jordan]

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- … no there will be no conflict, the way V2 is setup is better then V1

[jordan]

@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]

@jordan,

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

Hans

[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]

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

Hans

[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]

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

[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]

hi amrajadhyaksha,

temp download from here ---> link removed

[amrajadhyaksha]

Thanks a lot, Jordan, very considerate of you.

[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]

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]

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

[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]

hi jordan
nice work!
please upload version 2
me need update 2 for old software WYSIWYG Web Builder 7
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]

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 …

[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]

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]

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]

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

[protectourlands]

You've done it again Jordan. Thank you for making this available. I use all your manipulation extensions. They are fantastic!

[jordan]

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