GSP
Quick Navigator

Search Site

Unix VPS
A - Starter
B - Basic
C - Preferred
D - Commercial
MPS - Dedicated
Previous VPSs
* Sign Up! *

Support
Contact Us
Online Help
Handbooks
Domain Status
Man Pages

FAQ
Virtual Servers
Pricing
Billing
Technical

Network
Facilities
Connectivity
Topology Map

Miscellaneous
Server Agreement
Year 2038
Credits
 

USA Flag

 

 

Man Pages
JQuery::Splitter(3) User Contributed Perl Documentation JQuery::Splitter(3)

$("#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
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>"

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.

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.

2025-07-04 perl v5.40.2

Search for    or go to Top of page |  Section 3 |  Main Index

Powered by GSP Visit the GSP FreeBSD Man Page Interface.
Output converted with ManDoc.