jor_tabManipulation 5.0

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
jordan
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

jor_tabManipulation 5.0

Post by jordan » Wed Jul 13, 2011 2:18 pm

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: 745
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: jor_tabManipulation___*NEW*

Post by protectourlands » Wed Jul 13, 2011 2:54 pm

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

User avatar
BaconFries
 
 
Posts: 4483
Joined: Thu Aug 16, 2007 7:32 pm

Re: jor_tabManipulation___*NEW*

Post by BaconFries » Wed Jul 13, 2011 4:50 pm

Very nice mate :)

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

Re: jor_tabManipulation___*NEW*

Post by haakoo » Wed Jul 13, 2011 7:31 pm

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Wed Jul 13, 2011 11:56 pm

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

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Thu Jul 14, 2011 12:03 am

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: 1564
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: jor_tabManipulation___*NEW*

Post by zinc » Fri Jul 15, 2011 5:52 am

Jordan do you have a live sample for this?

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Fri Jul 15, 2011 11:13 pm

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: 308
Joined: Tue Dec 25, 2007 10:52 pm

Re: jor_tabManipulation___*NEW*

Post by Patr100 » Sat Jul 16, 2011 12:06 am

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Sat Jul 16, 2011 12:15 am

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: 308
Joined: Tue Dec 25, 2007 10:52 pm

Re: jor_tabManipulation___*NEW*

Post by Patr100 » Sat Jul 16, 2011 12:40 am

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Sat Jul 16, 2011 12:54 am

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: 319
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: jor_tabManipulation___*NEW*

Post by haakoo » Sat Jul 16, 2011 7:46 am

@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: 1564
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: jor_tabManipulation___*NEW*

Post by zinc » Sat Jul 16, 2011 8:35 am

@Jordan;

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

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

Re: jor_tabManipulation___*NEW*

Post by jordan » Sat Jul 16, 2011 12:30 pm

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

Post Reply

Who is online

Users browsing this forum: No registered users and 6 guests