update Piwik to version 2.16 (fixes #91)
This commit is contained in:
oliver
parent
9abe039dc8
commit
47263617c5
84 changed files with 418860 additions and 226988 deletions
278
www/analytics/libs/bower_components/jScrollPane/GPL-LICENSE.txt
vendored
Normal file
278
www/analytics/libs/bower_components/jScrollPane/GPL-LICENSE.txt
vendored
Normal file
|
|
@ -0,0 +1,278 @@
|
|||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1989, 1991 Free Software Foundation, Inc.
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
License is intended to guarantee your freedom to share and change free
|
||||
software--to make sure the software is free for all its users. This
|
||||
General Public License applies to most of the Free Software
|
||||
Foundation's software and to any other program whose authors commit to
|
||||
using it. (Some other Free Software Foundation software is covered by
|
||||
the GNU Lesser General Public License instead.) You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
have the freedom to distribute copies of free software (and charge for
|
||||
this service if you wish), that you receive source code or can get it
|
||||
if you want it, that you can change the software or use pieces of it
|
||||
in new free programs; and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if you
|
||||
distribute copies of the software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must give the recipients all the rights that
|
||||
you have. You must make sure that they, too, receive or can get the
|
||||
source code. And you must show them these terms so they know their
|
||||
rights.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and
|
||||
(2) offer you this license which gives you legal permission to copy,
|
||||
distribute and/or modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
software. If the software is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original, so
|
||||
that any problems introduced by others will not reflect on the original
|
||||
authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that redistributors of a free
|
||||
program will individually obtain patent licenses, in effect making the
|
||||
program proprietary. To prevent this, we have made it clear that any
|
||||
patent must be licensed for everyone's free use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License applies to any program or other work which contains
|
||||
a notice placed by the copyright holder saying it may be distributed
|
||||
under the terms of this General Public License. The "Program", below,
|
||||
refers to any such program or work, and a "work based on the Program"
|
||||
means either the Program or any derivative work under copyright law:
|
||||
that is to say, a work containing the Program or a portion of it,
|
||||
either verbatim or with modifications and/or translated into another
|
||||
language. (Hereinafter, translation is included without limitation in
|
||||
the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running the Program is not restricted, and the output from the Program
|
||||
is covered only if its contents constitute a work based on the
|
||||
Program (independent of having been made by running the Program).
|
||||
Whether that is true depends on what the Program does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Program's
|
||||
source code as you receive it, in any medium, provided that you
|
||||
conspicuously and appropriately publish on each copy an appropriate
|
||||
copyright notice and disclaimer of warranty; keep intact all the
|
||||
notices that refer to this License and to the absence of any warranty;
|
||||
and give any other recipients of the Program a copy of this License
|
||||
along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and
|
||||
you may at your option offer warranty protection in exchange for a fee.
|
||||
|
||||
2. You may modify your copy or copies of the Program or any portion
|
||||
of it, thus forming a work based on the Program, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) You must cause the modified files to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
b) You must cause any work that you distribute or publish, that in
|
||||
whole or in part contains or is derived from the Program or any
|
||||
part thereof, to be licensed as a whole at no charge to all third
|
||||
parties under the terms of this License.
|
||||
|
||||
c) If the modified program normally reads commands interactively
|
||||
when run, you must cause it, when started running for such
|
||||
interactive use in the most ordinary way, to print or display an
|
||||
announcement including an appropriate copyright notice and a
|
||||
notice that there is no warranty (or else, saying that you provide
|
||||
a warranty) and that users may redistribute the program under
|
||||
these conditions, and telling the user how to view a copy of this
|
||||
License. (Exception: if the Program itself is interactive but
|
||||
does not normally print such an announcement, your work based on
|
||||
the Program is not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Program,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program
|
||||
with the Program (or with a work based on the Program) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may copy and distribute the Program (or a work based on it,
|
||||
under Section 2) in object code or executable form under the terms of
|
||||
Sections 1 and 2 above provided that you also do one of the following:
|
||||
|
||||
a) Accompany it with the complete corresponding machine-readable
|
||||
source code, which must be distributed under the terms of Sections
|
||||
1 and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
b) Accompany it with a written offer, valid for at least three
|
||||
years, to give any third party, for a charge no more than your
|
||||
cost of physically performing source distribution, a complete
|
||||
machine-readable copy of the corresponding source code, to be
|
||||
distributed under the terms of Sections 1 and 2 above on a medium
|
||||
customarily used for software interchange; or,
|
||||
|
||||
c) Accompany it with the information you received as to the offer
|
||||
to distribute corresponding source code. (This alternative is
|
||||
allowed only for noncommercial distribution and only if you
|
||||
received the program in object code or executable form with such
|
||||
an offer, in accord with Subsection b above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for
|
||||
making modifications to it. For an executable work, complete source
|
||||
code means all the source code for all modules it contains, plus any
|
||||
associated interface definition files, plus the scripts used to
|
||||
control compilation and installation of the executable. However, as a
|
||||
special exception, the source code distributed need not include
|
||||
anything that is normally distributed (in either source or binary
|
||||
form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component
|
||||
itself accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering
|
||||
access to copy from a designated place, then offering equivalent
|
||||
access to copy the source code from the same place counts as
|
||||
distribution of the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
4. You may not copy, modify, sublicense, or distribute the Program
|
||||
except as expressly provided under this License. Any attempt
|
||||
otherwise to copy, modify, sublicense or distribute the Program is
|
||||
void, and will automatically terminate your rights under this License.
|
||||
However, parties who have received copies, or rights, from you under
|
||||
this License will not have their licenses terminated so long as such
|
||||
parties remain in full compliance.
|
||||
|
||||
5. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Program or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Program (or any work based on the
|
||||
Program), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
6. Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute or modify the Program subject to
|
||||
these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
|
||||
7. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Program at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Program by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under
|
||||
any particular circumstance, the balance of the section is intended to
|
||||
apply and the section as a whole is intended to apply in other
|
||||
circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system, which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
8. If the distribution and/or use of the Program is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Program under this License
|
||||
may add an explicit geographical distribution limitation excluding
|
||||
those countries, so that distribution is permitted only in or among
|
||||
countries not thus excluded. In such case, this License incorporates
|
||||
the limitation as if written in the body of this License.
|
||||
|
||||
9. The Free Software Foundation may publish revised and/or new versions
|
||||
of the General Public License from time to time. Such new versions will
|
||||
be similar in spirit to the present version, but may differ in detail to
|
||||
address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Program
|
||||
specifies a version number of this License which applies to it and "any
|
||||
later version", you have the option of following the terms and conditions
|
||||
either of that version or of any later version published by the Free
|
||||
Software Foundation. If the Program does not specify a version number of
|
||||
this License, you may choose any version ever published by the Free Software
|
||||
Foundation.
|
||||
|
||||
10. If you wish to incorporate parts of the Program into other free
|
||||
programs whose distribution conditions are different, write to the author
|
||||
to ask for permission. For software which is copyrighted by the Free
|
||||
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||
make exceptions for this. Our decision will be guided by the two goals
|
||||
of preserving the free status of all derivatives of our free software and
|
||||
of promoting the sharing and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||
REPAIR OR CORRECTION.
|
||||
|
||||
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
||||
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
|
||||
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
|
||||
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
||||
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
||||
POSSIBILITY OF SUCH DAMAGES.
|
||||
19
www/analytics/libs/bower_components/jScrollPane/MIT-LICENSE.txt
vendored
Normal file
19
www/analytics/libs/bower_components/jScrollPane/MIT-LICENSE.txt
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
Copyright (c) 2010 Kelvin Luck
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE
|
||||
6
www/analytics/libs/bower_components/jScrollPane/README.md
vendored
Normal file
6
www/analytics/libs/bower_components/jScrollPane/README.md
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
jScrollPane - cross browser custom scrollbars
|
||||
=============================================
|
||||
|
||||
jScrollPane is a [jQuery](http://www.jquery.com/) plugin which allows you to replace a browser's default scrollbars (on an element which has **overflow: auto**) with a HTML structure that can be easily skinned using CSS.
|
||||
|
||||
To see a bunch of examples of jScrollPane in action please visit the [jScrollPane website](http://jscrollpane.kelvinluck.com/). All of the code for the website is available from this repository so please feel free to download and use it!
|
||||
151
www/analytics/libs/bower_components/jScrollPane/ajax.html
vendored
Normal file
151
www/analytics/libs/bower_components/jScrollPane/ajax.html
vendored
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - ajax demo page</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
var api = $('.scroll-pane').jScrollPane(
|
||||
{
|
||||
showArrows:true,
|
||||
maintainPosition: false
|
||||
}
|
||||
).data('jsp');
|
||||
|
||||
$('#do-ajax').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
api.getContentPane().load(
|
||||
'ajax_content.html',
|
||||
function()
|
||||
{
|
||||
api.reinitialise();
|
||||
}
|
||||
);
|
||||
return false;
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - ajax demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how you can use ajax to dynamically load content into your jScrollPane. Because of
|
||||
the way jScrollPane works you need to use the <a href="api.html#getContentPane">getContentPane</a> API method
|
||||
to get the element which you are adding content to and then <a href="api.html#reinitialise">reinitialise</a>
|
||||
the scrollpane once you have changed the content. As the <a href="settings.html#maintainPosition">maintainPosition
|
||||
</a> setting is true by default then the position of the scrollpane is maintained even if we are scrolling
|
||||
while the update happens.
|
||||
</p>
|
||||
<p>
|
||||
You can <a href="#" id="do-ajax">click here</a> to load some content into the scrollpane below using ajax.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
73
www/analytics/libs/bower_components/jScrollPane/ajax_content.html
vendored
Normal file
73
www/analytics/libs/bower_components/jScrollPane/ajax_content.html
vendored
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
140
www/analytics/libs/bower_components/jScrollPane/anchors.html
vendored
Normal file
140
www/analytics/libs/bower_components/jScrollPane/anchors.html
vendored
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane anchors demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane(
|
||||
{
|
||||
hijackInternalLinks: true
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - anchors demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how jScrollPane can check the location.hash when the page loads and
|
||||
automatically scroll the pane to the correct place if the hash refers to an element within the scroll
|
||||
pane. jScrollPane can also hijack links within your page and automatically convert relevant ones to
|
||||
scroll the jScrollPane. As an example, the following links will scroll to the paragraphs in the scroll
|
||||
pane below: <a href="#para1">1</a>, <a href="#para2">2</a>, <a href="#para3">3</a>,
|
||||
<a href="#para4">4</a> and <a href="#para5">5</a>. <a href="#sourcecode-display">This link</a> (to the
|
||||
sourcecode listing below) is also an internal link but because its target isn't within the scrollpane
|
||||
we don't mess with it.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Note</strong> that the link hijacking functionality is off by default (as it has a small
|
||||
performance overhead so if you don't need it you might as well not have it). To enable it pass
|
||||
<strong><a href="settings.html#hijackInternalLinks">hijackInternalLinks</a>: true</strong> in with
|
||||
your settings (as I do on this page). Internally only one live event is bound to the document body.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
<p id="para1">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p id="para2">
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p id="para3">
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p id="para4">
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p id="para5">
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
190
www/analytics/libs/bower_components/jScrollPane/api.html
vendored
Normal file
190
www/analytics/libs/bower_components/jScrollPane/api.html
vendored
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - API documentation</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - API documentation</h1>
|
||||
<p>
|
||||
This page shows how you can use the jScrollPane API (in addition to the <a href="settings.html">
|
||||
settings object</a> and the <a href="events.html">events</a> which are dispatched) to update your
|
||||
jScrollPane after it's has been initially created.
|
||||
</p>
|
||||
<p>
|
||||
To get a reference to the API for a particular scrollpane you will need to access the 'jsp' variable in
|
||||
the <em>data</em> of the element you applied jScrollPane to. e.g.
|
||||
</p>
|
||||
<pre>var element = $('#my-element').jScrollPane({/* ...settings... */});
|
||||
var api = element.data('jsp');</pre>
|
||||
<p>
|
||||
Once you have a reference to the API you can call any of the following methods on it:
|
||||
</p>
|
||||
<h2 id="reinitialise">reinitialise(s)</h2>
|
||||
<p>
|
||||
Reinitialises the scroll pane (if it's internal dimensions have changed since the last time it
|
||||
was initialised). The settings object which is passed in will override any settings from the
|
||||
previous time it was initialised - if you don't pass any settings then the ones from the previous
|
||||
initialisation will be used.
|
||||
</p>
|
||||
<h2 id="scrollToElement">scrollToElement(ele, stickToTop, animate)</h2>
|
||||
<p>
|
||||
Scrolls the specified element (a jQuery object, DOM node or jQuery selector string) into view so
|
||||
that it can be seen within the viewport. If stickToTop is true then the element will appear at
|
||||
the top of the viewport, if it is false then the viewport will scroll as little as possible to
|
||||
show the element. You can also specify if you want animation to occur. If you don't provide this
|
||||
argument then the animateScroll value from the settings object is used instead.
|
||||
</p>
|
||||
<h2 id="scrollTo">scrollTo(destX, destY, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane so that the specified co-ordinates within the content are at the top left
|
||||
of the viewport. animate is optional and if not passed then the value of animateScroll from
|
||||
the settings object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollToX">scrollToX(destX, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane so that the specified co-ordinate within the content is at the left of the
|
||||
viewport. animate is optional and if not passed then the value of animateScroll from the settings
|
||||
object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollToY">scrollToY(destY, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane so that the specified co-ordinate within the content is at the top of the
|
||||
viewport. animate is optional and if not passed then the value of animateScroll from the settings
|
||||
object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollToPercentX">scrollToPercentX(destPercentX, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane to the specified percentage of its maximum horizontal scroll position. animate
|
||||
is optional and if not passed then the value of animateScroll from the settings object this
|
||||
jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollToPercentY">scrollToPercentY(destPercentY, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane to the specified percentage of its maximum vertical scroll position. animate
|
||||
is optional and if not passed then the value of animateScroll from the settings object this
|
||||
jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollBy">scrollBy(deltaX, deltaY, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then
|
||||
the value of animateScroll from the settings object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollByX">scrollByX(deltaX, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then
|
||||
the value of animateScroll from the settings object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="scrollByY">scrollByY(deltaY, animate)</h2>
|
||||
<p>
|
||||
Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then
|
||||
the value of animateScroll from the settings object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="positionDragX">positionDragX(x, animate)</h2>
|
||||
<p>
|
||||
Positions the horizontal drag at the specified x position (and updates the viewport to reflect
|
||||
this). animate is optional and if not passed then the value of animateScroll from the settings
|
||||
object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="positionDragY">positionDragY(y, animate)</h2>
|
||||
<p>
|
||||
Positions the vertical drag at the specified y position (and updates the viewport to reflect
|
||||
this). animate is optional and if not passed then the value of animateScroll from the settings
|
||||
object this jScrollPane was initialised with is used.
|
||||
</p>
|
||||
<h2 id="animate">animate(ele, prop, value, stepCallback)</h2>
|
||||
<p>
|
||||
This method is called when jScrollPane is trying to animate to a new position. You can override
|
||||
it if you want to provide advanced animation functionality. It is passed the following arguments:
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li><strong>ele</strong> - the element whose position is being animated</li>
|
||||
<li><strong>prop</strong> - the property that is being animated</li>
|
||||
<li><strong>value</strong> - the value it's being animated to</li>
|
||||
<li><strong>stepCallback</strong> - a function that you must execute each time you update the value of the property</li>
|
||||
</ul>
|
||||
<p>
|
||||
You can use the default implementation (see <a href="script/jquery.jscrollpane.js">sourcecode</a>) as a
|
||||
starting point for your own implementation.
|
||||
</p>
|
||||
<h2 id="getContentPositionX">getContentPositionX()</h2>
|
||||
<p>
|
||||
Returns the current x position of the viewport with regards to the content pane.
|
||||
</p>
|
||||
<h2 id="getContentPositionY">getContentPositionY()</h2>
|
||||
<p>
|
||||
Returns the current y position of the viewport with regards to the content pane.
|
||||
</p>
|
||||
<h2 id="getContentWidth">getContentWidth()</h2>
|
||||
<p>
|
||||
Returns the width of the content within the scroll pane.
|
||||
</p>
|
||||
<h2 id="getContentHeight">getContentHeight()</h2>
|
||||
<p>
|
||||
Returns the height of the content within the scroll pane.
|
||||
</p>
|
||||
<h2 id="getIsScrollableH">getIsScrollableH()</h2>
|
||||
<p>
|
||||
Returns whether or not this scrollpane has a horizontal scrollbar.
|
||||
</p>
|
||||
<h2 id="getPercentScrolledX">getPercentScrolledX()</h2>
|
||||
<p>
|
||||
Returns the horizontal position of the viewport within the pane content.
|
||||
</p>
|
||||
<h2 id="getPercentScrolledY">getPercentScrolledY()</h2>
|
||||
<p>
|
||||
Returns the vertical position of the viewport within the pane content.
|
||||
</p>
|
||||
<h2 id="getIsScrollableV">getIsScrollableV()</h2>
|
||||
<p>
|
||||
Returns whether or not this scrollpane has a vertical scrollbar.
|
||||
</p>
|
||||
<h2 id="getContentPane">getContentPane()</h2>
|
||||
<p>
|
||||
Gets a reference to the content pane. It is important that you use this method if you want to
|
||||
edit the content of your jScrollPane as if you access the element directly then you may have some
|
||||
problems (as your original element has had additional elements for the scrollbars etc added into
|
||||
it).
|
||||
</p>
|
||||
<h2 id="scrollToBottom">scrollToBottom(animate)</h2>
|
||||
<p>
|
||||
Scrolls this jScrollPane down as far as it can currently scroll. If animate isn't passed then the
|
||||
animateScroll value from settings is used instead.
|
||||
</p>
|
||||
<h2 id="hijackInternalLinks">hijackInternalLinks()</h2>
|
||||
<p>
|
||||
Hijacks the links on the page which link to content inside the scrollpane. If you have changed
|
||||
the content of your page (e.g. via AJAX) and want to make sure any new anchor links to the
|
||||
contents of your scroll pane will work then call this function.
|
||||
</p>
|
||||
<h2 id="destroy">destroy()</h2>
|
||||
<p>
|
||||
Destroys the jScrollPane on the instance matching this API object and restores the browser's
|
||||
default behaviour. <a href="destroy.html">Example</a>.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
208
www/analytics/libs/bower_components/jScrollPane/arrow_hover.html
vendored
Normal file
208
www/analytics/libs/bower_components/jScrollPane/arrow_hover.html
vendored
Normal file
|
|
@ -0,0 +1,208 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane arrow hover demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
arrowScrollOnHover: true
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - arrow hover example</h1>
|
||||
<p>
|
||||
This demonstration builds on the <a href="arrows.html">scrollpane arrows example</a> and adds in the
|
||||
ability for the scrollpane to automatically scroll when you are hovering over the arrow buttons. If you
|
||||
want this functionality then simply pass in <strong><a href="settings.html#arrowScrollOnHover">
|
||||
arrowScrollOnHover</a>: true</strong> when you initialise your scrollpane.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
634
www/analytics/libs/bower_components/jScrollPane/arrow_positions.html
vendored
Normal file
634
www/analytics/libs/bower_components/jScrollPane/arrow_positions.html
vendored
Normal file
|
|
@ -0,0 +1,634 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane arrow positioning example</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane-before,
|
||||
.scroll-pane-after,
|
||||
.scroll-pane-split,
|
||||
.scroll-pane-os
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane-before').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
verticalArrowPositions: 'before',
|
||||
horizontalArrowPositions: 'before'
|
||||
}
|
||||
);
|
||||
$('.scroll-pane-after').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
verticalArrowPositions: 'after',
|
||||
horizontalArrowPositions: 'after'
|
||||
}
|
||||
);
|
||||
$('.scroll-pane-os').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
verticalArrowPositions: 'os',
|
||||
horizontalArrowPositions: 'os'
|
||||
}
|
||||
);
|
||||
$('.scroll-pane-split').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
verticalArrowPositions: 'split',
|
||||
horizontalArrowPositions: 'split'
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - example showing options for arrow positioning</h1>
|
||||
<p>
|
||||
This demonstration builds on the <a href="arrows.html">basic arrows scrollpane example</a> and
|
||||
demonstrates the different possible settings for <a href="settings.html#verticalArrowPositions">
|
||||
verticalArrowPositions</a> and <a href="settings.html#horizontalArrowPositions">horizontalArrowPositions
|
||||
</a>. These settings allow you to choose where the arrows appear relative to the tracks and each of the
|
||||
settings has four valid values:
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<strong>split</strong> - First arrow will appear before track, second arrow afterwards (the default)
|
||||
</li>
|
||||
<li>
|
||||
<strong>before</strong> - Both arrows will appear before the track.
|
||||
</li>
|
||||
<li>
|
||||
<strong>after</strong> - Both arrows will appear after the track (as is default on OSX).
|
||||
</li>
|
||||
<li>
|
||||
<strong>os</strong> - The positioning of the arrows will be chosen dependant on the users operating
|
||||
system (e.g. the value will be "after" for OSX and "split" or other operating systems).
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Note that in these examples the arrows are simple squares which can cause confusion when they are next
|
||||
to each other. This won't be a problem with well designed graphical elements.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only, "before"</h2>
|
||||
<div class="scroll-pane-before">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only, "before"</h2>
|
||||
<div class="scroll-pane-before horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both, "before"</h2>
|
||||
<div class="scroll-pane-before">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Vertical only, "after"</h2>
|
||||
<div class="scroll-pane-after">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only, "after"</h2>
|
||||
<div class="scroll-pane-after horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both, "after"</h2>
|
||||
<div class="scroll-pane-after">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Vertical only, "os"</h2>
|
||||
<div class="scroll-pane-os">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only, "os"</h2>
|
||||
<div class="scroll-pane-os horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both, "os"</h2>
|
||||
<div class="scroll-pane-os">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Vertical only, "split" (default)</h2>
|
||||
<div class="scroll-pane-split">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only, "split" (default)</h2>
|
||||
<div class="scroll-pane-split horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both, "split" (default)</h2>
|
||||
<div class="scroll-pane-split">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
203
www/analytics/libs/bower_components/jScrollPane/arrows.html
vendored
Normal file
203
www/analytics/libs/bower_components/jScrollPane/arrows.html
vendored
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>Basic arrows jScrollPane demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane({showArrows: true});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - example with arrow buttons</h1>
|
||||
<p>
|
||||
This demonstration builds on the <a href="basic.html">basic scrollpane example</a> by adding navigation
|
||||
"arrows" to the scrollbar. As you can see from the sourcecode below, these are simply added by passing
|
||||
<strong><a href="settings.html#showArrows">showArrows</a>:true</strong> in the settings object when you
|
||||
initialise jScrollPane.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
98
www/analytics/libs/bower_components/jScrollPane/auto_reinitialise.html
vendored
Normal file
98
www/analytics/libs/bower_components/jScrollPane/auto_reinitialise.html
vendored
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - automatic reinitialise demo page</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
var settings = {
|
||||
showArrows: true,
|
||||
autoReinitialise: true
|
||||
};
|
||||
var pane = $('.scroll-pane')
|
||||
pane.jScrollPane(settings);
|
||||
var contentPane = pane.data('jsp').getContentPane();
|
||||
var i = 1;
|
||||
|
||||
// Every second add some new content...
|
||||
setInterval(
|
||||
function()
|
||||
{
|
||||
contentPane.append(
|
||||
$('<p />').text('This is paragraph number ' + i++)
|
||||
);
|
||||
},
|
||||
1000
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - automatic reinitialisation demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how you can tell jScrollPane to automatically reinitialise itself. You do this
|
||||
by passing in <strong><a href="settings.html#autoReinitialise">autoReinitialise</a>: true</strong> as a
|
||||
setting. If you do this then the scrollpane attempts to reinitialise itself every
|
||||
<a href="settings.html#autoReinitialiseDelay">autoReinitialiseDelay</a> miliseconds.
|
||||
</p>
|
||||
<p>
|
||||
Note that there is obviously a processing overhead associated with this method as the script is running
|
||||
repeatedly in the background. For this reason <strong>autoReinitialise</strong> is false by default and
|
||||
if possible you are recommended to <a href="dynamic_content.html">manually reinitialise</a>
|
||||
jScrollPane when you add content to it. However, in some situations this isn't possible so the
|
||||
<strong>autoReinitialise</strong> method is provided for convenience.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
204
www/analytics/libs/bower_components/jScrollPane/basic.html
vendored
Normal file
204
www/analytics/libs/bower_components/jScrollPane/basic.html
vendored
Normal file
|
|
@ -0,0 +1,204 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>Basic jScrollPane demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - simple demo page</h1>
|
||||
<p>
|
||||
This demonstration shows basic use of the jScrollPane plugin to add scrollbars to a HTML
|
||||
element which has an overflow of "auto". Note that with javascript disabled the browsers
|
||||
default scrollbars will be used to provide scrolling for the element below. With javascript
|
||||
enabled then the browsers default scrollbars will be replaced with jScrollPane scrollbars
|
||||
which can be styled at will.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
236
www/analytics/libs/bower_components/jScrollPane/caps.html
vendored
Normal file
236
www/analytics/libs/bower_components/jScrollPane/caps.html
vendored
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane "caps" demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.jspCap
|
||||
{
|
||||
display: block;
|
||||
background: #eeeef4;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspCap
|
||||
{
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
width: 50px;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
horizontalGutter: 30,
|
||||
verticalGutter: 30
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - demo showing "caps" functionality</h1>
|
||||
<p>
|
||||
This demo shows how you can use CSS to set up "caps" e.g. unused spaces at the end of the scrollbars
|
||||
which make the scrollbars appear shorter than the content block that they are scrolling. Note that in
|
||||
addition to the CSS to show and size the caps I also added extra gutter in the jScrollPane constructor
|
||||
- this introduces a gap between the scrolling content and the scrollbar itself.
|
||||
</p>
|
||||
<h2>Vertical scroll with buttons and caps</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal scroll with buttons and caps</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 940px">
|
||||
Vestibulumdic tumconsecte turmagnaeuegestas.Praesentmolestie dapibuserat,sitametsodaleslectus
|
||||
congueut. Namadipiscing, tortoracblanditeges tas,lor emligula posuereipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal and vertical scrolling with buttons and caps</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p style="width: 940px">
|
||||
Vestibulumdic tumconsecte turmagnaeuegestas.Praesentmolestie dapibuserat,sitametsodaleslectus
|
||||
congueut. Namadipiscing, tortoracblanditeges tas,lor emligula posuereipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
66
www/analytics/libs/bower_components/jScrollPane/changelog.html
vendored
Normal file
66
www/analytics/libs/bower_components/jScrollPane/changelog.html
vendored
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - changelog</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - changelog</h1>
|
||||
<p>
|
||||
jScrollPane was originally developed in December 2006. Since then it has been constantly updated to
|
||||
fix bugs and add new features. The change history since November 2008 is available in the jScrollPane
|
||||
<a href="http://github.com/vitch/jScrollPane">git repository</a>. In August 2010 a major rewrite was
|
||||
undertaken, starting from a blank canvas and adding long awaited features like horizontal scrolling
|
||||
and automatic reinitialisation. If you want to find old versions of jScrollPane then there are links
|
||||
to the still available versions below:
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>2011-04-17 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta10">2.0.0beta10</a> - cleaner required size calculation, improved keyboard support, stickToBottom/Left, other small fixes</li>
|
||||
<li>2011-01-31 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta9">2.0.0beta9</a> - new API methods, bug fixes and correct keyboard support for FF/OSX</li>
|
||||
<li>2011-01-29 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta8">2.0.0beta8</a> - touchscreen support, improved keyboard support</li>
|
||||
<li>2011-01-23 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta7">2.0.0beta7</a> - scroll speed consistent (thanks Aivo Paas)</li>
|
||||
<li>2010-12-07 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta6">2.0.0beta6</a> - scrollToElement horizontal support</li>
|
||||
<li>2010-10-18 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta5">2.0.0beta5</a> - jQuery 1.4.3 support, various bug fixes</li>
|
||||
<li>2010-09-13 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta4">2.0.0beta4</a> - clickOnTrack support, bug fixes</li>
|
||||
<li>2010-08-27 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta3">2.0.0beta3</a> - Horizontal mousewheel, mwheelIntent, keyboard support, bug fixes</li>
|
||||
<li>2010-08-21 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta2">2.0.0beta2</a> - Bug fixes</li>
|
||||
<li>2010-08-17 - <a href="http://github.com/vitch/jScrollPane/tree/2.0.0beta1">2.0.0beta1</a> - Rewrite to follow modern best practices and enable horizontal scrolling, initially hidden elements and dynamically sized elements.</li>
|
||||
<li>2010-06-11 - <a href="http://github.com/vitch/jScrollPane/tree/1.x">v1.2+</a></li>
|
||||
<li>2008-12-10 - <a href="http://github.com/vitch/jScrollPane/tree/1.2.3">v1.2.3</a></li>
|
||||
<li>2008-11-29 - <a href="http://github.com/vitch/jScrollPane/tree/1.2.2">v1.2.2</a></li>
|
||||
<li>2008-11-13 - <a href="http://github.com/vitch/jScrollPane/tree/1.2.1">v1.2.1</a></li>
|
||||
<li>2008-11-07 - <a href="http://github.com/vitch/jScrollPane/tree/1.2">v1.2</a></li>
|
||||
<li>2006-12-31 - <a href="http://www.kelvinluck.com/2006/12/jscrollpane-cross-browser-custom-scrollbars/">v1</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
237
www/analytics/libs/bower_components/jScrollPane/destroy.html
vendored
Normal file
237
www/analytics/libs/bower_components/jScrollPane/destroy.html
vendored
Normal file
|
|
@ -0,0 +1,237 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>Basic jScrollPane destroy demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
var apis = [];
|
||||
$('#jsp-destroy').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
if (apis.length) {
|
||||
$.each(
|
||||
apis,
|
||||
function(i) {
|
||||
this.destroy();
|
||||
}
|
||||
)
|
||||
apis = [];
|
||||
}
|
||||
return false;
|
||||
}
|
||||
);
|
||||
$('#jsp-init').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Loop over each scrollpane individually so we can
|
||||
// save a reference to each api object.
|
||||
$('.scroll-pane').each(
|
||||
function()
|
||||
{
|
||||
apis.push($(this).jScrollPane().data().jsp);
|
||||
}
|
||||
)
|
||||
return false;
|
||||
}
|
||||
).trigger('click'); // initially initialise
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - destroy demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how you can use the <a href="api.html#destroy">destroy</a> method of the
|
||||
jScrollPane API to remove a jScrollPane that you have added to an element. Use the links below to
|
||||
initialise and destroy the jScrollPane.
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="#" id="jsp-destroy">Destroy</a></li>
|
||||
<li><a href="#" id="jsp-init">Initialise</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
206
www/analytics/libs/bower_components/jScrollPane/drag_size.html
vendored
Normal file
206
www/analytics/libs/bower_components/jScrollPane/drag_size.html
vendored
Normal file
|
|
@ -0,0 +1,206 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane drag size demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane(
|
||||
{
|
||||
verticalDragMinHeight: 20,
|
||||
verticalDragMaxHeight: 20,
|
||||
horizontalDragMinWidth: 20,
|
||||
horizontalDragMaxWidth: 20
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - drag size demo</h1>
|
||||
<p>
|
||||
This example shows how you can use the <a href="settings.html#verticalDragMinHeight">
|
||||
verticalDragMinHeight</a>, <a href="settings.html#verticalDragMaxHeight">verticalDragMaxHeight</a>,
|
||||
<a href="settings.html#horizontalDragMinWidth">horizontalDragMinWidth</a> and
|
||||
<a href="settings.html#horizontalDragMaxWidth">horizontalDragMaxWidth</a> properties to control the
|
||||
size of the drag elements in the scrollbars. In this example I pass the same numbers in for min and max
|
||||
which has the effect of forcing the drag element to be that exact size.
|
||||
</p>
|
||||
<h2>Basic vertical jScrollPane with 20px drag</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Basic horizontal jScrollPane with 20px drag</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 900px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Basic bi-directional jScrollPane with 20px drag</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 900px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
95
www/analytics/libs/bower_components/jScrollPane/dynamic_content.html
vendored
Normal file
95
www/analytics/libs/bower_components/jScrollPane/dynamic_content.html
vendored
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - dynamic content demo page</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
var settings = {
|
||||
showArrows: true
|
||||
};
|
||||
var pane = $('.scroll-pane')
|
||||
pane.jScrollPane(settings);
|
||||
var api = pane.data('jsp');
|
||||
var i = 1;
|
||||
|
||||
// Every second add some new content...
|
||||
setInterval(
|
||||
function()
|
||||
{
|
||||
api.getContentPane().append(
|
||||
$('<p />').text('This is paragraph number ' + i++)
|
||||
);
|
||||
// we could call "pane.jScrollPane(settings)" again but it is
|
||||
// more convenient to call via the API as then the original
|
||||
// settings we passed in are automatically remembered.
|
||||
api.reinitialise();
|
||||
},
|
||||
1000
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - dynamic content demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how you can manually reinitialise jScrollPane when new content is added to it.
|
||||
Every second we add a new line of content to the scrollpane (using the <a href="api.html#getContentPane">
|
||||
getContentPane</a> API method) and then <a href="api.html#reinitialise">reinitialise</a> the scrollpane.
|
||||
As the <a href="settings.html#maintainPosition">maintainPosition</a> setting is true by default then
|
||||
the position of the scrollpane is maintained even if we are scrolling while the update happens.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
211
www/analytics/libs/bower_components/jScrollPane/dynamic_height.html
vendored
Normal file
211
www/analytics/libs/bower_components/jScrollPane/dynamic_height.html
vendored
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane dynamic height demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
html,
|
||||
body
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
#container
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
pre
|
||||
{
|
||||
width: 95%;
|
||||
}
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').each(
|
||||
function()
|
||||
{
|
||||
$(this).jScrollPane(
|
||||
{
|
||||
showArrows: $(this).is('.arrow')
|
||||
}
|
||||
);
|
||||
var api = $(this).data('jsp');
|
||||
var throttleTimeout;
|
||||
$(window).bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
if ($.browser.msie) {
|
||||
// IE fires multiple resize events while you are dragging the browser window which
|
||||
// causes it to crash if you try to update the scrollpane on every one. So we need
|
||||
// to throttle it to fire a maximum of once every 50 milliseconds...
|
||||
if (!throttleTimeout) {
|
||||
throttleTimeout = setTimeout(
|
||||
function()
|
||||
{
|
||||
api.reinitialise();
|
||||
throttleTimeout = null;
|
||||
},
|
||||
50
|
||||
);
|
||||
}
|
||||
} else {
|
||||
api.reinitialise();
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
)
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - dynamic height demo</h1>
|
||||
<p>
|
||||
This demonstration builds on the <a href="dynamic_width.html">dynamic width</a> demo and shows how
|
||||
jScrollPane will also work correctly with elements which have a percentage height. Note that the rest
|
||||
of the infrastructure for this site isn't built for dynamic height so the code listings may overhang
|
||||
the bottom of their containing box. Also note (if your screen is big enough) that the scrollbars will
|
||||
automatically appear/ disappear as they become necessary or not (dependant on the content).
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
375
www/analytics/libs/bower_components/jScrollPane/dynamic_width.html
vendored
Normal file
375
www/analytics/libs/bower_components/jScrollPane/dynamic_width.html
vendored
Normal file
|
|
@ -0,0 +1,375 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane dynamic width demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
#container
|
||||
{
|
||||
width: 60%;
|
||||
}
|
||||
pre
|
||||
{
|
||||
width: 95%;
|
||||
}
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane').each(
|
||||
function()
|
||||
{
|
||||
$(this).jScrollPane(
|
||||
{
|
||||
showArrows: $(this).is('.arrow')
|
||||
}
|
||||
);
|
||||
var api = $(this).data('jsp');
|
||||
var throttleTimeout;
|
||||
$(window).bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
if ($.browser.msie) {
|
||||
// IE fires multiple resize events while you are dragging the browser window which
|
||||
// causes it to crash if you try to update the scrollpane on every one. So we need
|
||||
// to throttle it to fire a maximum of once every 50 milliseconds...
|
||||
if (!throttleTimeout) {
|
||||
throttleTimeout = setTimeout(
|
||||
function()
|
||||
{
|
||||
api.reinitialise();
|
||||
throttleTimeout = null;
|
||||
},
|
||||
50
|
||||
);
|
||||
}
|
||||
} else {
|
||||
api.reinitialise();
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
)
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - dynamic width demo</h1>
|
||||
<p>
|
||||
This demonstration shows how jScrollPane can work correctly on elements whose width is specified as a
|
||||
percentage. Notice that the jScrollPanes reflow correctly as you resize your browser window. We are
|
||||
listening to the window resize event as we know that is what is causing the scrollpane's container to
|
||||
change size. You could just as easily use <a href="settings.html#autoReinitialise">autoReinitialise</a>
|
||||
so that the scrollpanes were updated automatically.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2>Vertical only (with arrows)</h2>
|
||||
<div class="scroll-pane arrow">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only (with arrows)</h2>
|
||||
<div class="scroll-pane arrow horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both (with arrows)</h2>
|
||||
<div class="scroll-pane arrow">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
264
www/analytics/libs/bower_components/jScrollPane/events.html
vendored
Normal file
264
www/analytics/libs/bower_components/jScrollPane/events.html
vendored
Normal file
|
|
@ -0,0 +1,264 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane events demo</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
<!-- styles needed by jScrollPane - include in your own sites -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane
|
||||
{
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.horizontal-only
|
||||
{
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- latest jQuery direct from google's CDN -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<!-- the mousewheel plugin -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
|
||||
<!-- scripts specific to this demo site -->
|
||||
<script type="text/javascript" src="script/demo.js"></script>
|
||||
|
||||
<script type="text/javascript" id="sourcecode">
|
||||
$(function()
|
||||
{
|
||||
$('.scroll-pane')
|
||||
.bind(
|
||||
'jsp-initialised',
|
||||
function(event, isScrollable)
|
||||
{
|
||||
console.log('Handle jsp-initialised', this,
|
||||
'isScrollable=', isScrollable);
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
'jsp-scroll-y',
|
||||
function(event, scrollPositionY, isAtTop, isAtBottom)
|
||||
{
|
||||
console.log('Handle jsp-scroll-y', this,
|
||||
'scrollPositionY=', scrollPositionY,
|
||||
'isAtTop=', isAtTop,
|
||||
'isAtBottom=', isAtBottom);
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
'jsp-scroll-x',
|
||||
function(event, scrollPositionX, isAtLeft, isAtRight)
|
||||
{
|
||||
console.log('Handle jsp-scroll-x', this,
|
||||
'scrollPositionX=', scrollPositionX,
|
||||
'isAtLeft=', isAtLeft,
|
||||
'isAtRight=', isAtRight);
|
||||
}
|
||||
)
|
||||
.bind(
|
||||
'jsp-arrow-change',
|
||||
function(event, isAtTop, isAtBottom, isAtLeft, isAtRight)
|
||||
{
|
||||
console.log('Handle jsp-arrow-change', this,
|
||||
'isAtTop=', isAtTop,
|
||||
'isAtBottom=', isAtBottom,
|
||||
'isAtLeft=', isAtLeft,
|
||||
'isAtRight=', isAtRight);
|
||||
}
|
||||
)
|
||||
.jScrollPane();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html#examples">Examples</a></li>
|
||||
<li><a href="index.html#themes">Themes</a></li>
|
||||
<li><a href="index.html#usage">How to use</a></li>
|
||||
<li><a href="faqs.html">FAQs</a></li>
|
||||
<li><a href="known_issues.html">Known issues</a></li>
|
||||
<li><a href="index.html#support">Support</a></li>
|
||||
<li><a href="index.html#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - events demo page</h1>
|
||||
<p>
|
||||
This demonstration shows you the various events that are dispatched by jScrollPane. As you can see,
|
||||
the relevant data from each event is logged to the console (this page requires a browser that supports
|
||||
<em>console.log</em>).
|
||||
</p>
|
||||
<p>
|
||||
The available events are:
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<strong>jsp-initialised [event, isScrollable]</strong> - Fires when an element is (re)initialised.
|
||||
</li>
|
||||
<li>
|
||||
<strong>jsp-scroll-y [event, scrollPositionY, isAtTop, isAtBottom]</strong> - Fires continuously
|
||||
whilst vertical scrolling is occuring
|
||||
</li>
|
||||
<li>
|
||||
<strong>jsp-scroll-x [event, scrollPositionX, isAtLeft, isAtRight]</strong> - Fires continuously
|
||||
whilst horizontal scrolling is occuring
|
||||
</li>
|
||||
<li>
|
||||
<strong>jsp-arrow-change [event, isAtTop, isAtBottom, isAtLeft, isAtRight]</strong> - Fires
|
||||
whenever the state of the arrow buttons changes (i.e. when the scroll reaches or leaves any end of
|
||||
the viewport). Note that this function isn't dependant on having <a href="settings.html#showArrows">
|
||||
showArrows</a> set to true, indeed it is most useful when implementing your own arrow keys.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="scroll-pane">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Horizontal only</h2>
|
||||
<div class="scroll-pane horizontal-only">
|
||||
<p style="width: 1000px;">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="scroll-pane">
|
||||
<p style="width: 1000px">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
|
||||
eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
|
||||
mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
|
||||
consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
|
||||
bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
|
||||
semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
|
||||
mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
|
||||
quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
|
||||
eu lacus semper viverra.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum dictum consectetur magna eu egestas. Praesent molestie dapibus erat, sit amet sodales
|
||||
lectus congue ut. Nam adipiscing, tortor ac blandit egestas, lorem ligula posuere ipsum, nec
|
||||
faucibus nisl enim eu purus. Quisque bibendum diam quis nunc eleifend at molestie libero tincidunt.
|
||||
Quisque tincidunt sapien a sapien pellentesque consequat. Mauris adipiscing venenatis augue ut
|
||||
tempor. Donec auctor mattis quam quis aliquam. Nullam ultrices erat in dolor pharetra bibendum.
|
||||
Suspendisse eget odio ut libero imperdiet rhoncus. Curabitur aliquet, ipsum sit amet aliquet varius,
|
||||
est urna ullamcorper magna, sed eleifend libero nunc non erat. Vivamus semper turpis ac turpis
|
||||
volutpat non cursus velit aliquam. Fusce id tortor id sapien porta egestas. Nulla venenatis luctus
|
||||
libero et suscipit. Sed sed purus risus. Donec auctor, leo nec eleifend vehicula, lacus felis
|
||||
sollicitudin est, vitae lacinia lectus urna nec libero. Aliquam pellentesque, arcu condimentum
|
||||
pharetra vestibulum, lectus felis malesuada felis, vel fringilla dolor dui tempus nisi. In hac
|
||||
habitasse platea dictumst. Ut imperdiet mauris vitae eros varius eget accumsan lectus adipiscing.
|
||||
</p>
|
||||
<p>
|
||||
Quisque et massa leo, sit amet adipiscing nisi. Mauris vel condimentum dolor. Duis quis ullamcorper
|
||||
eros. Proin metus dui, facilisis id bibendum sed, aliquet non ipsum. Aenean pulvinar risus eu nisi
|
||||
dictum eleifend. Maecenas mattis dolor eget lectus pretium eget molestie libero auctor. Praesent sit
|
||||
amet tellus sed nibh convallis semper. Curabitur nisl odio, feugiat non dapibus sed, tincidunt ut
|
||||
est. Nullam erat velit, suscipit aliquet commodo sit amet, mollis in mauris. Curabitur pharetra
|
||||
dictum interdum. In posuere pretium ultricies. Curabitur volutpat eros vehicula quam ultrices
|
||||
varius. Proin volutpat enim a massa tempor ornare. Sed ullamcorper fermentum nisl, ac hendrerit sem
|
||||
feugiat ac. Donec porttitor ullamcorper quam. Morbi pretium adipiscing quam, quis bibendum diam
|
||||
congue eget. Sed at lectus at est malesuada iaculis. Sed fermentum quam dui. Donec eget ipsum dolor,
|
||||
id mollis nisi. Donec fermentum vehicula porta.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
|
||||
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
|
||||
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
|
||||
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
|
||||
Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna
|
||||
eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis
|
||||
luctus, metus
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
|
||||
amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
</p>
|
||||
</div>
|
||||
<h2>Page javascript</h2>
|
||||
<div id="sourcecode-display">
|
||||
<p>The contents of this div will be replaced by the javascript added to this page</p>
|
||||
</div>
|
||||
<h2>Page CSS</h2>
|
||||
<div id="css-display">
|
||||
<p>The contents of this div will be replaced by the CSS added to this page</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue