$("#ID").splitter({ type: "v", minA: 100, initA: 150, maxA: 300, accessKey: "|" })
JQuery::Splitter - Split into panes
Version 1.00
JQuery::Splitter is used to split an area into two panes. This can be extended to three or more by nesting
use JQuery; use JQuery::Splitter ; my $splitter1 = JQuery::Splitter->new(id => 'MySplitter', addToJQuery => $jquery, browserFill => 1, type => 'v', HTML1 => $leftHTML, HTML2 => $rightHTML) ;
This module is a bit more complicated than others, since CSS needs to be set to get good results. For complete information see http://methvin.com/jquery/splitter/
my $mainPanelCSS = new JQuery::CSS(hash => {'#MySplitter' => {'min-width' => '500px', 'min-height' => '300px', border => '4px solid #669'}}) ; my $panel1CSS = new JQuery::CSS(hash => { '#LeftPanel' => {background => 'blue', padding => '8px'}}) ; my $panel2CSS = new JQuery::CSS(hash => { '#RightPanel' => {background => 'yellow', padding => '4px'}}) ; my $splitter1 = JQuery::Splitter->new(id => 'MySplitter', addToJQuery => $jquery, browserFill => 1, type => 'v', accessKey => "I", panel1 => 'LeftPanel', panel2 => 'RightPanel', mainPanelCSS => $mainPanelCSS, panel1CSS => $panel1CSS, panel2CSS => $panel2CSS, panel1Params => {minA => 100, initA => 100, maxA => 1000}, splitBackGround => 'pink', splitActive => 'red', splitHeight => '6px', splitRepeat => 1, HTML1 => $leftHTML, HTML2 => $rightHTML) ;
Have a look at the splitter examples.
Add the item to JQuery
Set this to 1 if you want the panel to fill the whole page
Set to h for horizontal split and v for vertical split
Allows user access to a splitter bar through the keyboard
Give an id to the left/top panel
Give an id to the right/bottom panel
Define CSS for the main panel
Define CSS for the left/top panel
Define CSS for the right/bottom panel
Minimum size for the panel
Initial size for the panel
Maximum size for the panel
Define the colour for the background of the splitter bar
Define the colour for the splitter bar when it is active
Define the size of the splitter bar
Set the HTML for the top/left panel
Set the HTML for the bottom/right panel
If panels are put one inside another, the internal panels must have this flag set. The splitter bars take all their definitions from the outermost panel. That is, they cannot be changed.
Get the HTML for the object
Instantiate the object
Set HTML1 for the object
Set HTML2 for the object
Peter Gordon, <peter at pg-consultants.com>
<peter at pg-consultants.com>
Please report any bugs or feature requests to bug-jquery-taconite at rt.cpan.org, or through the web interface at http://rt.cpan.org/NoAuth/ReportBug.html?Queue=JQuery. I will be notified, and then you'll automatically be notified of progress on your bug as I make changes.
bug-jquery-taconite at rt.cpan.org
You can find documentation for this module with the perldoc command.
perldoc JQuery
You can also look for information at:
AnnoCPAN: Annotated CPAN documentation
http://annocpan.org/dist/JQuery
CPAN Ratings
http://cpanratings.perl.org/d/JQuery
RT: CPAN's request tracker
http://rt.cpan.org/NoAuth/Bugs.html?Dist=JQuery
Search CPAN
http://search.cpan.org/dist/JQuery
Copyright 2007 Peter Gordon, all rights reserved.
This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself.
To install JQuery, copy and paste the appropriate command in to your terminal.
cpanm
cpanm JQuery
CPAN shell
perl -MCPAN -e shell install JQuery
For more information on module installation, please visit the detailed CPAN module installation guide.