update Piwik to version 2.16 (fixes #91)
This commit is contained in:
oliver
parent
296343bf3b
commit
d885a4baa9
5833 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>
|
||||
52
www/analytics/libs/bower_components/jScrollPane/faqs.html
vendored
Normal file
52
www/analytics/libs/bower_components/jScrollPane/faqs.html
vendored
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - frequently asked questions</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 - frequently asked questions</h1>
|
||||
<p>
|
||||
This page contains some frequently asked questions about jScrollPane and their answers.
|
||||
</p>
|
||||
<h2 id="webkit-broken">Why does my scrollbar only appear intermittantly in Webkit based browsers?</h2>
|
||||
<p>
|
||||
In Webkit based browsers (e.g. Safari, Chrome, iOS and Android) there is a known issue where you must
|
||||
include your CSS before your JS. <a href="known_issues.html#webkit-css-first">More info</a>.
|
||||
</p>
|
||||
<h2 id="ajax-disappearing-scrollbar">Why does my scrollbar disappear when I reinitialise my jScrollPane after updating the content with ajax?</h2>
|
||||
<p>
|
||||
jScrollPane version 2 places the scrollbar and associated controls <strong>inside</strong> the element you apply jScrollPane to. This means that
|
||||
any positional styling on the containing element continues to work correctly and also allows us to calculate size changes correctly when the
|
||||
parent element's size changes.
|
||||
</p>
|
||||
<p>
|
||||
Because of this you can't simply replace the contents of jScrollPane. Instead you need to use the <a href="api.html#getContentPane">
|
||||
getContentPane</a> API method as shown in the <a href="ajax.html">ajax</a> and <a href="dynamic_content.html">dynamic content</a> examples.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
230
www/analytics/libs/bower_components/jScrollPane/fixed_width.html
vendored
Normal file
230
www/analytics/libs/bower_components/jScrollPane/fixed_width.html
vendored
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane fixed 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 */
|
||||
.width-marker
|
||||
{
|
||||
width: 300px;
|
||||
border-bottom: 15px solid #3333ff;
|
||||
margin: 0 0 1em;
|
||||
}
|
||||
.scroll-pane
|
||||
{
|
||||
width: 300px;
|
||||
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(
|
||||
$('<div class="width-marker" />')
|
||||
);
|
||||
$('.scroll-pane').jScrollPane();
|
||||
$('#reinit-link').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Using this form rather than the API simply because
|
||||
// it is easier to apply the same action to multiple
|
||||
// scrollpanes this way - they should be equivalent
|
||||
$('.scroll-pane').jScrollPane();
|
||||
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 - fixed width demo page</h1>
|
||||
<p>
|
||||
This demonstration is to test a fix for a problem with elements who have a fixed width (as
|
||||
<a href="http://groups.google.com/group/jscrollpane/browse_thread/thread/a5955d3b77d56afb#msg_0867f38ede7398ce">
|
||||
reported</a> on the mailing list).
|
||||
</p>
|
||||
<p>
|
||||
When the panes are reinitialised (by clicking <a href="#" id="reinit-link">this link</a>) they should
|
||||
stay at their fixed width (300px).
|
||||
</p>
|
||||
<p>
|
||||
Note that I have also added blue bars marking 300px widths to double check that the scrollpane is
|
||||
displaying its content at the correct width.
|
||||
</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>
|
||||
207
www/analytics/libs/bower_components/jScrollPane/focus.html
vendored
Normal file
207
www/analytics/libs/bower_components/jScrollPane/focus.html
vendored
Normal file
|
|
@ -0,0 +1,207 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane tracking focus 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();
|
||||
});
|
||||
</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 page showing how focus is automatically tracked</h1>
|
||||
<p>
|
||||
This demonstration shows how jScrollPane can track the focus of focusble elements (e.g. form elements
|
||||
and links) within your scroll pane and automatically scroll so that the focused element is visible.
|
||||
</p>
|
||||
<form>
|
||||
<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 <a href="#">ante</a>. 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>
|
||||
<fieldset>
|
||||
<legend>Demo form</legend>
|
||||
<label for="input1">Input 1</label>
|
||||
<input type="text" id="input1" name="input1" />
|
||||
<label for="input2">Input 2</label>
|
||||
<textarea id="input2" name="input1"></textarea>
|
||||
<label for="input3">Input 3</label>
|
||||
<select id="input3" name="input3">
|
||||
<option>There is no option</option>
|
||||
</select>
|
||||
<input type="submit" value="Don't click me" />
|
||||
</fieldset>
|
||||
<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 <a href="#">sapien</a> 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 and vertical</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 <a href="#">ante</a>, 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 . 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>
|
||||
<fieldset>
|
||||
<legend>Demo form</legend>
|
||||
<label for="input1">Input 1</label>
|
||||
<input type="text" id="input1" name="input1" />
|
||||
<label for="input2">Input 2</label>
|
||||
<textarea id="input2" name="input1"></textarea>
|
||||
<label for="input3">Input 3</label>
|
||||
<select id="input3" name="input3">
|
||||
<option>There is no option</option>
|
||||
</select>
|
||||
<input type="submit" value="Don't click me" />
|
||||
</fieldset>
|
||||
<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 <a href="#">sapien</a> 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>
|
||||
</form>
|
||||
<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>
|
||||
259
www/analytics/libs/bower_components/jScrollPane/fullpage_scroll.html
vendored
Normal file
259
www/analytics/libs/bower_components/jScrollPane/fullpage_scroll.html
vendored
Normal file
|
|
@ -0,0 +1,259 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane demo - full page scrollpane</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
|
||||
{
|
||||
overflow: auto;
|
||||
}
|
||||
#full-page-container
|
||||
{
|
||||
overflow: auto;
|
||||
}
|
||||
.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 win = $(window);
|
||||
// Full body scroll
|
||||
var isResizing = false;
|
||||
win.bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
if (!isResizing) {
|
||||
isResizing = true;
|
||||
var container = $('#full-page-container');
|
||||
// Temporarily make the container tiny so it doesn't influence the
|
||||
// calculation of the size of the document
|
||||
container.css(
|
||||
{
|
||||
'width': 1,
|
||||
'height': 1
|
||||
}
|
||||
);
|
||||
// Now make it the size of the window...
|
||||
container.css(
|
||||
{
|
||||
'width': win.width(),
|
||||
'height': win.height()
|
||||
}
|
||||
);
|
||||
isResizing = false;
|
||||
container.jScrollPane(
|
||||
{
|
||||
'showArrows': true
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
).trigger('resize');
|
||||
|
||||
// Workaround for known Opera issue which breaks demo (see
|
||||
// http://jscrollpane.kelvinluck.com/known_issues.html#opera-scrollbar )
|
||||
$('body').css('overflow', 'hidden');
|
||||
|
||||
// IE calculates the width incorrectly first time round (it
|
||||
// doesn't count the space used by the native scrollbar) so
|
||||
// we re-trigger if necessary.
|
||||
if ($('#full-page-container').width() != win.width()) {
|
||||
win.trigger('resize');
|
||||
}
|
||||
|
||||
// Internal scrollpanes
|
||||
$('.scroll-pane').jScrollPane({showArrows: true});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="full-page-container">
|
||||
<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 whole page scrolling and nested scrollbars</h1>
|
||||
<p>
|
||||
This example demonstrates how you can use jScrollPane to style the scrollbars for an entire
|
||||
document. It also demonstrates that jScrollPane works correctly when scrollbars are nested
|
||||
(i.e. when there is a jScrollPane inside another 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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
79
www/analytics/libs/bower_components/jScrollPane/iframe.html
vendored
Normal file
79
www/analytics/libs/bower_components/jScrollPane/iframe.html
vendored
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>iframe 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 */
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
border: 0;
|
||||
}
|
||||
</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">
|
||||
// No page specific javascript - see the sourcecode of the loaded content instead
|
||||
</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 iframes</h1>
|
||||
<p>
|
||||
This demonstration shows how you can apply jScrollPane to content in an iframe. Note that in this
|
||||
demo nothing is done in the hosting page (this one), all of the necessary javascript happens inside
|
||||
the loaded pages (e.g. <a href="iframe_content1.html">iframe_content1.html</a> and
|
||||
<a href="iframe_content2.html">iframe_content2.html</a>). Those pages basically use the same technique
|
||||
as in the <a href="fullpage_scroll.html">full page scroll</a> example.
|
||||
</p>
|
||||
<p>
|
||||
To implement this technique you don't need to add any code to the hosting page but you do need to have
|
||||
control over the pages which you load into the iframes. And each of those pages will need to include the
|
||||
relevant script files (e.g. jQuery, jScrollPane etc etc) as well as the document ready script as I show
|
||||
in my examples.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<iframe src="iframe_content1.html"></iframe>
|
||||
<h2>Both</h2>
|
||||
<iframe src="iframe_content2.html"></iframe>
|
||||
<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>
|
||||
121
www/analytics/libs/bower_components/jScrollPane/iframe2.html
vendored
Normal file
121
www/analytics/libs/bower_components/jScrollPane/iframe2.html
vendored
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - alternative iframe 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 */
|
||||
.iframe-holder {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
iframe
|
||||
{
|
||||
border: 0;
|
||||
width: 100%;
|
||||
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()
|
||||
{
|
||||
$('iframe').bind(
|
||||
'load.jsp',
|
||||
function()
|
||||
{
|
||||
var doc = this.contentDocument || this.contentWindow.document;
|
||||
var jDoc = $(doc);
|
||||
//jDoc = $('body', doc);
|
||||
var frame = $(this);
|
||||
var destWidth = jDoc.width();
|
||||
var destHeight = jDoc.height();
|
||||
|
||||
// Need to unbind the load event otherwise it is triggered again
|
||||
// when jScrollPane wraps the iframe which results in it being removed
|
||||
// from the document and added again.
|
||||
frame.unbind('load.jsp');
|
||||
|
||||
if (destWidth > frame.width()) {
|
||||
// to allow for the scrollbar...
|
||||
// Should be possible more cleanly though
|
||||
destWidth += 16;
|
||||
}
|
||||
if (destHeight > frame.height()) {
|
||||
// to allow for the scrollbar...
|
||||
// Should be possible more cleanly though
|
||||
destHeight += 16;
|
||||
}
|
||||
frame.width(destWidth);
|
||||
frame.height(destHeight);
|
||||
frame.parent().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 - alternative approach to implement jScrollPane with iframes</h1>
|
||||
<p>
|
||||
This demonstration shows a different approach to <a href="iframe.html">the first iframe demo</a> for
|
||||
styling the scrollbars associated with an iframe. This approach requires no special code inside the
|
||||
iframe content pages (e.g. <a href="iframe_content3.html">iframe_content3.html</a> and
|
||||
<a href="iframe_content4.html">iframe_content4.html</a>) and instead relies on the script in the hosting
|
||||
page (this page).
|
||||
</p>
|
||||
<p>
|
||||
This approach has some shortcomings though. The mousewheel doesn't work and the calculation of the width
|
||||
and height seems a little off...
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<div class="iframe-holder">
|
||||
<iframe src="iframe_content3.html"></iframe>
|
||||
</div>
|
||||
<h2>Both</h2>
|
||||
<div class="iframe-holder">
|
||||
<iframe src="iframe_content4.html"></iframe>
|
||||
</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>
|
||||
143
www/analytics/libs/bower_components/jScrollPane/iframe_content1.html
vendored
Normal file
143
www/analytics/libs/bower_components/jScrollPane/iframe_content1.html
vendored
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane iframe content</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 */
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
}
|
||||
#content
|
||||
{
|
||||
}
|
||||
</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 win = $(window);
|
||||
// Full body scroll
|
||||
var isResizing = false;
|
||||
win.bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
if (!isResizing) {
|
||||
isResizing = true;
|
||||
var container = $('#content');
|
||||
// Temporarily make the container tiny so it doesn't influence the
|
||||
// calculation of the size of the document
|
||||
container.css(
|
||||
{
|
||||
'width': 1,
|
||||
'height': 1
|
||||
}
|
||||
);
|
||||
// Now make it the size of the window...
|
||||
container.css(
|
||||
{
|
||||
'width': win.width(),
|
||||
'height': win.height()
|
||||
}
|
||||
);
|
||||
isResizing = false;
|
||||
container.jScrollPane(
|
||||
{
|
||||
'showArrows': true
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
).trigger('resize');
|
||||
|
||||
// Workaround for known Opera issue which breaks demo (see
|
||||
// http://jscrollpane.kelvinluck.com/known_issues.html#opera-scrollbar )
|
||||
$('body').css('overflow', 'hidden');
|
||||
|
||||
// IE calculates the width incorrectly first time round (it
|
||||
// doesn't count the space used by the native scrollbar) so
|
||||
// we re-trigger if necessary.
|
||||
if ($('#full-page-container').width() != win.width()) {
|
||||
win.trigger('resize');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
143
www/analytics/libs/bower_components/jScrollPane/iframe_content2.html
vendored
Normal file
143
www/analytics/libs/bower_components/jScrollPane/iframe_content2.html
vendored
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane iframe content 2</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 */
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
.scroll-pane p
|
||||
{
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
</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 win = $(window);
|
||||
// Full body scroll
|
||||
var isResizing = false;
|
||||
win.bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
if (!isResizing) {
|
||||
isResizing = true;
|
||||
var container = $('#content');
|
||||
// Temporarily make the container tiny so it doesn't influence the
|
||||
// calculation of the size of the document
|
||||
container.css(
|
||||
{
|
||||
'width': 1,
|
||||
'height': 1
|
||||
}
|
||||
);
|
||||
// Now make it the size of the window...
|
||||
container.css(
|
||||
{
|
||||
'width': win.width(),
|
||||
'height': win.height()
|
||||
}
|
||||
);
|
||||
isResizing = false;
|
||||
container.jScrollPane(
|
||||
{
|
||||
'showArrows': true
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
).trigger('resize');
|
||||
|
||||
// Workaround for known Opera issue which breaks demo (see
|
||||
// http://jscrollpane.kelvinluck.com/known_issues.html#opera-scrollbar )
|
||||
$('body').css('overflow', 'hidden');
|
||||
|
||||
// IE calculates the width incorrectly first time round (it
|
||||
// doesn't count the space used by the native scrollbar) so
|
||||
// we re-trigger if necessary.
|
||||
if ($('#full-page-container').width() != win.width()) {
|
||||
win.trigger('resize');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
76
www/analytics/libs/bower_components/jScrollPane/iframe_content3.html
vendored
Normal file
76
www/analytics/libs/bower_components/jScrollPane/iframe_content3.html
vendored
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane iframe content 3</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
html,
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
76
www/analytics/libs/bower_components/jScrollPane/iframe_content4.html
vendored
Normal file
76
www/analytics/libs/bower_components/jScrollPane/iframe_content4.html
vendored
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane iframe content 4</title>
|
||||
|
||||
<!-- styles specific to demo site -->
|
||||
<link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
html,
|
||||
body
|
||||
{
|
||||
background: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
96
www/analytics/libs/bower_components/jScrollPane/image.html
vendored
Normal file
96
www/analytics/libs/bower_components/jScrollPane/image.html
vendored
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane image 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: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin: 1em 0;
|
||||
}
|
||||
</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(
|
||||
{
|
||||
autoReinitialise: 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 - image demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how jScrollPane can handle it when some slow loading images are included
|
||||
in the contents of the pane.
|
||||
</p>
|
||||
<p>
|
||||
We use <a href="settings.html#autoReinitialise">autoReinitialse</a> so that the scrollpane automatically
|
||||
re-calculates the size of it's content if and when it changes. Note that use of this property adds an
|
||||
overhead to your page and is subject to the same warnings on the <a href="auto_reinitialise.html">auto
|
||||
reinitialise demo</a> page.
|
||||
</p>
|
||||
<p>
|
||||
If you can it is better to include width and height for each image (either through width and height
|
||||
attributes or via CSS) in the markup. That way you can avoid the autoReinitialise cost. See
|
||||
<a href="image2.html">this demo</a> for an example of that approach.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
<img src="http://farm5.static.flickr.com/4068/4502147230_61d4f18460_z.jpg" alt="Touring" />
|
||||
<img src="http://farm5.static.flickr.com/4065/4501530717_8a7f9c8ce8_z.jpg" alt="Avalauncher" />
|
||||
<img src="http://farm5.static.flickr.com/4034/4502145190_d7ae16127b_z.jpg" alt="Rockies" />
|
||||
<img src="http://farm5.static.flickr.com/4003/4409969018_16cc9d8bf1_z.jpg" alt="Paper cranes" />
|
||||
<img src="http://farm5.static.flickr.com/4064/4407630907_1430d32efa_z.jpg" alt="Icecream">
|
||||
</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>
|
||||
BIN
www/analytics/libs/bower_components/jScrollPane/image/logo.png
vendored
Normal file
BIN
www/analytics/libs/bower_components/jScrollPane/image/logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
98
www/analytics/libs/bower_components/jScrollPane/image2.html
vendored
Normal file
98
www/analytics/libs/bower_components/jScrollPane/image2.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 image demo 2</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: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
img.portrait
|
||||
{
|
||||
width: 480px;
|
||||
height: 640px;
|
||||
}
|
||||
|
||||
img.landscape
|
||||
{
|
||||
width: 640px;
|
||||
height: 480px;
|
||||
}
|
||||
</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 - image demo page part 2</h1>
|
||||
<p>
|
||||
This demonstration shows how you can avoid the autoReinitialise overhead (as seen in the
|
||||
<a href="image.html">first image demo</a>) by fixing the width and height of the images inside your
|
||||
scroll pane.
|
||||
</p>
|
||||
<p>
|
||||
As you can see from the sourcecode for this page, you can set the width and height either through CSS or
|
||||
using width and height attributes on the image itself.
|
||||
</p>
|
||||
<div class="scroll-pane">
|
||||
<img src="http://farm5.static.flickr.com/4068/4502147230_61d4f18460_z.jpg" class="portrait" alt="Touring" />
|
||||
<img src="http://farm5.static.flickr.com/4065/4501530717_8a7f9c8ce8_z.jpg" class="landscape" alt="Avalauncher" />
|
||||
<img src="http://farm5.static.flickr.com/4034/4502145190_d7ae16127b_z.jpg" class="landscape" alt="Rockies" />
|
||||
<img src="http://farm5.static.flickr.com/4003/4409969018_16cc9d8bf1_z.jpg" width="640" height="480" alt="Paper cranes" />
|
||||
<img src="http://farm5.static.flickr.com/4064/4407630907_1430d32efa_z.jpg" width="480" height="640" alt="Icecream">
|
||||
</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>
|
||||
315
www/analytics/libs/bower_components/jScrollPane/index.html
vendored
Normal file
315
www/analytics/libs/bower_components/jScrollPane/index.html
vendored
Normal file
|
|
@ -0,0 +1,315 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - cross browser styleable scrollbars with jQuery and CSS</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="#">Home</a></li>
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
<li><a href="#themes">Themes</a></li>
|
||||
<li><a href="#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="#support">Support</a></li>
|
||||
<li><a href="#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - cross browser styleable scrollbars with jQuery and CSS</h1>
|
||||
<p class="intro">
|
||||
jScrollPane is a cross-browser <a href="http://jquery.com">jQuery</a> plugin by
|
||||
<a href="http://www.kelvinluck.com">Kelvin Luck</a> which converts a browser's default scrollbars (on
|
||||
elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.
|
||||
</p>
|
||||
<p>
|
||||
jScrollPane is designed to be flexible but very easy to use. After you have <a href="#download">
|
||||
downloaded</a> and <a href="#usage">included</a> the relevant files
|
||||
in the head of your document all you need to to is call one javascript function to initialise the
|
||||
scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing
|
||||
<a href="#themes">themes</a>. There are a number of different <a href="#examples">examples</a> showcasing
|
||||
different features of jScrollPane and a number of ways for you to get <a href="#support">support</a>.
|
||||
</p>
|
||||
|
||||
<h2 id="usage">How to use</h2>
|
||||
<p>
|
||||
It is very simple to use jScrollPane. You will need to <a href="#download">download</a> the necessary
|
||||
files and place them on your server. Then you just need to include the relevant files in the <head>
|
||||
of your document:
|
||||
</p>
|
||||
<pre><!-- styles needed by jScrollPane -->
|
||||
<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.4.2/jquery.min.js">
|
||||
</script>
|
||||
|
||||
<!-- the mousewheel plugin - optional to provide mousewheel support -->
|
||||
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
|
||||
|
||||
<!-- the jScrollPane script -->
|
||||
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script></pre>
|
||||
<p>
|
||||
Then you just need to initialise jScrollPane on document.ready (using a selector which will find the
|
||||
content you want to apply jScrollPane to):
|
||||
</p>
|
||||
<pre>$(function()
|
||||
{
|
||||
$('.scroll-pane').jScrollPane();
|
||||
});</pre>
|
||||
<p>
|
||||
There are plenty of different ways to use jScrollPane - either passing in different <a href="settings.html">
|
||||
settings</a> when you initialise it or by using the <a href="api.html">API</a>. Each of these different
|
||||
use cases is covered by an <a href="#examples">example</a> linked to from below.
|
||||
</p>
|
||||
|
||||
<h2 id="download">Download</h2>
|
||||
<p>
|
||||
You can always find the latest code for jScrollPane on its <a href="http://github.com/vitch/jScrollPane">
|
||||
github</a> page. You can either check out this entire website (including all examples) via git, or you
|
||||
can use the handy github functionality to <a href="http://github.com/vitch/jScrollPane/archives/master">
|
||||
download a zip</a> of the repository.
|
||||
</p>
|
||||
<p>
|
||||
The particular files that you need are:
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a href="style/jquery.jscrollpane.css">jquery.jscrollpane.css</a> - the basic CSS styles that are
|
||||
needed for jScrollPane to work.
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.jquery.com">The jQuery library</a> - although I recommend including this
|
||||
directly from a CDN like I do above and in all of the examples.
|
||||
</li>
|
||||
<li>
|
||||
<a href="script/jquery.mousewheel.js">jquery.mousewheel.js</a> - The
|
||||
<a href="http://github.com/brandonaaron/jquery-mousewheel/">jQuery mouseweel</a> plugin. This is
|
||||
optional but recommended, include it to allow people to scroll your content using their mouse wheel.
|
||||
</li>
|
||||
<li>
|
||||
<a href="script/mwheelIntent.js">mwheelIntent.js</a> - The
|
||||
<a href="http://www.protofunc.com/scripts/jquery/mwheelIntent/">mwheelIntent</a> plugin. This is
|
||||
totally optional but can increase the usability of the mousewheel in nested scroll areas.
|
||||
<a href="mwheel_intent.html">See demo</a>.
|
||||
</li>
|
||||
<li>
|
||||
<a href="script/jquery.jscrollpane.min.js">jquery.jscrollpane.min.js</a> - the actual javascript file
|
||||
for jScrollPane (you can also get the <a href="script/jquery.jscrollpane.js">unminified</a> version
|
||||
if yu want to see the sourcecode and read the comments).
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="examples">Simple examples/ tests</h2>
|
||||
<p>
|
||||
These examples show very basic functionality and exist so that I can test that any changes to
|
||||
jScrollPane work cross browser and don't cause any new problems. Note that these examples aren't meant
|
||||
to look pretty, they merely highlight different bits of functionaity which are available. If you want
|
||||
examples of jScrollPane looking good then check out the <a href="#themes">themes</a>.
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a href="basic.html">Demo</a> showing basic scrolling (horizontal, vertical and combined)
|
||||
</li>
|
||||
<li>
|
||||
<a href="arrows.html">Demo</a> showing basic scrolling (horizontal, vertical and combined) with
|
||||
arrow buttons
|
||||
</li>
|
||||
<li>
|
||||
<a href="focus.html">Demo</a> showing how the contents of the scrollpane is focused as you tab to it
|
||||
</li>
|
||||
<li>
|
||||
<a href="caps.html">Demo</a> showing how you can set "caps" and "gutters" to change the size and
|
||||
positioning of the scrollbar relative to the content it is scrolling
|
||||
</li>
|
||||
<li>
|
||||
<a href="drag_size.html">Demo</a> showing how you can restrict the minimum and maxium size of the
|
||||
drag part of the scrollbar
|
||||
</li>
|
||||
<li>
|
||||
<a href="arrow_hover.html">Demo</a> showing how the <a href="settings.html#arrowScrollOnHover">
|
||||
arrowScrollOnHover</a> option makes the arrow buttons automatically scroll the content when you
|
||||
hover over them
|
||||
</li>
|
||||
<li>
|
||||
<a href="arrow_positions.html">Demo</a> showing how the <a href="settings.html#verticalArrowPositions">
|
||||
verticalArrowPositions</a> and <a href="settings.html#horizontalArrowPositions">
|
||||
horizontalArrowPositions</a> options can change the position of the arrow buttons
|
||||
</li>
|
||||
<li>
|
||||
<a href="scroll_to.html">Demo</a> showing how you can use the <a href="api.html#scrollTo">scrollTo
|
||||
</a> and <a href="api.html#scrollBy">scrollBy</a> methods of the API
|
||||
</li>
|
||||
<li>
|
||||
<a href="scroll_to_animate.html">Demo</a> showing how you can use the <a href="api.html#scrollTo">
|
||||
scrollTo</a> and <a href="api.html#scrollBy">scrollBy</a> methods of the API along with the
|
||||
<a href="settings.html#animateScroll">animateScroll</a> which enables animation when scrolling
|
||||
</li>
|
||||
<li>
|
||||
<a href="anchors.html">Demo</a> showing how you can make internal links automatically scroll the
|
||||
scrollpane (and how <a href="anchors.html#para4">external links</a> can link directly into content
|
||||
within a jScrollPane)
|
||||
</li>
|
||||
<li>
|
||||
<a href="invisibles.html">Demo</a> showing that jScrollPane can work correctly on elements which are
|
||||
initially set to be invisible via CSS
|
||||
</li>
|
||||
<li>
|
||||
<a href="less_basic.html">Demo</a> showing vertical scrolling with multiple panes on the same page
|
||||
and adding dynamic content and then reinitialising one of the panes
|
||||
</li>
|
||||
<li>
|
||||
<a href="dynamic_content.html">Demo</a> showing how you can manually <a href="api.html#reinitialise">
|
||||
reinitialise</a> the scrollpane if you add dynamic content to it
|
||||
</li>
|
||||
<li>
|
||||
<a href="ajax.html">Demo</a> showing how you can change the content of your jScrollPane via an ajax
|
||||
call and can reinitialise the scrollpane once the new content has loaded
|
||||
</li>
|
||||
<li>
|
||||
<a href="auto_reinitialise.html">Demo</a> showing how jScrollPane can be set to automatically
|
||||
reinitialise itself on a timer via the <a href="settings.html#autoReinitialise">autoReinitialise</a>
|
||||
parameter
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="image.html">Demo</a> showing how <a href="settings.html#autoReinitialise">autoReinitialise
|
||||
</a> can also be used so that content with images in it displays correctly in jScrollPane
|
||||
</li>
|
||||
<li>
|
||||
<a href="dynamic_width.html">Demo</a> showing how jScrollPane can be reinitialised when the width of
|
||||
it's container changes and will update to fill the available space
|
||||
</li>
|
||||
<li>
|
||||
<a href="dynamic_height.html">Demo</a> showing how jScrollPane can be reinitialised when the height
|
||||
of it's container changes and will update to fill the available space
|
||||
</li>
|
||||
<li>
|
||||
<a href="fullpage_scroll.html">Demo</a> showing how jScrollPane can be applied to an entire page
|
||||
so that the browser's default scrollbars for the page are replaced. This demo also shows that you
|
||||
can nest jScrollPanes and everything will still work correctly.
|
||||
</li>
|
||||
<li>
|
||||
<a href="iframe.html">Demo</a> showing how jScrollPane can be used to style the scrollbars in an
|
||||
iframe.
|
||||
</li>
|
||||
<li>
|
||||
<a href="scroll_on_left.html">Demo</a> showing how vertical scrollbars can also appear on the left
|
||||
hand side of content
|
||||
</li>
|
||||
<li>
|
||||
<a href="short.html">Demo</a> showing that no scrollbars are created when the content is too short
|
||||
to scroll
|
||||
</li>
|
||||
<li>
|
||||
<a href="events.html">Demo</a> showing the events that are dispatched by an element you apply
|
||||
jScrollPane to.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="themes">Themes</h2>
|
||||
<p>
|
||||
You can style jScrollPane however you like using simple CSS. To give you some ideas, here are a variety
|
||||
of different themes which you are free to <a href="#download">download</a> and use or modify:
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="themes/lozenge/">Lozenge</a> - lozenge shaped sliders and small arrow buttons</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="support">Support</h2>
|
||||
<p>
|
||||
Before trying to get support please check if your problem is a <a href="known_issues.html">known
|
||||
issue</a> or if it is mentioned in the <a href="faqs.html">FAQs</a>. If your issue is a new one and
|
||||
you can't find any information about it then you can try one of the following two options:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
Using the <a href="http://stackoverflow.com">StackOverflow</a> site. This is probably the
|
||||
place you are most likely to get a quick answer as many Javascript experts spend time on
|
||||
the site. It also provides niceties like pretty formatting of posted sourcecode.
|
||||
</p>
|
||||
<p>
|
||||
If you ask a question on the site make sure you add the tags "jquery" and "jscrollpane" as
|
||||
I will be monitoring these tags to try to provide support.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
Through the <a href="http://groups.google.com/group/jscrollpane/">jScrollPane google group
|
||||
</a> - sign up and then you can start a discussion (either by email or through the web
|
||||
interface).
|
||||
</p>
|
||||
<p>
|
||||
Please remember to use the search field at the top of the group's homepage to search the
|
||||
archive to find out if your question has been answered before.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
If you have contacted support and established that your problem is definitely a bug then you can
|
||||
<a href="http://github.com/vitch/jScrollPane/issues">raise an issue</a> on the project's github
|
||||
site.
|
||||
</p>
|
||||
|
||||
<h2 id="history">History</h2>
|
||||
<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 you can check out
|
||||
the <a href="changelog.html">changelog</a>.
|
||||
</p>
|
||||
|
||||
<h2 id="credits">Credits</h2>
|
||||
<p>
|
||||
Thanks to <a href="http://www.hoppermagic.com">Hoppermagic</a> for creating the jScrollPane logo! And
|
||||
thanks to Mark Reed, Philip Leff and <a href="http://www.erwinodendaal.com">Erwin Odendaal</a> for
|
||||
sponsoring the development of v2 of this plugin (particularly to enable horizontal scrolling).
|
||||
</p>
|
||||
|
||||
<h2 id="donate">Donate</h2>
|
||||
<p>
|
||||
jScrollPane is a personal project that is open source for anybody to use as they want to. If you (and
|
||||
your clients!) like jScrollPane then please consider donating to it's ongoing development. You can do
|
||||
so via Pledgie or Paypal using the images below:
|
||||
</p>
|
||||
<p style="margin-top: 0; float: left;">
|
||||
<a href='http://www.pledgie.com/campaigns/12524'>
|
||||
<img alt='Click here to lend your support to: jScrollPane and make a donation at www.pledgie.com !'
|
||||
src='http://www.pledgie.com/campaigns/12524.png?skin_name=chrome' border='0'
|
||||
/>
|
||||
</a>
|
||||
</p>
|
||||
<form method="post" action="https://www.paypal.com/cgi-bin/webscr" style="margin: 15px 0 0 20px;">
|
||||
<input type="hidden" value="_donations" name="cmd">
|
||||
<input type="hidden" value="V2UG6D75CZ4SS" name="business">
|
||||
<input type="hidden" value="GB" name="lc">
|
||||
<input type="hidden" value="jScrollPane" name="item_name">
|
||||
<input type="hidden" value="GBP" name="currency_code">
|
||||
<input type="hidden" value="PP-DonationsBF:btn_donate_SM.gif:NonHosted" name="bn">
|
||||
<input type="image" alt="" name="submit" style="border: 0pt none;" src="https://www.paypal.com/en_GB/i/btn/btn_donate_SM.gif">
|
||||
<img height="1" border="0" width="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" style="padding: 0pt;" alt="">
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
523
www/analytics/libs/bower_components/jScrollPane/invisibles.html
vendored
Normal file
523
www/analytics/libs/bower_components/jScrollPane/invisibles.html
vendored
Normal file
|
|
@ -0,0 +1,523 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane demo showing jScrollPane working on elements which are initially display:none</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 */
|
||||
ul.tabs
|
||||
{
|
||||
margin: 0 0 .5em;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ul.tabs li
|
||||
{
|
||||
list-style: none;
|
||||
float: left;
|
||||
margin: 0 1em 0 0;
|
||||
}
|
||||
ul.tabs li a
|
||||
{
|
||||
color: #fff;
|
||||
padding: 3px 5px;
|
||||
display: block;
|
||||
float: left;
|
||||
background: #8B8B9F;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
ul.tabs li a.active
|
||||
{
|
||||
background: #50506D;
|
||||
}
|
||||
.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()
|
||||
{
|
||||
// Create the "tabs"
|
||||
$('.tabs').each(
|
||||
function()
|
||||
{
|
||||
var currentTab, ul = $(this);
|
||||
$(this).find('a').each(
|
||||
function(i)
|
||||
{
|
||||
var a = $(this).bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
if (currentTab) {
|
||||
ul.find('a.active').removeClass('active');
|
||||
$(currentTab).hide();
|
||||
}
|
||||
currentTab = $(this).addClass('active')
|
||||
.attr('href');
|
||||
$(currentTab).show().jScrollPane();
|
||||
return false;
|
||||
}
|
||||
);
|
||||
$(a.attr('href')).hide();
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
});
|
||||
</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 jScrollPane working on elements which are initially display: none</h1>
|
||||
<p>
|
||||
This demo shows that jScrollPane works correctly on elements who are initially set to <strong>display:
|
||||
none</strong>. When the element is first shown you simply have to (re)initialise the scrollpane (or you
|
||||
could even use <a href="settings.html#autoReinitialise">autoReinitialise</a> if you like) and its width
|
||||
and height will be calculated correctly.
|
||||
</p>
|
||||
<p>
|
||||
Note that the majority of the custom javascript and CSS on this page is just to create basic "tabs"
|
||||
functionality where you can switch between different content on the page by clicking links. You don't
|
||||
need to do anything special for jScrollPane to work in this situation.
|
||||
</p>
|
||||
|
||||
<h2>Vertical only</h2>
|
||||
<ul class="tabs">
|
||||
<li><a href="#pane1">Pane 1</a></li>
|
||||
<li><a href="#pane2">Pane 2</a></li>
|
||||
<li><a href="#pane3">Pane 3</a></li>
|
||||
</ul>
|
||||
<div class="scroll-pane" id="pane1">
|
||||
<p>
|
||||
<strong>ONE</strong> 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>
|
||||
<div class="scroll-pane" id="pane2">
|
||||
<p>
|
||||
<strong>TWO</strong> 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>
|
||||
<div class="scroll-pane" id="pane3">
|
||||
<p>
|
||||
<strong>THREE</strong> 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>
|
||||
<ul class="tabs">
|
||||
<li><a href="#pane4">Pane 4</a></li>
|
||||
<li><a href="#pane5">Pane 5</a></li>
|
||||
<li><a href="#pane6">Pane 6</a></li>
|
||||
</ul>
|
||||
<div class="scroll-pane horizontal-only" id="pane4">
|
||||
<p style="width: 1000px;">
|
||||
<strong>FOUR</strong>, 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>
|
||||
<div class="scroll-pane horizontal-only" id="pane5">
|
||||
<p style="width: 1000px;">
|
||||
<strong>FIVE</strong>, 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>
|
||||
<div class="scroll-pane horizontal-only" id="pane6">
|
||||
<p style="width: 1000px;">
|
||||
<strong>SIX</strong>, 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>
|
||||
<ul class="tabs">
|
||||
<li><a href="#pane7">Pane 7</a></li>
|
||||
<li><a href="#pane8">Pane 8</a></li>
|
||||
<li><a href="#pane9">Pane 9</a></li>
|
||||
</ul>
|
||||
<div class="scroll-pane" id="pane7">
|
||||
<p style="width: 1000px">
|
||||
<strong>SEVEN</strong>, 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>
|
||||
<div class="scroll-pane" id="pane8">
|
||||
<p style="width: 1000px">
|
||||
<strong>EIGHT</strong>, 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>
|
||||
<div class="scroll-pane" id="pane9">
|
||||
<p style="width: 1000px">
|
||||
<strong>NINE</strong>, 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>
|
||||
45
www/analytics/libs/bower_components/jScrollPane/issues/11/after.html
vendored
Normal file
45
www/analytics/libs/bower_components/jScrollPane/issues/11/after.html
vendored
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<meta name="description" content="Tinyfish is the smallest progressive rock band in the world, self-taught, self-financed, and self-abusing - no, wait..." />
|
||||
<meta name="keywords" content="Tinyfish, Pink Floyd, Porcupine Tree, progrock, progressive rock, prog rock, prog, Marillion, King Crimson, Rush, The Big Red Spark, Curious Things" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="../../style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
<title>latest news</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="../../script/jquery.mousewheel.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#content").jScrollPane({
|
||||
showArrows: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>news</h1>
|
||||
<p>After three years of toil, The new Tinyfish album, The Big Red Spark,
|
||||
is finally finished, and to celebrate, you'll be able to join us at The Luminaire
|
||||
in Kilburn for a very special gig to launch the album on an unsuspecting world.</p>
|
||||
<p>Although by this point, some people may already have suspected.</p>
|
||||
<p>Support will be provided by the excellent Dec Burke and his new band,
|
||||
Destroy All Monsters</p>
|
||||
<p>When: Friday, 10th September<br />
|
||||
|
||||
Where: The Luminaire (click for map)<br />
|
||||
How much: £10 in advance (£8 CRS members advance) or £12 on the door.<br />
|
||||
Doors open at 7:30.</p>
|
||||
<p>Tickets: www.linktoticket website.co.uk</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
45
www/analytics/libs/bower_components/jScrollPane/issues/11/before.html
vendored
Normal file
45
www/analytics/libs/bower_components/jScrollPane/issues/11/before.html
vendored
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<meta name="description" content="Tinyfish is the smallest progressive rock band in the world, self-taught, self-financed, and self-abusing - no, wait..." />
|
||||
<meta name="keywords" content="Tinyfish, Pink Floyd, Porcupine Tree, progrock, progressive rock, prog rock, prog, Marillion, King Crimson, Rush, The Big Red Spark, Curious Things" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="jscrollpane-2b3.css" rel="stylesheet" media="all" />
|
||||
<title>latest news</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="jquery.mousewheel.js"></script>
|
||||
|
||||
<script type="text/javascript" src="jscrollpane-2b3.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#content").jScrollPane({
|
||||
showArrows: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>news</h1>
|
||||
<p>After three years of toil, The new Tinyfish album, The Big Red Spark,
|
||||
is finally finished, and to celebrate, you'll be able to join us at The Luminaire
|
||||
in Kilburn for a very special gig to launch the album on an unsuspecting world.</p>
|
||||
<p>Although by this point, some people may already have suspected.</p>
|
||||
<p>Support will be provided by the excellent Dec Burke and his new band,
|
||||
Destroy All Monsters</p>
|
||||
<p>When: Friday, 10th September<br />
|
||||
|
||||
Where: The Luminaire (click for map)<br />
|
||||
How much: £10 in advance (£8 CRS members advance) or £12 on the door.<br />
|
||||
Doors open at 7:30.</p>
|
||||
<p>Tickets: www.linktoticket website.co.uk</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
301
www/analytics/libs/bower_components/jScrollPane/issues/11/brs_main.css
vendored
Normal file
301
www/analytics/libs/bower_components/jScrollPane/issues/11/brs_main.css
vendored
Normal file
|
|
@ -0,0 +1,301 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeueThin';
|
||||
src: url('helveticaneue-thin-webfont.eot');
|
||||
src: local('‰÷¼'), url('helveticaneue-thin-webfont.woff') format('woff'), url('helveticaneue-thin-webfont.ttf') format('truetype'), url('helveticaneue-thin-webfont.svg#webfont2SG3yTkB') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'HelveticaNeueThin',Helvetica,Arial,sans-serif;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
line-height: normal;
|
||||
font-size-adjust: 0.51;
|
||||
margin: 0px;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
P, A {
|
||||
font-size: 1em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
P {
|
||||
text-align: justify;
|
||||
margin-bottom: 1.0em;
|
||||
}
|
||||
|
||||
a:active {color:#e0262f; text-decoration: none;} /* selected link */
|
||||
a:visited {color:#c62128; text-decoration: none;} /* visited link */
|
||||
a:link {color:#d2232a; text-decoration: none;} /* unvisited link */
|
||||
a:hover {color:#df262e; text-decoration: underline;} /* mouse over link */
|
||||
|
||||
LI LI, LI LI A, TD, TD P, BLOCKQUOTE P {
|
||||
font-size: 1em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
TABLE {
|
||||
border: none;
|
||||
}
|
||||
|
||||
TD {
|
||||
vertical-align: top;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
A {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
A IMG {
|
||||
border: none;
|
||||
}
|
||||
|
||||
object { outline:none; }
|
||||
|
||||
.red {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
STRONG {
|
||||
color: #d2232a;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5 {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin-top: 0.8em;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.8em;
|
||||
margin: 0.5em 0px 0px 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
/* ----------------- begin supersize --------------------- */
|
||||
|
||||
#loading {
|
||||
position: absolute;
|
||||
top: 49.5%;
|
||||
left: 49.5%;
|
||||
z-index: 5;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-indent: -999em;
|
||||
background-image: url('../__imgs/furn/loading.gif');
|
||||
}
|
||||
|
||||
#supersize {
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
#supersize img, #supersize a {
|
||||
height:100%;
|
||||
width:100%;
|
||||
position:absolute;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#supersize img {
|
||||
image-rendering: optimizeQuality; /* Firefox 3.6+; default behavior is identical, no need to specify */
|
||||
-ms-interpolation-mode: bicubic; /* Internet Explorer 7.0; default in IE8+ */
|
||||
}
|
||||
|
||||
#supersize .prevslide, #supersize .prevslide img {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#supersize .activeslide, #supersize .activeslide img {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* ------------------ end supersize ---------------------- */
|
||||
|
||||
/* ------------------- begin header ---------------------- */
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 100%;
|
||||
margin: 0px auto;
|
||||
z-index: 4;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#header p {
|
||||
text-align: center;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
/* -------------------- end header ----------------------- */
|
||||
|
||||
/* ------------------- begin content --------------------- */
|
||||
|
||||
#content {
|
||||
z-index: 3;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 17%;
|
||||
height: 62%;
|
||||
width: 45%;
|
||||
border: 1px solid #555;
|
||||
border-left: 0px;
|
||||
padding: 0px;
|
||||
padding-left: 30px;
|
||||
padding-right: 20px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.frontpage #content {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.gallerypage #content {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 33em;
|
||||
bottom: 15%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.gallerypage #content p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.videopage #content {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 65%;
|
||||
bottom: 15%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.videopage #content p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------- end content ---------------------- */
|
||||
|
||||
/* ----------------- begin navigation -------------------- */
|
||||
|
||||
#navigate {
|
||||
position: absolute;
|
||||
height: 4em;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px auto;
|
||||
bottom: 5%;
|
||||
z-index: 3;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
border: 1px solid #555;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
#nav, #nav ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-type: none;
|
||||
list-style-position: outside;
|
||||
position: relative;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
display: block;
|
||||
height: 1.6em;
|
||||
padding: 0px 10px;
|
||||
text-decoration:none;
|
||||
line-height: 1.6em;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9); /* bug in Opera!!! */
|
||||
}
|
||||
|
||||
#nav a:link, #nav a:active, #nav a:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#nav a:hover {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
#nav li {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav ul {
|
||||
position:absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav ul li a {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
|
||||
display: block;
|
||||
height: 1.6em;
|
||||
}
|
||||
|
||||
/* ------------------ end navigation --------------------- */
|
||||
|
||||
/* ------------------ begin viewcart --------------------- */
|
||||
|
||||
#viewcart {
|
||||
z-index: 4;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 5.5%;
|
||||
height: 51px;
|
||||
width: 130px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ------------------- end viewcart ---------------------- */
|
||||
53
www/analytics/libs/bower_components/jScrollPane/issues/11/index.html
vendored
Normal file
53
www/analytics/libs/bower_components/jScrollPane/issues/11/index.html
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - issue 11</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.7.1/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 - issue 11</h1>
|
||||
<p>
|
||||
This page demonstrates the bug described in <a href="http://github.com/vitch/jScrollPane/issues#issue/11">
|
||||
issue 11</a> as reported (with nice striped down test cases) by
|
||||
<a href="http://groups.google.com/group/jscrollpane/browse_thread/thread/09d5097b536d7064">TinyFish</a>.
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a href="before.html">Before</a> - showing the bug as it appears in the version of jScrollPane which
|
||||
was current when it was reported.
|
||||
</li>
|
||||
<li>
|
||||
<a href="native.html">Native</a> - showing how the page looks with native scrollbars (i.e. if
|
||||
jScrollPane isn't initialised).
|
||||
</li>
|
||||
<li>
|
||||
<a href="after.html">After</a> - showing the page which was displaying the bug with the latest
|
||||
version of jScrollPane.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
79
www/analytics/libs/bower_components/jScrollPane/issues/11/jquery.mousewheel.js
vendored
Normal file
79
www/analytics/libs/bower_components/jScrollPane/issues/11/jquery.mousewheel.js
vendored
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
|
||||
* Licensed under the MIT License (LICENSE.txt).
|
||||
*
|
||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||
*
|
||||
* Version: 3.0.3
|
||||
*
|
||||
* Requires: 1.2.2+
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var types = ['DOMMouseScroll', 'mousewheel'];
|
||||
|
||||
$.event.special.mousewheel = {
|
||||
setup: function() {
|
||||
if ( this.addEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.addEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if ( this.removeEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.removeEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind("mousewheel", fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
|
||||
|
||||
event = $.event.fix(event || window.event);
|
||||
event.type = "mousewheel";
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
|
||||
if ( event.detail ) { delta = -event.detail/3; }
|
||||
|
||||
// New school multidimensional scroll (touchpads) deltas
|
||||
deltaY = delta;
|
||||
|
||||
// Gecko
|
||||
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
|
||||
deltaY = 0;
|
||||
deltaX = -1*delta;
|
||||
}
|
||||
|
||||
// Webkit
|
||||
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
|
||||
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
return $.event.handle.apply(this, args);
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
143
www/analytics/libs/bower_components/jScrollPane/issues/11/jscrollpane-2b3.css
vendored
Normal file
143
www/analytics/libs/bower_components/jScrollPane/issues/11/jscrollpane-2b3.css
vendored
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #000 url(../__imgs/furn/track.gif) repeat-y center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #666;
|
||||
border: solid #aaa 2px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrowUp
|
||||
{
|
||||
background-image: url("../__imgs/furn/arrow_up.gif");
|
||||
}
|
||||
|
||||
.jspArrowDown
|
||||
{
|
||||
background-image: url("../__imgs/furn/arrow_down.gif");
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspArrowUp.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background-image: url("../__imgs/furn/arrow_up.gif");
|
||||
}
|
||||
|
||||
.jspArrowDown.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background-image: url("../__imgs/furn/arrow_down.gif");
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
1063
www/analytics/libs/bower_components/jScrollPane/issues/11/jscrollpane-2b3.js
vendored
Normal file
1063
www/analytics/libs/bower_components/jScrollPane/issues/11/jscrollpane-2b3.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
42
www/analytics/libs/bower_components/jScrollPane/issues/11/native.html
vendored
Normal file
42
www/analytics/libs/bower_components/jScrollPane/issues/11/native.html
vendored
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<meta name="description" content="Tinyfish is the smallest progressive rock band in the world, self-taught, self-financed, and self-abusing - no, wait..." />
|
||||
<meta name="keywords" content="Tinyfish, Pink Floyd, Porcupine Tree, progrock, progressive rock, prog rock, prog, Marillion, King Crimson, Rush, The Big Red Spark, Curious Things" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="../../style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
<title>latest news</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="../../script/jquery.mousewheel.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>news</h1>
|
||||
<p>After three years of toil, The new Tinyfish album, The Big Red Spark,
|
||||
is finally finished, and to celebrate, you'll be able to join us at The Luminaire
|
||||
in Kilburn for a very special gig to launch the album on an unsuspecting world.</p>
|
||||
<p>Although by this point, some people may already have suspected.</p>
|
||||
<p>Support will be provided by the excellent Dec Burke and his new band,
|
||||
Destroy All Monsters</p>
|
||||
<p>When: Friday, 10th September<br />
|
||||
|
||||
Where: The Luminaire (click for map)<br />
|
||||
How much: £10 in advance (£8 CRS members advance) or £12 on the door.<br />
|
||||
Doors open at 7:30.</p>
|
||||
<p>Tickets: www.linktoticket website.co.uk</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
80
www/analytics/libs/bower_components/jScrollPane/issues/12/after.html
vendored
Normal file
80
www/analytics/libs/bower_components/jScrollPane/issues/12/after.html
vendored
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="../../style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
var api = $("#content").jScrollPane({
|
||||
showArrows: true
|
||||
}).data('jsp');
|
||||
|
||||
$(window).bind(
|
||||
'resize',
|
||||
function()
|
||||
{
|
||||
api.reinitialise();
|
||||
}
|
||||
).trigger('resize');
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
73
www/analytics/libs/bower_components/jScrollPane/issues/12/after_reinit.html
vendored
Normal file
73
www/analytics/libs/bower_components/jScrollPane/issues/12/after_reinit.html
vendored
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="../../style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#content").jScrollPane({
|
||||
showArrows: true,
|
||||
autoReinitialise: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
72
www/analytics/libs/bower_components/jScrollPane/issues/12/before.html
vendored
Normal file
72
www/analytics/libs/bower_components/jScrollPane/issues/12/before.html
vendored
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="jscrollpane-2b3.css" rel="stylesheet" media="all" />
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="jscrollpane-2b3.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#content").jScrollPane({
|
||||
showArrows: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
73
www/analytics/libs/bower_components/jScrollPane/issues/12/before_reinit.html
vendored
Normal file
73
www/analytics/libs/bower_components/jScrollPane/issues/12/before_reinit.html
vendored
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="jscrollpane-2b3.css" rel="stylesheet" media="all" />
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="jscrollpane-2b3.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#content").jScrollPane({
|
||||
showArrows: true,
|
||||
autoReinitialise: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
301
www/analytics/libs/bower_components/jScrollPane/issues/12/brs_main.css
vendored
Normal file
301
www/analytics/libs/bower_components/jScrollPane/issues/12/brs_main.css
vendored
Normal file
|
|
@ -0,0 +1,301 @@
|
|||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
@font-face {
|
||||
font-family: 'HelveticaNeueThin';
|
||||
src: url('helveticaneue-thin-webfont.eot');
|
||||
src: local('‰÷¼'), url('helveticaneue-thin-webfont.woff') format('woff'), url('helveticaneue-thin-webfont.ttf') format('truetype'), url('helveticaneue-thin-webfont.svg#webfont2SG3yTkB') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'HelveticaNeueThin',Helvetica,Arial,sans-serif;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
line-height: normal;
|
||||
font-size-adjust: 0.51;
|
||||
margin: 0px;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
P, A {
|
||||
font-size: 1em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
P {
|
||||
text-align: justify;
|
||||
margin-bottom: 1.0em;
|
||||
}
|
||||
|
||||
a:active {color:#e0262f; text-decoration: none;} /* selected link */
|
||||
a:visited {color:#c62128; text-decoration: none;} /* visited link */
|
||||
a:link {color:#d2232a; text-decoration: none;} /* unvisited link */
|
||||
a:hover {color:#df262e; text-decoration: underline;} /* mouse over link */
|
||||
|
||||
LI LI, LI LI A, TD, TD P, BLOCKQUOTE P {
|
||||
font-size: 1em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
TABLE {
|
||||
border: none;
|
||||
}
|
||||
|
||||
TD {
|
||||
vertical-align: top;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
A {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
A IMG {
|
||||
border: none;
|
||||
}
|
||||
|
||||
object { outline:none; }
|
||||
|
||||
.red {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
STRONG {
|
||||
color: #d2232a;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5 {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin-top: 0.8em;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.8em;
|
||||
margin: 0.5em 0px 0px 0px;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
/* ----------------- begin supersize --------------------- */
|
||||
|
||||
#loading {
|
||||
position: absolute;
|
||||
top: 49.5%;
|
||||
left: 49.5%;
|
||||
z-index: 5;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-indent: -999em;
|
||||
background-image: url('../__imgs/furn/loading.gif');
|
||||
}
|
||||
|
||||
#supersize {
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
#supersize img, #supersize a {
|
||||
height:100%;
|
||||
width:100%;
|
||||
position:absolute;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#supersize img {
|
||||
image-rendering: optimizeQuality; /* Firefox 3.6+; default behavior is identical, no need to specify */
|
||||
-ms-interpolation-mode: bicubic; /* Internet Explorer 7.0; default in IE8+ */
|
||||
}
|
||||
|
||||
#supersize .prevslide, #supersize .prevslide img {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#supersize .activeslide, #supersize .activeslide img {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* ------------------ end supersize ---------------------- */
|
||||
|
||||
/* ------------------- begin header ---------------------- */
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 100%;
|
||||
margin: 0px auto;
|
||||
z-index: 4;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#header p {
|
||||
text-align: center;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
/* -------------------- end header ----------------------- */
|
||||
|
||||
/* ------------------- begin content --------------------- */
|
||||
|
||||
#content {
|
||||
z-index: 3;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 17%;
|
||||
height: 62%;
|
||||
width: 45%;
|
||||
border: 1px solid #555;
|
||||
border-left: 0px;
|
||||
padding: 0px;
|
||||
padding-left: 30px;
|
||||
padding-right: 20px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.frontpage #content {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.gallerypage #content {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 33em;
|
||||
bottom: 15%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.gallerypage #content p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.videopage #content {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 65%;
|
||||
bottom: 15%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.videopage #content p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------- end content ---------------------- */
|
||||
|
||||
/* ----------------- begin navigation -------------------- */
|
||||
|
||||
#navigate {
|
||||
position: absolute;
|
||||
height: 4em;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px auto;
|
||||
bottom: 5%;
|
||||
z-index: 3;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
border: 1px solid #555;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
#nav, #nav ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-type: none;
|
||||
list-style-position: outside;
|
||||
position: relative;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
display: block;
|
||||
height: 1.6em;
|
||||
padding: 0px 10px;
|
||||
text-decoration:none;
|
||||
line-height: 1.6em;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9); /* bug in Opera!!! */
|
||||
}
|
||||
|
||||
#nav a:link, #nav a:active, #nav a:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#nav a:hover {
|
||||
color: #d2232a;
|
||||
}
|
||||
|
||||
#nav li {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav ul {
|
||||
position:absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav ul li a {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
|
||||
display: block;
|
||||
height: 1.6em;
|
||||
}
|
||||
|
||||
/* ------------------ end navigation --------------------- */
|
||||
|
||||
/* ------------------ begin viewcart --------------------- */
|
||||
|
||||
#viewcart {
|
||||
z-index: 4;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 5.5%;
|
||||
height: 51px;
|
||||
width: 130px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ------------------- end viewcart ---------------------- */
|
||||
53
www/analytics/libs/bower_components/jScrollPane/issues/12/index.html
vendored
Normal file
53
www/analytics/libs/bower_components/jScrollPane/issues/12/index.html
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - issue 12</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.7.1/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 - issue 12</h1>
|
||||
<p>
|
||||
This page demonstrates the bug described in <a href="http://github.com/vitch/jScrollPane/issues#issue/12">
|
||||
issue 12</a> as reported (with nice striped down test cases) by
|
||||
<a href="http://groups.google.com/group/jscrollpane/browse_thread/thread/98efa9ded76d5729">TinyFish</a>.
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a href="before.html">Before</a> - showing the bug as it appears in the version of jScrollPane which
|
||||
was current when it was reported.
|
||||
</li>
|
||||
<li>
|
||||
<a href="native.html">Native</a> - showing how the page looks with native scrollbars (i.e. if
|
||||
jScrollPane isn't initialised).
|
||||
</li>
|
||||
<li>
|
||||
<a href="after.html">After</a> - showing the page which was displaying the bug with the latest
|
||||
version of jScrollPane.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
79
www/analytics/libs/bower_components/jScrollPane/issues/12/jquery.mousewheel.js
vendored
Normal file
79
www/analytics/libs/bower_components/jScrollPane/issues/12/jquery.mousewheel.js
vendored
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
|
||||
* Licensed under the MIT License (LICENSE.txt).
|
||||
*
|
||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||
*
|
||||
* Version: 3.0.3
|
||||
*
|
||||
* Requires: 1.2.2+
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var types = ['DOMMouseScroll', 'mousewheel'];
|
||||
|
||||
$.event.special.mousewheel = {
|
||||
setup: function() {
|
||||
if ( this.addEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.addEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if ( this.removeEventListener ) {
|
||||
for ( var i=types.length; i; ) {
|
||||
this.removeEventListener( types[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind("mousewheel", fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
|
||||
|
||||
event = $.event.fix(event || window.event);
|
||||
event.type = "mousewheel";
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
|
||||
if ( event.detail ) { delta = -event.detail/3; }
|
||||
|
||||
// New school multidimensional scroll (touchpads) deltas
|
||||
deltaY = delta;
|
||||
|
||||
// Gecko
|
||||
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
|
||||
deltaY = 0;
|
||||
deltaX = -1*delta;
|
||||
}
|
||||
|
||||
// Webkit
|
||||
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
|
||||
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
return $.event.handle.apply(this, args);
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
143
www/analytics/libs/bower_components/jScrollPane/issues/12/jscrollpane-2b3.css
vendored
Normal file
143
www/analytics/libs/bower_components/jScrollPane/issues/12/jscrollpane-2b3.css
vendored
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #000 url(../__imgs/furn/track.gif) repeat-y center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #666;
|
||||
border: solid #aaa 2px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background-color: rgba(0,0,0,0.9);
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrowUp
|
||||
{
|
||||
background-image: url("../__imgs/furn/arrow_up.gif");
|
||||
}
|
||||
|
||||
.jspArrowDown
|
||||
{
|
||||
background-image: url("../__imgs/furn/arrow_down.gif");
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspArrowUp.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background-image: url("../__imgs/furn/arrow_up.gif");
|
||||
}
|
||||
|
||||
.jspArrowDown.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background-image: url("../__imgs/furn/arrow_down.gif");
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
1063
www/analytics/libs/bower_components/jScrollPane/issues/12/jscrollpane-2b3.js
vendored
Normal file
1063
www/analytics/libs/bower_components/jScrollPane/issues/12/jscrollpane-2b3.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
69
www/analytics/libs/bower_components/jScrollPane/issues/12/native.html
vendored
Normal file
69
www/analytics/libs/bower_components/jScrollPane/issues/12/native.html
vendored
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="../../style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
87
www/analytics/libs/bower_components/jScrollPane/issues/12/wrapped.html
vendored
Normal file
87
www/analytics/libs/bower_components/jScrollPane/issues/12/wrapped.html
vendored
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<meta name="verify-v1" content="ven67p9fXoMQpbw1icSXo8l+I5Z+upY90LnIqaPDgKo=" />
|
||||
<link href="brs_main.css" rel="stylesheet" type="text/css"/>
|
||||
<link type="text/css" href="jscrollpane-2b3.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css">
|
||||
#content
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
#scroller
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>The History of Tinyfish</title>
|
||||
<!-- compliance patch for microsoft browsers -->
|
||||
<!--[if lt IE 8]><script src="../__js/IE8.js" type="text/javascript"></script><![endif]-->
|
||||
<script src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript" src="jquery.mousewheel.js"></script>
|
||||
<script type="text/javascript" src="jscrollpane-2b3.js"></script>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
$("#scroller").jScrollPane({
|
||||
showArrows: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body class="nopage">
|
||||
<div id="content">
|
||||
<div id="scroller">
|
||||
<h1>The History of Tinyfish</h1>
|
||||
<p>It all began with a pair of broken arms and two dodgy eyes.</p>
|
||||
<p>It’s 1978, the year that <a href="../__imgs/band/history/schoolboyjim.jpg" title="Jim at school" rel="#hist02">Jim Sanders</a> and <a href="../__imgs/band/history/babysimon.jpg" title="Simon as a baby" rel="#hist01">Simon Godfrey</a> met at school in East Sheen (South London). Although each had been aware of the other since the age of five, the two would have been on nothing more than nodding acquaintance, save for two medical problems that forced them together and would eventually lead to the band we know today as Tinyfish.</p>
|
||||
|
||||
<p>Bloody weaklings.</p>
|
||||
<p>Jim had been diagnosed with a rare retinal disease which had a good chance of robbing him of his vision, and had recently undergone laser eye surgery. Simon more comedically had broken both arms after falling off a roof, leaving him with seriously weakened joints. As part of their convalescence from their respective surgeries, both boys were excused sports for six months.</p>
|
||||
<p>While the rest of the kids kicked the living crap out of each other under the pretence of playing football or rugby, Jim and Simon sat on a low school wall watching the on-field carnage and eyeing one another warily. Initially Simon was the talkative one while Jim sat silently, but as soon as the subject matter turned to music, both began to find some common ground, and the conversation became a two way street.</p>
|
||||
<p>Initially, Jim had been a Rock/New Wave fan who loved Thin Lizzy (above all others), but incongruously, also the Skids (who would later become Big Country) and the Rezillos (who wouldn’t). Simon on the other hand was a fan of ELO and The Sweet but both agreed that music, and in particular, rock bands, were the bee’s knees.</p>
|
||||
<p>Around the same time , Simon had struck up a friendship with another boy at school called <a href="../__imgs/band/history/youngpaul.jpg" title="Paul - much younger" rel="#hist03">Paul Worwood</a>, initially during school music lessons. The pair were both big fans of Dungeons and Dragons and would play the game constantly throughout their teenage years.</p>
|
||||
|
||||
<p>Bloody geeks.</p>
|
||||
<p>As the 70’s gave way to the 80’s and the three grew to be good friends, Jim drew Simon and Paul towards a new love; heavy metal. Over the next three years, the trio saw every metal band that played at their local venue (The Hammersmith Odeon). While the three saw the likes of Thin Lizzy, Saxon, MSG, Iron Maiden and The Scorpions, their listening tastes also encompassed bands such as Yes, Genesis, King Crimson and Magnum.</p>
|
||||
<p>Jim had first played ‘Going For The One’ by Yes to Simon back in the 70's (Simon rather uncharitably dubbed it ‘f***ing Country & Western’. To be fair, Jim told Simon not to bother with Jethro Tull, as he thought they were arse... without actually having ever heard them. Twit.). Jim persevered however, and when he spun ‘A Farewell To Kings’ by Rush in an afternoon listening session, Simon was well and truly hooked. He now also likes Yes very much. Hah! Jim now also likes Jethro Tull. Hah! Hah!</p>
|
||||
|
||||
<p>During their time at Richmond College (South West London), Jim and Simon met guitarist Nick Denville, and formed their first band, with Paul joining on bass soon after. Paul was the only person they knew who owned a car. They also thought he was a top bloke, and so without mentioning the car caveat, the three miscreants cajoled Paul into buying a bass guitar and an amplifier. They called themselves <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">‘Blackstone Edge’</a> and they were bloody rubbish. All they needed was a keyboard player to crown their musical ineptitude.</p>
|
||||
<p>Simon’s younger brother Jem was 14 when he received his first keyboard (a Casio home synth which he put through a flanger pedal to make it sound cosmic). Jem was initially invited to rehearsals to hold the lyrics up for Jim to sing from while the rest of the band played. It soon became obvious to the guys that Jem's talents were wasted as a music stand and so he was invited into the band. This line up survived for a few months before Nick Denville left to live a happier and entirely more melodic life elsewhere.</p>
|
||||
<p>Bloody kids.</p>
|
||||
<p>The band continued, and Simon relentlessly poured prog music into Jem's head which was immediately absorbed by the young keyboard player. Less than six months later, Jem had learned all of Tony Banks’ keyboard solos from both Seconds Out and Three Sides Live along with Rick Wakeman's and Patrick Moraz's solos from Yesshows. With Jem's considerable technique, and the band hungry to write original music, the direction of the band was truely set towards progressive rock. The name <a href="../__imgs/band/history/blackstoneedge.jpg" title="Blackstone Edge" rel="#hist04">Blackstone Edge</a> was soon dropped in favour of ‘Freefall Warriors’ (after a story in a Doctor Who comic) which very quickly contracted simply to <a href="../__imgs/band/history/freefall.jpg" title="Freefall Mk.1" rel="#hist06">‘Freefall’</a> and with the addition of vocalist Andrew Lovatt, the band began to rehearse <a href="../__imgs/band/history/freefallposter.jpg" title="Poster for Freefall's first gig" rel="#hist05">in preparation for live gigs.</a></p>
|
||||
|
||||
<p>During this time the band bumped into actor <a href="../__imgs/band/history/tonyaitken.jpg" title="Tony Aitken" rel="#hist07">Tony Aitken</a> who had worked during his less successful years as a supply teacher at Jim and Simon’s school in the 70’s. Tony was looking for musicians to back him in a covers band, and the guys duly offered their services (even though they then had no live experience whatsoever). The arrangement worked so well that they kept the band going for over a decade and it was there, working the pubs and clubs of southern England, that they learned the musical chops that would serve them so well in later years.</p>
|
||||
<p>In parallel to their function band work, Freefall practice/writing sessions continued. As luck would have it, IQ rehearsed in the studio next door to them, and on the back of their first gig, attended by IQ’s then manager, they managed to land the support slot at IQ’s Christmas show <a href="../__imgs/band/history/freefallmarquee.jpg" title="Freefall at the Marquee" rel="#hist08">at the Marquee Club in London. Gulp.</a></p>
|
||||
<p>Thankfully, the band hit it off immediately with the crowd and soon managed to get a string of gigs with bands like Jadis, Ark, Galahad, Mentaur and Geoff Mann from Twelth Night. Freefall looked as though they were going to make a big impact with the prog community but after an ill-judged attempt to ‘go commercial’ in the early ‘90s, (Bloody managers!) Jim left the band and the remaining members recruited a very nice gentleman called <a href="../__imgs/band/history/johnboyes.jpg" title="and on guitar - Mr. John Boyes!" rel="#hist09">John Boyes</a> on guitar. However, the moment was lost and the band soon fell apart.</p>
|
||||
|
||||
<p>Bloody idiots.</p>
|
||||
<p>Jim and Jem briefly went on, to form Pop-proggers “Charlottes’ Web” before Jem gave up the scene to work for national radio (although Jem's involvement with prog would be re-ignited a decade later with the formation (with John Boyes) of the Prog supergroup Frost*).</p>
|
||||
<p>Meanwhile, Simon and Paul formed an acoustic outfit called <a href="../__imgs/band/history/maddogs.jpg" title="Men Are Dead Mk. I" rel="#hist10">‘Men Are Dead’</a> with keyboard player Col Alkins and lyricist/harmonica player Rob Ramsay. Simon had met Rob way back in the early 80’s at Richmond College, at the same time Freefall were making their first tentative steps in music. They became good friends and Rob was always involved at some level, either by helping out at gigs or writing the occasional lyric.</p>
|
||||
|
||||
<br />
|
||||
<p>Men Are Dead began to play gigs on London's open mic scene (where any artist can roll up and play a short set of between two and five songs) and the band proved to be extremely popular with both audience and fellow musos alike. Col left after their first album, but thankfully, Jim once again joined up with Simon and Paul as a second guitarist, along with <a href="../__imgs/band/history/wayne.jpg" title="Wayne caught in the headlights" rel="#hist12">Wayne Collier</a>, an extraordinary drummer who played in almost every band in West London. <a href="../__imgs/band/history/menaredead.jpg" title="Men Are Dead Mk. II" rel="#hist11">What evolved was a prototype Tinyfish</a> sound and much of the band’s current style comes from these early twin guitar shows.</p>
|
||||
<p>The millennium came and went, and so did the name ‘Men Are Dead’. In came Simon’s alter ego ‘Simon Walsh’, a <em>nom-de-guerre</em> he still uses today when playing solo acoustic gigs. Whilst notching up appearances in the UK, Germany, France, Estonia and America, they recruited a third guitarist <a href="../__imgs/band/history/hw1.jpg" title="Tim solos at the Hope and Anchor" rel="#hist13">(Tim Eyles)</a> and all looked rosy (if a little Lynyrd Skynyrd) in the garden. Behind the scenes however, things were not going well with the band. Frustration with the strict definitions of acoustic music imposed by many clubs and venues began to take their toll on both the music and musicians. Their material was becoming more complex and the songs started to push past the three minute mark, as the band's deep-seated prog influences once again made themselves felt.</p>
|
||||
|
||||
<p>Finally in the late autumn of 2004, after much soul searching, Simon sent Jim an e-mail suggesting that maybe there was little more they could achieve as an acoustic unit and perhaps they should return to their progressive roots. Jim happily agreed and an invite was duly sent out to both Paul and Rob asking if they would be interested in joining, which thankfully they did.</p>
|
||||
<p>Simon disbanded the acoustic band, with Tim Eyles joining the punk-pop band ‘The Random’ and the four remaining musicians <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">assembled in Simon's loft</a> and began writing and rehearsing. Within six weeks it was obvious that there were real possibilities in the music they were making, but the question as to how to record this new material was causing them concern. None of them could afford to go the professional route, so the decision was made to turn the loft into a studio, and try it themselves.</p>
|
||||
<p>Robert had set up Lazy Gun Records several years previously, to promote both Men Are Dead and Simon Walsh, and suggested that this new band join the roster. This gave them complete artistic and financial control of their work. </p>
|
||||
<p>Bloody tight bastards.</p>
|
||||
|
||||
<p>Finally the subject of the name for the band reared its ugly head. There were thoughts that they could resurrect the name Freefall but that idea was soon discarded. This was a new band, and it deserved a new name (besides, someone else was now using ‘Freefall’ and they looked bigger and meaner than this band). It was Jim that quipped that they were just tiny fish compared to some of the huge prog bands still out there and within moments the name had stuck.</p>
|
||||
<p>The problem remained that they were a man short for playing live shows, but in the studio, that base was covered by Simon who, happily, can play both <a href="../__imgs/band/history/drumkit.jpg" title="Simon's electronic drumkit" rel="#hist15">drums</a> and <a href="../__imgs/band/history/guitars.jpg" title="A plethora of guitars" rel="#hist14">guitar</a> in equal measure (although not at the same time). Meanwhile, the studio had taken shape and the band had found that familiar progressive chemistry once again. The smiles were back on everybody’s faces, and the band had a sound they could work to develop.</p>
|
||||
<p>When the talk turned once more to live performances, Jim mentioned that he knew a drummer of many bands, the semi-Italian <a href="../__imgs/band/history/leonstatue.jpg" title="Leon at the kit" rel="#hist16">Leon Camfield</a>, and after a few rehearsals (and many beers) together, Leon (for whom truely progressive music is a long held love (note King Crimson tattoo on arm)) enthusiastically joined to complete the Fab Five.</p>
|
||||
|
||||
<p>So here we are in 2010. <a href="../__imgs/band/history/tinyfish1.jpg" title="tinyfish" rel="#hist17">Tinyfish</a> have gigged around the country, released both two albums, a mini-album, and a live album & DVD, and have <a href="../__imgs/band/history/tinyfish2.jpg" title="tinyfish" rel="#hist18">arrived at a destination</a> where they feel at home, and are proud of their journey to this place of better dreams.</p>
|
||||
<p class="centre"><a href="../__imgs/band/history/strangestudioshot.jpg" title="a tinyfish close encounter" rel="#hist19">Bloody pretentious tossers.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
190
www/analytics/libs/bower_components/jScrollPane/issues/7/after.html
vendored
Normal file
190
www/analytics/libs/bower_components/jScrollPane/issues/7/after.html
vendored
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Thanks to Rob Lifford ( http://www.lifford.org/ ) for the test case -->
|
||||
<meta charset="utf-8">
|
||||
<title>jScrollPane 2 reinit bug?</title>
|
||||
<style type="text/css">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 85%;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.scroll-container {
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
margin: 0 2em 1.5em 0;
|
||||
}
|
||||
|
||||
.fluid-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.padded {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
list-style: none;
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 10px 5px;
|
||||
border-top: solid 1px #ccc;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="../../style/jquery.jscrollpane.css" />
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../../script/jquery.jscrollpane.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
var element = $('.scroll-container').jScrollPane();
|
||||
var api = element.data('jsp');
|
||||
|
||||
$('#jsp').click(function() {
|
||||
elem = $('.scroll-container').jScrollPane();
|
||||
});
|
||||
|
||||
$('#api').click(function() {
|
||||
api.reinitialise();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container padded clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container fluid-width clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="clear"><button id="api">reinit via API</button> <button id="jsp">Reinit by re-calling .jScrollPane</button> </p>
|
||||
|
||||
<p>In the above testcase: reinitialising jScrollPane (either via the api or simply by re-calling .jScrollPane() on the original element) strips out the width of the div.jspPane and causes a rendering issue: the absolutely-positioned div renders only as wide as its text content. The expected behavior is that it'll fill the available width, as it does on page load after the first call to .jScrollPane().</p>
|
||||
|
||||
|
||||
<p><strong>UPDATE:</strong> this is fixed for scrollable content in v2b2, but when the content is not scrollable there's still undesired rendering on first load.</p>
|
||||
|
||||
<p>Additionally, padding calculations might need some tweaks. The third list box here is identical to the first two except for an added 5px of padding all the way around: note how the jspVerticalBar is partially pushed out of view.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
190
www/analytics/libs/bower_components/jScrollPane/issues/7/before.html
vendored
Normal file
190
www/analytics/libs/bower_components/jScrollPane/issues/7/before.html
vendored
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Thanks to Rob Lifford ( http://www.lifford.org/ ) for the test case -->
|
||||
<meta charset="utf-8">
|
||||
<title>jScrollPane 2 reinit bug?</title>
|
||||
<style type="text/css">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 85%;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.scroll-container {
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
margin: 0 2em 1.5em 0;
|
||||
}
|
||||
|
||||
.fluid-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.padded {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
list-style: none;
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 10px 5px;
|
||||
border-top: solid 1px #ccc;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="jscrollpane-2b1.css" />
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="jscrollpane-2b2.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function()
|
||||
{
|
||||
var element = $('.scroll-container').jScrollPane();
|
||||
var api = element.data('jsp');
|
||||
|
||||
$('#jsp').click(function() {
|
||||
elem = $('.scroll-container').jScrollPane();
|
||||
});
|
||||
|
||||
$('#api').click(function() {
|
||||
api.reinitialise();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container padded clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container fluid-width clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="clear"><button id="api">reinit via API</button> <button id="jsp">Reinit by re-calling .jScrollPane</button> </p>
|
||||
|
||||
<p>In the above testcase: reinitialising jScrollPane (either via the api or simply by re-calling .jScrollPane() on the original element) strips out the width of the div.jspPane and causes a rendering issue: the absolutely-positioned div renders only as wide as its text content. The expected behavior is that it'll fill the available width, as it does on page load after the first call to .jScrollPane().</p>
|
||||
|
||||
|
||||
<p><strong>UPDATE:</strong> this is fixed for scrollable content in v2b2, but when the content is not scrollable there's still undesired rendering on first load.</p>
|
||||
|
||||
<p>Additionally, padding calculations might need some tweaks. The third list box here is identical to the first two except for an added 5px of padding all the way around: note how the jspVerticalBar is partially pushed out of view.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
53
www/analytics/libs/bower_components/jScrollPane/issues/7/index.html
vendored
Normal file
53
www/analytics/libs/bower_components/jScrollPane/issues/7/index.html
vendored
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - issue 7</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.7.1/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 - issue 7</h1>
|
||||
<p>
|
||||
This page demonstrates the bug described in <a href="http://github.com/vitch/jScrollPane/issues#issue/7">
|
||||
issue 7</a> as reported (with nice striped down test cases) by <a href="http://rob.lifford.org/">Rob
|
||||
Lifford</a>.
|
||||
</p>
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a href="before.html">Before</a> - showing the bug as it appears in the version of jScrollPane which
|
||||
was current when it was reported.
|
||||
</li>
|
||||
<li>
|
||||
<a href="native.html">Native</a> - showing how the page looks with native scrollbars (i.e. if
|
||||
jScrollPane isn't initialised).
|
||||
</li>
|
||||
<li>
|
||||
<a href="after.html">After</a> - showing the page which was displaying the bug with the latest
|
||||
version of jScrollPane.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
120
www/analytics/libs/bower_components/jScrollPane/issues/7/jscrollpane-2b1.css
vendored
Normal file
120
www/analytics/libs/bower_components/jScrollPane/issues/7/jscrollpane-2b1.css
vendored
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #dde;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
947
www/analytics/libs/bower_components/jScrollPane/issues/7/jscrollpane-2b2.js
vendored
Normal file
947
www/analytics/libs/bower_components/jScrollPane/issues/7/jscrollpane-2b2.js
vendored
Normal file
|
|
@ -0,0 +1,947 @@
|
|||
/*!
|
||||
* jScrollPane - v2.0.0beta2 - 2010-08-19
|
||||
* http://jscrollpane.kelvinluck.com/
|
||||
*
|
||||
* Copyright (c) 2010 Kelvin Luck
|
||||
* Dual licensed under the MIT or GPL licenses.
|
||||
*/
|
||||
|
||||
// Script: jScrollPane - cross browser customisable scrollbars
|
||||
//
|
||||
// *Version: 2.0.0beta2, Last updated: 2010-08-19*
|
||||
//
|
||||
// Project Home - http://jscrollpane.kelvinluck.com/
|
||||
// GitHub - http://github.com/vitch/jScrollPane
|
||||
// Source - http://github.com/vitch/jScrollPane/raw/master/script/jquery.jscrollpane.js
|
||||
// (Minified) - http://github.com/vitch/jScrollPane/raw/master/script/jquery.jscrollpane.min.js
|
||||
//
|
||||
// About: License
|
||||
//
|
||||
// Copyright (c) 2010 Kelvin Luck
|
||||
// Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
// http://jscrollpane.kelvinluck.com/MIT-LICENSE.txt
|
||||
// http://jscrollpane.kelvinluck.com/GPL-LICENSE.txt
|
||||
//
|
||||
// About: Examples
|
||||
//
|
||||
// All examples and demos are available through the jScrollPane example site at:
|
||||
// http://jscrollpane.kelvinluck.com/
|
||||
//
|
||||
// About: Support and Testing
|
||||
//
|
||||
// This plugin is tested on the browsers below and has been found to work reliably on them. If you run
|
||||
// into a problem on one of the supported browsers then please visit the support section on the jScrollPane
|
||||
// website (http://jscrollpane.kelvinluck.com/) for more information on getting support. You are also
|
||||
// welcome to fork the project on GitHub if you can contribute a fix for a given issue.
|
||||
//
|
||||
// jQuery Versions - 1.4.2
|
||||
// Browsers Tested - Firefox 3.6.8, Safari 5, Opera 10.6, Chrome 5.0, IE 6, 7, 8
|
||||
//
|
||||
// About: Release History
|
||||
//
|
||||
// 2.0.0beta2 - (2010-08-19) Bug fixes
|
||||
// 2.0.0beta1 - (2010-08-17) Rewrite to follow modern best practices and enable horizontal scrolling, initially hidden
|
||||
// elements and dynamically sized elements.
|
||||
// 1.x - (2006-12-31 - 2010-07-31) Initial version, hosted at googlecode, deprecated
|
||||
|
||||
(function($,window,undefined){
|
||||
|
||||
$.fn.jScrollPane = function(settings)
|
||||
{
|
||||
// JScrollPane "class" - public methods are available through $('selector').data('jsp')
|
||||
function JScrollPane(elem, s)
|
||||
{
|
||||
|
||||
var settings, jsp = this, pane, paneWidth, paneHeight, container, contentWidth, contentHeight,
|
||||
percentInViewH, percentInViewV, isScrollableV, isScrollableH, verticalDrag, dragMaxY,
|
||||
verticalDragPosition, horizontalDrag, dragMaxX, horizontalDragPosition,
|
||||
verticalBar, verticalTrack, scrollbarWidth, verticalTrackHeight, verticalDragHeight, arrowUp, arrowDown,
|
||||
horizontalBar, horizontalTrack, horizontalTrackWidth, horizontalDragWidth, arrowLeft, arrowRight,
|
||||
reinitialiseInterval, originalPadding, originalPaddingTotalWidth, previousPaneWidth;
|
||||
|
||||
originalPadding = elem.css('paddingTop') + ' ' +
|
||||
elem.css('paddingRight') + ' ' +
|
||||
elem.css('paddingBottom') + ' ' +
|
||||
elem.css('paddingLeft');
|
||||
originalPaddingTotalWidth = (parseInt(elem.css('paddingLeft')) || 0) +
|
||||
(parseInt(elem.css('paddingRight')) || 0);
|
||||
|
||||
initialise(s);
|
||||
|
||||
function initialise(s)
|
||||
{
|
||||
|
||||
var clonedElem, tempWrapper, /*firstChild, lastChild, */isMaintainingPositon, lastContentX, lastContentY,
|
||||
hasContainingSpaceChanged;
|
||||
|
||||
settings = s;
|
||||
|
||||
if (pane == undefined) {
|
||||
|
||||
elem.css(
|
||||
{
|
||||
'overflow': 'hidden',
|
||||
'padding': 0
|
||||
}
|
||||
);
|
||||
// TODO: Deal with where width/ height is 0 as it probably means the element is hidden and we should
|
||||
// come back to it later and check once it is unhidden...
|
||||
paneWidth = elem.innerWidth() + originalPaddingTotalWidth;
|
||||
paneHeight = elem.innerHeight();
|
||||
|
||||
pane = $('<div class="jspPane" />').wrap(
|
||||
$('<div class="jspContainer" />')
|
||||
.css({
|
||||
'width': paneWidth + 'px',
|
||||
'height': paneHeight + 'px'
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
elem.wrapInner(pane.parent());
|
||||
// Need to get the vars after being added to the document, otherwise they reference weird
|
||||
// disconnected orphan elements...
|
||||
container = elem.find('>.jspContainer');
|
||||
pane = container.find('>.jspPane');
|
||||
pane.css('padding', originalPadding);
|
||||
|
||||
/*
|
||||
// Move any margins from the first and last children up to the container so they can still
|
||||
// collapse with neighbouring elements as they would before jScrollPane
|
||||
firstChild = pane.find(':first-child');
|
||||
lastChild = pane.find(':last-child');
|
||||
elem.css(
|
||||
{
|
||||
'margin-top': firstChild.css('margin-top'),
|
||||
'margin-bottom': lastChild.css('margin-bottom')
|
||||
}
|
||||
);
|
||||
firstChild.css('margin-top', 0);
|
||||
lastChild.css('margin-bottom', 0);
|
||||
*/
|
||||
} else {
|
||||
hasContainingSpaceChanged = elem.outerWidth() != paneWidth || elem.outerHeight() != paneHeight;
|
||||
|
||||
if (hasContainingSpaceChanged) {
|
||||
paneWidth = elem.innerWidth();
|
||||
paneHeight = elem.innerHeight();
|
||||
container.css({
|
||||
'width': paneWidth + 'px',
|
||||
'height': paneHeight + 'px'
|
||||
});
|
||||
}
|
||||
|
||||
previousPaneWidth = pane.innerWidth();
|
||||
pane.css('width', null);
|
||||
|
||||
if (!hasContainingSpaceChanged && pane.outerWidth() == contentWidth && pane.outerHeight() == contentHeight) {
|
||||
// Nothing has changed since we last initialised
|
||||
if (isScrollableH || isScrollableV) { // If we had already set a width then re-set it
|
||||
pane.css('width', previousPaneWidth + 'px');
|
||||
}
|
||||
// Then abort...
|
||||
return;
|
||||
}
|
||||
|
||||
container.find('>.jspVerticalBar,>.jspHorizontalBar').remove().end();
|
||||
}
|
||||
|
||||
// Unfortunately it isn't that easy to find out the width of the element as it will always report the
|
||||
// width as allowed by its container, regardless of overflow settings.
|
||||
// A cunning workaround is to clone the element, set its position to absolute and place it in a narrow
|
||||
// container. Now it will push outwards to its maxium real width...
|
||||
clonedElem = pane.clone().css('position', 'absolute');
|
||||
tempWrapper = $('<div style="width:1px; position: relative;" />').append(clonedElem);
|
||||
$('body').append(tempWrapper);
|
||||
contentWidth = Math.max(pane.outerWidth(), clonedElem.outerWidth());
|
||||
tempWrapper.remove();
|
||||
|
||||
contentHeight = pane.outerHeight();
|
||||
percentInViewH = contentWidth / paneWidth;
|
||||
percentInViewV = contentHeight / paneHeight;
|
||||
isScrollableV = percentInViewV > 1;
|
||||
|
||||
isScrollableH = percentInViewH > 1;
|
||||
|
||||
//console.log(paneWidth, paneHeight, contentWidth, contentHeight, percentInViewH, percentInViewV, isScrollableH, isScrollableV);
|
||||
|
||||
if (!(isScrollableH || isScrollableV)) {
|
||||
elem.removeClass('jspScrollable');
|
||||
pane.css('top', 0);
|
||||
removeMousewheel();
|
||||
removeFocusHandler();
|
||||
unhijackInternalLinks();
|
||||
} else {
|
||||
elem.addClass('jspScrollable');
|
||||
|
||||
isMaintainingPositon = settings.maintainPosition && (verticalDragPosition || horizontalDragPosition);
|
||||
if (isMaintainingPositon) {
|
||||
lastContentX = contentPositionX();
|
||||
lastContentY = contentPositionY();
|
||||
}
|
||||
|
||||
initialiseVerticalScroll();
|
||||
initialiseHorizontalScroll();
|
||||
resizeScrollbars();
|
||||
|
||||
if (isMaintainingPositon) {
|
||||
scrollToX(lastContentX);
|
||||
scrollToY(lastContentY);
|
||||
}
|
||||
|
||||
initFocusHandler();
|
||||
observeHash();
|
||||
if (settings.hijackInternalLinks) {
|
||||
hijackInternalLinks();
|
||||
}
|
||||
}
|
||||
|
||||
if (settings.autoReinitialise && !reinitialiseInterval) {
|
||||
reinitialiseInterval = setInterval(
|
||||
function()
|
||||
{
|
||||
initialise(settings);
|
||||
},
|
||||
settings.autoReinitialiseDelay
|
||||
);
|
||||
} else if (!settings.autoReinitialise && reinitialiseInterval) {
|
||||
clearInterval(reinitialiseInterval)
|
||||
}
|
||||
}
|
||||
|
||||
function initialiseVerticalScroll()
|
||||
{
|
||||
if (isScrollableV) {
|
||||
|
||||
container.append(
|
||||
$('<div class="jspVerticalBar" />').append(
|
||||
$('<div class="jspCap jspCapTop" />'),
|
||||
$('<div class="jspTrack" />').append(
|
||||
$('<div class="jspDrag" />').append(
|
||||
$('<div class="jspDragTop" />'),
|
||||
$('<div class="jspDragBottom" />')
|
||||
)
|
||||
),
|
||||
$('<div class="jspCap jspCapBottom" />')
|
||||
)
|
||||
);
|
||||
|
||||
verticalBar = container.find('>.jspVerticalBar');
|
||||
verticalTrack = verticalBar.find('>.jspTrack');
|
||||
verticalDrag = verticalTrack.find('>.jspDrag');
|
||||
|
||||
if (settings.showArrows) {
|
||||
arrowUp = $('<a href="#" class="jspArrow jspArrowUp">Scroll up</a>').bind(
|
||||
'mousedown.jsp', getArrowScroll(0, -1)
|
||||
).bind('click.jsp', nil);
|
||||
arrowDown = $('<a href="#" class="jspArrow jspArrowDown">Scroll down</a>').bind(
|
||||
'mousedown.jsp', getArrowScroll(0, 1)
|
||||
).bind('click.jsp', nil);
|
||||
if (settings.arrowScrollOnHover) {
|
||||
arrowUp.bind('mouseover.jsp', getArrowScroll(0, -1, arrowUp));
|
||||
arrowDown.bind('mouseover.jsp', getArrowScroll(0, 1, arrowDown));
|
||||
}
|
||||
|
||||
appendArrows(verticalTrack, settings.verticalArrowPositions, arrowUp, arrowDown);
|
||||
}
|
||||
|
||||
verticalTrackHeight = paneHeight;
|
||||
container.find('>.jspVerticalBar>.jspCap:visible,>.jspVerticalBar>.jspArrow').each(
|
||||
function()
|
||||
{
|
||||
verticalTrackHeight -= $(this).outerHeight();
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
verticalDrag.hover(
|
||||
function()
|
||||
{
|
||||
verticalDrag.addClass('jspHover');
|
||||
},
|
||||
function()
|
||||
{
|
||||
verticalDrag.removeClass('jspHover');
|
||||
}
|
||||
).bind(
|
||||
'mousedown.jsp',
|
||||
function(e)
|
||||
{
|
||||
// Stop IE from allowing text selection
|
||||
$('html').bind('dragstart.jsp selectstart.jsp', function() { return false; });
|
||||
|
||||
verticalDrag.addClass('jspActive');
|
||||
|
||||
var startY = e.pageY - verticalDrag.position().top;
|
||||
|
||||
$('html').bind(
|
||||
'mousemove.jsp',
|
||||
function(e)
|
||||
{
|
||||
positionDragY(e.pageY - startY, false);
|
||||
}
|
||||
).bind('mouseup.jsp mouseleave.jsp', cancelDrag);
|
||||
return false;
|
||||
}
|
||||
);
|
||||
sizeVerticalScrollbar();
|
||||
updateVerticalArrows();
|
||||
initMousewheel();
|
||||
} else {
|
||||
// no vertical scroll
|
||||
removeMousewheel();
|
||||
}
|
||||
}
|
||||
|
||||
function sizeVerticalScrollbar()
|
||||
{
|
||||
verticalTrack.height(verticalTrackHeight + 'px');
|
||||
verticalDragPosition = 0;
|
||||
scrollbarWidth = settings.verticalGutter + verticalTrack.outerWidth();
|
||||
|
||||
// Make the pane thinner to allow for the vertical scrollbar
|
||||
pane.width(paneWidth - scrollbarWidth - originalPaddingTotalWidth);
|
||||
|
||||
// Add margin to the left of the pane if scrollbars are on that side (to position
|
||||
// the scrollbar on the left or right set it's left or right property in CSS)
|
||||
if (verticalBar.position().left == 0) {
|
||||
pane.css('margin-left', scrollbarWidth + 'px');
|
||||
}
|
||||
}
|
||||
|
||||
function initialiseHorizontalScroll()
|
||||
{
|
||||
if (isScrollableH) {
|
||||
|
||||
container.append(
|
||||
$('<div class="jspHorizontalBar" />').append(
|
||||
$('<div class="jspCap jspCapLeft" />'),
|
||||
$('<div class="jspTrack" />').append(
|
||||
$('<div class="jspDrag" />').append(
|
||||
$('<div class="jspDragLeft" />'),
|
||||
$('<div class="jspDragRight" />')
|
||||
)
|
||||
),
|
||||
$('<div class="jspCap jspCapRight" />')
|
||||
)
|
||||
);
|
||||
|
||||
horizontalBar = container.find('>.jspHorizontalBar');
|
||||
horizontalTrack = horizontalBar.find('>.jspTrack');
|
||||
horizontalDrag = horizontalTrack.find('>.jspDrag');
|
||||
|
||||
if (settings.showArrows) {
|
||||
arrowLeft = $('<a href="#" class="jspArrow jspArrowLeft">Scroll left</a>').bind(
|
||||
'mousedown.jsp', getArrowScroll(-1, 0)
|
||||
).bind('click.jsp', nil);
|
||||
arrowRight = $('<a href="#" class="jspArrow jspArrowRight">Scroll right</a>').bind(
|
||||
'mousedown.jsp', getArrowScroll(1, 0)
|
||||
).bind('click.jsp', nil);
|
||||
if (settings.arrowScrollOnHover) {
|
||||
arrowLeft.bind('mouseover.jsp', getArrowScroll(-1, 0, arrowLeft));
|
||||
arrowRight.bind('mouseover.jsp', getArrowScroll(1, 0, arrowRight));
|
||||
}
|
||||
appendArrows(horizontalTrack, settings.horizontalArrowPositions, arrowLeft, arrowRight);
|
||||
}
|
||||
|
||||
horizontalDrag.hover(
|
||||
function()
|
||||
{
|
||||
horizontalDrag.addClass('jspHover');
|
||||
},
|
||||
function()
|
||||
{
|
||||
horizontalDrag.removeClass('jspHover');
|
||||
}
|
||||
).bind(
|
||||
'mousedown.jsp',
|
||||
function(e)
|
||||
{
|
||||
// Stop IE from allowing text selection
|
||||
$('html').bind('dragstart.jsp selectstart.jsp', function() { return false; });
|
||||
|
||||
horizontalDrag.addClass('jspActive');
|
||||
|
||||
var startX = e.pageX - horizontalDrag.position().left;
|
||||
|
||||
$('html').bind(
|
||||
'mousemove.jsp',
|
||||
function(e)
|
||||
{
|
||||
positionDragX(e.pageX - startX, false);
|
||||
}
|
||||
).bind('mouseup.jsp mouseleave.jsp', cancelDrag);
|
||||
return false;
|
||||
}
|
||||
);
|
||||
horizontalTrackWidth = container.innerWidth();
|
||||
sizeHorizontalScrollbar();
|
||||
updateHorizontalArrows();
|
||||
} else {
|
||||
// no horizontal scroll
|
||||
}
|
||||
}
|
||||
|
||||
function sizeHorizontalScrollbar()
|
||||
{
|
||||
|
||||
container.find('>.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow').each(
|
||||
function()
|
||||
{
|
||||
horizontalTrackWidth -= $(this).outerWidth();
|
||||
}
|
||||
);
|
||||
|
||||
horizontalTrack.width(horizontalTrackWidth + 'px');
|
||||
horizontalDragPosition = 0;
|
||||
}
|
||||
|
||||
function resizeScrollbars()
|
||||
{
|
||||
if (isScrollableH && isScrollableV) {
|
||||
var horizontalTrackHeight = horizontalTrack.outerHeight(),
|
||||
verticalTrackWidth = verticalTrack.outerWidth();
|
||||
verticalTrackHeight -= horizontalTrackHeight;
|
||||
$(horizontalBar).find('>.jspCap:visible,>.jspArrow').each(
|
||||
function()
|
||||
{
|
||||
horizontalTrackWidth += $(this).outerWidth();
|
||||
}
|
||||
);
|
||||
horizontalTrackWidth -= verticalTrackWidth;
|
||||
paneHeight -= verticalTrackWidth;
|
||||
paneWidth -= horizontalTrackHeight;
|
||||
horizontalTrack.parent().append(
|
||||
$('<div class="jspCorner" />').css('width', horizontalTrackHeight + 'px')
|
||||
);
|
||||
sizeVerticalScrollbar();
|
||||
sizeHorizontalScrollbar();
|
||||
}
|
||||
// reflow content
|
||||
if (isScrollableH) {
|
||||
pane.width((container.outerWidth() - originalPaddingTotalWidth) + 'px');
|
||||
}
|
||||
contentHeight = pane.outerHeight();
|
||||
percentInViewV = contentHeight / paneHeight;
|
||||
|
||||
if (isScrollableH) {
|
||||
horizontalDragWidth = 1 / percentInViewH * horizontalTrackWidth;
|
||||
if (horizontalDragWidth > settings.horizontalDragMaxWidth) {
|
||||
horizontalDragWidth = settings.horizontalDragMaxWidth;
|
||||
} else if (horizontalDragWidth < settings.horizontalDragMinWidth) {
|
||||
horizontalDragWidth = settings.horizontalDragMinWidth;
|
||||
}
|
||||
horizontalDrag.width(horizontalDragWidth + 'px');
|
||||
dragMaxX = horizontalTrackWidth - horizontalDragWidth;
|
||||
}
|
||||
if (isScrollableV) {
|
||||
verticalDragHeight = 1 / percentInViewV * verticalTrackHeight;
|
||||
if (verticalDragHeight > settings.verticalDragMaxHeight) {
|
||||
verticalDragHeight = settings.verticalDragMaxHeight;
|
||||
} else if (verticalDragHeight < settings.verticalDragMinHeight) {
|
||||
verticalDragHeight = settings.verticalDragMinHeight;
|
||||
}
|
||||
verticalDrag.height(verticalDragHeight + 'px');
|
||||
dragMaxY = verticalTrackHeight - verticalDragHeight;
|
||||
}
|
||||
}
|
||||
|
||||
function appendArrows(ele, p, a1, a2)
|
||||
{
|
||||
var p1 = "before", p2 = "after", aTemp;
|
||||
|
||||
// Sniff for mac... Is there a better way to determine whether the arrows would naturally appear
|
||||
// at the top or the bottom of the bar?
|
||||
if (p == "os") {
|
||||
p = /Mac/.test(navigator.platform) ? "after" : "split";
|
||||
}
|
||||
if (p == p1) {
|
||||
p2 = p;
|
||||
} else if (p == p2) {
|
||||
p1 = p;
|
||||
aTemp = a1;
|
||||
a1 = a2;
|
||||
a2 = aTemp;
|
||||
}
|
||||
|
||||
ele[p1](a1)[p2](a2);
|
||||
}
|
||||
|
||||
function getArrowScroll(dirX, dirY, ele) {
|
||||
return function()
|
||||
{
|
||||
arrowScroll(dirX, dirY, this, ele);
|
||||
this.blur();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function arrowScroll(dirX, dirY, arrow, ele)
|
||||
{
|
||||
arrow = $(arrow).addClass('jspActive');
|
||||
|
||||
var eve, doScroll = function()
|
||||
{
|
||||
if (dirX != 0) {
|
||||
positionDragX(horizontalDragPosition + dirX * settings.arrowButtonSpeed, false);
|
||||
}
|
||||
if (dirY != 0) {
|
||||
positionDragY(verticalDragPosition + dirY * settings.arrowButtonSpeed, false);
|
||||
}
|
||||
},
|
||||
scrollInt = setInterval(doScroll, settings.arrowRepeatFreq);
|
||||
|
||||
doScroll();
|
||||
|
||||
eve = ele == undefined ? 'mouseup.jsp' : 'mouseout.jsp';
|
||||
ele = ele || $('html');
|
||||
ele.bind(
|
||||
eve,
|
||||
function()
|
||||
{
|
||||
arrow.removeClass('jspActive');
|
||||
clearInterval(scrollInt);
|
||||
ele.unbind(eve);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function cancelDrag()
|
||||
{
|
||||
$('html').unbind('dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp');
|
||||
|
||||
verticalDrag && verticalDrag.removeClass('jspActive');
|
||||
horizontalDrag && horizontalDrag.removeClass('jspActive');
|
||||
}
|
||||
|
||||
function positionDragY(destY, animate)
|
||||
{
|
||||
if (!isScrollableV) {
|
||||
return;
|
||||
}
|
||||
if (destY < 0) {
|
||||
destY = 0;
|
||||
} else if (destY > dragMaxY) {
|
||||
destY = dragMaxY;
|
||||
}
|
||||
|
||||
// can't just check if(animate) because false is a valid value that could be passed in...
|
||||
if (animate == undefined) {
|
||||
animate = settings.animateScroll;
|
||||
}
|
||||
if (animate) {
|
||||
jsp.animate(verticalDrag, 'top', destY, _positionDragY);
|
||||
} else {
|
||||
verticalDrag.css('top', destY);
|
||||
_positionDragY(destY);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function _positionDragY(destY)
|
||||
{
|
||||
if (destY == undefined) {
|
||||
destY = verticalDrag.position().top;
|
||||
}
|
||||
|
||||
container.scrollTop(0);
|
||||
verticalDragPosition = destY;
|
||||
|
||||
var isAtTop = verticalDragPosition == 0,
|
||||
isAtBottom = verticalDragPosition == dragMaxY,
|
||||
percentScrolled = destY/ dragMaxY,
|
||||
destTop = -percentScrolled * (contentHeight - paneHeight);
|
||||
|
||||
updateVerticalArrows(isAtTop, isAtBottom);
|
||||
pane.css('top', destTop);
|
||||
elem.trigger('jsp-scroll-y', [-destTop, isAtTop, isAtBottom]);
|
||||
}
|
||||
|
||||
function positionDragX(destX, animate)
|
||||
{
|
||||
if (!isScrollableH) {
|
||||
return;
|
||||
}
|
||||
if (destX < 0) {
|
||||
destX = 0;
|
||||
} else if (destX > dragMaxX) {
|
||||
destX = dragMaxX;
|
||||
}
|
||||
|
||||
if (animate == undefined) {
|
||||
animate = settings.animateScroll;
|
||||
}
|
||||
if (animate) {
|
||||
jsp.animate(horizontalDrag, 'left', destX, _positionDragX);
|
||||
} else {
|
||||
horizontalDrag.css('left', destX);
|
||||
_positionDragX(destX);
|
||||
}
|
||||
}
|
||||
|
||||
function _positionDragX(destX)
|
||||
{
|
||||
if (destX == undefined) {
|
||||
destX = horizontalDrag.position().left;
|
||||
}
|
||||
|
||||
container.scrollTop(0);
|
||||
horizontalDragPosition = destX;
|
||||
|
||||
var isAtLeft = horizontalDragPosition == 0,
|
||||
isAtRight = horizontalDragPosition == dragMaxY,
|
||||
percentScrolled = destX / dragMaxX,
|
||||
destLeft = -percentScrolled * (contentWidth - paneWidth);
|
||||
|
||||
updateHorizontalArrows(isAtLeft, isAtRight);
|
||||
pane.css('left', destLeft);
|
||||
elem.trigger('jsp-scroll-x', [-destLeft, isAtLeft, isAtRight]);
|
||||
}
|
||||
|
||||
function updateVerticalArrows(isAtTop, isAtBottom)
|
||||
{
|
||||
if (settings.showArrows) {
|
||||
arrowUp[isAtTop ? 'addClass' : 'removeClass']('jspDisabled');
|
||||
arrowDown[isAtBottom ? 'addClass' : 'removeClass']('jspDisabled');
|
||||
}
|
||||
}
|
||||
|
||||
function updateHorizontalArrows(isAtLeft, isAtRight)
|
||||
{
|
||||
if (settings.showArrows) {
|
||||
arrowLeft[isAtLeft ? 'addClass' : 'removeClass']('jspDisabled');
|
||||
arrowRight[isAtRight ? 'addClass' : 'removeClass']('jspDisabled');
|
||||
}
|
||||
}
|
||||
|
||||
function scrollToY(destY, animate)
|
||||
{
|
||||
var percentScrolled = destY / (contentHeight - paneHeight);
|
||||
positionDragY(percentScrolled * dragMaxY, animate);
|
||||
}
|
||||
|
||||
function scrollToX(destX, animate)
|
||||
{
|
||||
var percentScrolled = destX / (contentWidth - paneWidth);
|
||||
positionDragX(percentScrolled * dragMaxX, animate);
|
||||
}
|
||||
|
||||
function scrollToElement(ele, stickToTop, animate)
|
||||
{
|
||||
var e, eleHeight, eleTop = 0, viewportTop, maxVisibleEleTop, destY;
|
||||
|
||||
// Legal hash values aren't necessarily legal jQuery selectors so we need to catch any
|
||||
// errors from the lookup...
|
||||
try {
|
||||
e = $(ele);
|
||||
} catch (err) {
|
||||
return;
|
||||
}
|
||||
eleHeight = e.outerHeight();
|
||||
|
||||
container.scrollTop(0);
|
||||
|
||||
// loop through parents adding the offset top of any elements that are relatively positioned between
|
||||
// the focused element and the jspPane so we can get the true distance from the top
|
||||
// of the focused element to the top of the scrollpane...
|
||||
while (!e.is('.jspPane')) {
|
||||
eleTop += e.position().top;
|
||||
e = e.offsetParent();
|
||||
if (/^body|html$/i.test(e[0].nodeName)) {
|
||||
// we ended up too high in the document structure. Quit!
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
viewportTop = contentPositionY();
|
||||
maxVisibleEleTop = viewportTop + paneHeight;
|
||||
if (eleTop < viewportTop || stickToTop) { // element is above viewport
|
||||
destY = eleTop - settings.verticalGutter;
|
||||
} else if (eleTop + eleHeight > maxVisibleEleTop) { // element is below viewport
|
||||
destY = eleTop - paneHeight + eleHeight + settings.verticalGutter;
|
||||
}
|
||||
if (destY) {
|
||||
scrollToY(destY, animate);
|
||||
}
|
||||
// TODO: Implement automatic horizontal scrolling?
|
||||
}
|
||||
|
||||
function contentPositionX()
|
||||
{
|
||||
return -pane.position().left;
|
||||
}
|
||||
|
||||
function contentPositionY()
|
||||
{
|
||||
return -pane.position().top;
|
||||
}
|
||||
|
||||
function initMousewheel()
|
||||
{
|
||||
container.unbind('mousewheel.jsp').bind(
|
||||
'mousewheel.jsp',
|
||||
function (event, delta) {
|
||||
var d = verticalDragPosition;
|
||||
positionDragY(verticalDragPosition - delta * settings.mouseWheelSpeed, false);
|
||||
// return true if there was no movement so rest of screen can scroll
|
||||
return d == verticalDragPosition;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function removeMousewheel()
|
||||
{
|
||||
container.unbind('mousewheel.jsp');
|
||||
}
|
||||
|
||||
function nil()
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
function initFocusHandler()
|
||||
{
|
||||
pane.find(':input,a').bind(
|
||||
'focus.jsp',
|
||||
function()
|
||||
{
|
||||
scrollToElement(this, false);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function removeFocusHandler()
|
||||
{
|
||||
|
||||
pane.find(':input,a').unbind('focus.jsp')
|
||||
}
|
||||
|
||||
function observeHash()
|
||||
{
|
||||
if (location.hash && location.hash.length > 1) {
|
||||
var e, retryInt;
|
||||
try {
|
||||
e = $(location.hash);
|
||||
} catch (err) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.length && pane.find(e)) {
|
||||
// nasty workaround but it appears to take a little while before the hash has done its thing
|
||||
// to the rendered page so we just wait until the container's scrollTop has been messed up.
|
||||
if (container.scrollTop() == 0) {
|
||||
retryInt = setInterval(
|
||||
function()
|
||||
{
|
||||
if (container.scrollTop() > 0) {
|
||||
scrollToElement(location.hash, true);
|
||||
$(document).scrollTop(container.position().top);
|
||||
clearInterval(retryInt);
|
||||
}
|
||||
},
|
||||
50
|
||||
)
|
||||
} else {
|
||||
scrollToElement(location.hash, true);
|
||||
$(document).scrollTop(container.position().top);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function unhijackInternalLinks()
|
||||
{
|
||||
$('a.jspHijack').unbind('click.jsp-hijack').removeClass('jspHijack');
|
||||
}
|
||||
|
||||
function hijackInternalLinks()
|
||||
{
|
||||
unhijackInternalLinks();
|
||||
$('a[href^=#]').addClass('jspHijack').bind(
|
||||
'click.jsp-hijack',
|
||||
function()
|
||||
{
|
||||
var uriParts = this.href.split('#'), hash;
|
||||
if (uriParts.length > 1) {
|
||||
hash = uriParts[1];
|
||||
if (hash.length > 0 && pane.find('#' + hash).length > 0) {
|
||||
scrollToElement('#' + hash, true);
|
||||
// Need to return false otherwise things mess up... Would be nice to maybe also scroll
|
||||
// the window to the top of the scrollpane?
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
// Public API
|
||||
$.extend(
|
||||
jsp,
|
||||
{
|
||||
// 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.
|
||||
reinitialise: function(s)
|
||||
{
|
||||
s = $.extend({}, s, settings);
|
||||
initialise(s);
|
||||
},
|
||||
// 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.
|
||||
scrollToElement: function(ele, stickToTop, animate)
|
||||
{
|
||||
scrollToElement(ele, stickToTop, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollTo: function(destX, destY, animate)
|
||||
{
|
||||
scrollToX(destX, animate);
|
||||
scrollToY(destY, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollToX: function(destX, animate)
|
||||
{
|
||||
scrollToX(destX, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollToY: function(destY, animate)
|
||||
{
|
||||
scrollToY(destY, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollBy: function(deltaX, deltaY, animate)
|
||||
{
|
||||
jsp.scrollByX(deltaX, animate);
|
||||
jsp.scrollByY(deltaY, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollByX: function(deltaX, animate)
|
||||
{
|
||||
var destX = contentPositionX() + deltaX,
|
||||
percentScrolled = destX / (contentWidth - paneWidth);
|
||||
positionDragX(percentScrolled * dragMaxX, animate);
|
||||
},
|
||||
// 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.
|
||||
scrollByY: function(deltaY, animate)
|
||||
{
|
||||
var destY = contentPositionY() + deltaY,
|
||||
percentScrolled = destY / (contentHeight - paneHeight);
|
||||
positionDragY(percentScrolled * dragMaxY, animate);
|
||||
},
|
||||
// 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:
|
||||
// * ele - the element whose position is being animated
|
||||
// * prop - the property that is being animated
|
||||
// * value - the value it's being animated to
|
||||
// * stepCallback - a function that you must execute each time you update the value of the property
|
||||
// You can use the default implementation (below) as a starting point for your own implementation.
|
||||
animate: function(ele, prop, value, stepCallback)
|
||||
{
|
||||
var params = {};
|
||||
params[prop] = value;
|
||||
ele.animate(
|
||||
params,
|
||||
{
|
||||
'duration' : settings.animateDuration,
|
||||
'ease' : settings.animateEase,
|
||||
'queue' : false,
|
||||
'step' : stepCallback
|
||||
}
|
||||
);
|
||||
},
|
||||
// Returns the current x position of the viewport with regards to the content pane.
|
||||
getContentPositionX: function()
|
||||
{
|
||||
return contentPositionX();
|
||||
},
|
||||
// Returns the current y position of the viewport with regards to the content pane.
|
||||
getContentPositionY: function()
|
||||
{
|
||||
return contentPositionY();
|
||||
},
|
||||
// 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).
|
||||
getContentPane: function()
|
||||
{
|
||||
return pane;
|
||||
},
|
||||
// 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.
|
||||
scrollToBottom: function(animate)
|
||||
{
|
||||
positionDragY(dragMaxY, animate);
|
||||
},
|
||||
// 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.
|
||||
hijackInternalLinks: function()
|
||||
{
|
||||
hijackInternalLinks();
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// Pluginifying code...
|
||||
|
||||
settings = $.extend({}, $.fn.jScrollPane.defaults, settings);
|
||||
|
||||
var ret;
|
||||
this.each(
|
||||
function()
|
||||
{
|
||||
var elem = $(this), jspApi = elem.data('jsp');
|
||||
if (jspApi) {
|
||||
jspApi.reinitialise(settings);
|
||||
} else {
|
||||
jspApi = new JScrollPane(elem, settings);
|
||||
elem.data('jsp', jspApi);
|
||||
}
|
||||
ret = ret ? ret.add(elem) : elem;
|
||||
}
|
||||
)
|
||||
return ret;
|
||||
};
|
||||
|
||||
$.fn.jScrollPane.defaults = {
|
||||
'showArrows' : false,
|
||||
'maintainPosition' : true,
|
||||
'autoReinitialise' : false,
|
||||
'autoReinitialiseDelay' : 500,
|
||||
'verticalDragMinHeight' : 0,
|
||||
'verticalDragMaxHeight' : 99999,
|
||||
'horizontalDragMinWidth' : 0,
|
||||
'horizontalDragMaxWidth' : 99999,
|
||||
'animateScroll' : false,
|
||||
'animateDuration' : 300,
|
||||
'animateEase' : 'linear',
|
||||
'hijackInternalLinks' : false,
|
||||
'verticalGutter' : 4,
|
||||
'horizontalGutter' : 4,
|
||||
'mouseWheelSpeed' : 10,
|
||||
'arrowButtonSpeed' : 10,
|
||||
'arrowRepeatFreq' : 100,
|
||||
'arrowScrollOnHover' : false,
|
||||
'verticalArrowPositions' : 'split',
|
||||
'horizontalArrowPositions' : 'split'
|
||||
};
|
||||
|
||||
})(jQuery,this);
|
||||
|
||||
171
www/analytics/libs/bower_components/jScrollPane/issues/7/native.html
vendored
Normal file
171
www/analytics/libs/bower_components/jScrollPane/issues/7/native.html
vendored
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Thanks to Rob Lifford ( http://www.lifford.org/ ) for the test case -->
|
||||
<meta charset="utf-8">
|
||||
<title>jScrollPane 2 reinit bug?</title>
|
||||
<style type="text/css">
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-family: Verdana, sans-serif;
|
||||
font-size: 85%;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.scroll-container {
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
margin: 0 2em 1.5em 0;
|
||||
}
|
||||
|
||||
.fluid-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.padded {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
list-style: none;
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 10px 5px;
|
||||
border-top: solid 1px #ccc;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="jscrollpane-2b1.css" />
|
||||
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container float">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container padded clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="scroll-container fluid-width clear">
|
||||
<ul>
|
||||
<li><strong>scrollable list box</strong></li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>the next list item</li>
|
||||
<li>list item</li>
|
||||
<li>another list item</li>
|
||||
|
||||
<li>the next list item</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="clear"><button id="api">reinit via API</button> <button id="jsp">Reinit by re-calling .jScrollPane</button> </p>
|
||||
|
||||
<p>In the above testcase: reinitialising jScrollPane (either via the api or simply by re-calling .jScrollPane() on the original element) strips out the width of the div.jspPane and causes a rendering issue: the absolutely-positioned div renders only as wide as its text content. The expected behavior is that it'll fill the available width, as it does on page load after the first call to .jScrollPane().</p>
|
||||
|
||||
|
||||
<p><strong>UPDATE:</strong> this is fixed for scrollable content in v2b2, but when the content is not scrollable there's still undesired rendering on first load.</p>
|
||||
|
||||
<p>Additionally, padding calculations might need some tweaks. The third list box here is identical to the first two except for an added 5px of padding all the way around: note how the jspVerticalBar is partially pushed out of view.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
62
www/analytics/libs/bower_components/jScrollPane/known_issues.html
vendored
Normal file
62
www/analytics/libs/bower_components/jScrollPane/known_issues.html
vendored
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - known issues</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 - cross browser styleable scrollbars with jQuery and CSS</h1>
|
||||
<p>
|
||||
This page discusses known issues with jScrollPane and provides suggested workarounds for these issues.
|
||||
</p>
|
||||
<h2 id="opera-scrollbar">In Opera the main window scrollbar appears when a jScrollPane contains lots of content</h2>
|
||||
<p>
|
||||
As far as I can tell this is due to a bug in Opera. The workaround is to include something absolutely
|
||||
positioned as a parent of your jScrollPane. See <a href="http://code.google.com/p/jscrollpane/issues/detail?id=19">
|
||||
this bug report</a> (from the previous version of jScrollPane) for discussion of this problem.
|
||||
</p>
|
||||
<h2 id="webkit-css-first">In Webkit browsers CSS must be included before Javascript</h2>
|
||||
<p>
|
||||
For jScrollPane to work correctly in Webkit based browsers (e.g. Safari, Chrome, iOS and Android) then
|
||||
the CSS must be included above your javascript includes. Otherwise jScrollPane can't correctly measure
|
||||
the size of the item you are applying jScrollPane to. See all of the <a href="index.html#examples">
|
||||
example</a> or <a href="index.html#themes">theme</a> pages for a reference as to the correct ordering
|
||||
of items in your <head>.
|
||||
</p>
|
||||
<h2 id="specified-width">Width specified directly on an element you apply jScrollPane to will be overwritten</h2>
|
||||
<p>
|
||||
If you apply a width to an element (e.g. via jQuery's width method or via a style attribute) then this
|
||||
width will be overwritten when you reinitialise the scrollpane. Unforunately I can't find a way to avoid
|
||||
this and still support percentage based widths for elements/
|
||||
</p>
|
||||
<p>
|
||||
As a workaround you can specify the width via a CSS class refering to a stylesheet rule. If you can't do
|
||||
this (e.g. you calculate the width dynamically) you will have to wrap your element in an additional div
|
||||
and apply the width to that element while setting the width of your element to 100% via the stylesheet.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
164
www/analytics/libs/bower_components/jScrollPane/less_basic.html
vendored
Normal file
164
www/analytics/libs/bower_components/jScrollPane/less_basic.html
vendored
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>Less 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;
|
||||
}
|
||||
</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()
|
||||
{
|
||||
// Initialise the scrollpanes
|
||||
$('.scroll-pane').jScrollPane();
|
||||
|
||||
// Add some content to #pane2
|
||||
var pane2api = $('#pane2').data('jsp');
|
||||
var originalContent = pane2api.getContentPane().html();
|
||||
pane2api.getContentPane().html(originalContent + originalContent + originalContent);
|
||||
|
||||
// Reinitialise the #pane2 scrollpane
|
||||
pane2api.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 - less basic demo page</h1>
|
||||
<p>
|
||||
This page shows some slightly more complex features of jScrollPane... Matching multiple elements but
|
||||
allowing each to work independantly, <a href="api.html#reinitialise">reinitialising</a> when you call it
|
||||
again etc... Note that you need to use the API to <a href="api.html#getContentPane">getContentPane</a>
|
||||
to add and remove content (as your original element now contains the scrollbars etc).
|
||||
</p>
|
||||
<h2>Pane 1</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>Pane 2</h2>
|
||||
<div class="scroll-pane" id="pane2">
|
||||
<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>
|
||||
</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>
|
||||
209
www/analytics/libs/bower_components/jScrollPane/mwheel_intent.html
vendored
Normal file
209
www/analytics/libs/bower_components/jScrollPane/mwheel_intent.html
vendored
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane mwheelIntent 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 mwheelIntent plugin -->
|
||||
<script type="text/javascript" src="script/mwheelIntent.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 - mwheelIntent demo page</h1>
|
||||
<p>
|
||||
This demonstration shows how the <a href="http://www.protofunc.com/scripts/jquery/mwheelIntent/">
|
||||
mwheelIntent</a> plugin can be used to increase the usability of jScrollPane when using the mouse wheel.
|
||||
Note that when you scroll this page the body continues to scroll unless you stop scrolling and move your
|
||||
mouse over a jScrollPane.
|
||||
</p>
|
||||
<p>
|
||||
To use the mwheelIntent plugin with jScrollPane simply include it in the head of your document (as I
|
||||
do above).
|
||||
</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>
|
||||
215
www/analytics/libs/bower_components/jScrollPane/override_animate.html
vendored
Normal file
215
www/analytics/libs/bower_components/jScrollPane/override_animate.html
vendored
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane override animate 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;
|
||||
}
|
||||
|
||||
div#forms
|
||||
{
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
form
|
||||
{
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
</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 pane = $('.scroll-pane');
|
||||
pane.jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
animateScroll: true
|
||||
}
|
||||
);
|
||||
var api = pane.data('jsp');
|
||||
|
||||
api.animate = function(ele, prop, value, stepCallback)
|
||||
{
|
||||
// Set the property to its new value
|
||||
ele.css(prop, value);
|
||||
// Call the stepCallback so that jScrollPane can update everything as necessary
|
||||
stepCallback();
|
||||
/*
|
||||
// Default implemenation for reference
|
||||
var params = {};
|
||||
params[prop] = value;
|
||||
ele.animate(
|
||||
params,
|
||||
{
|
||||
'duration' : settings.animateDuration,
|
||||
'easing' : settings.animateEase,
|
||||
'queue' : false,
|
||||
'step' : stepCallback
|
||||
}
|
||||
);
|
||||
*/
|
||||
}
|
||||
|
||||
$('#but-scroll-to').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollToX and scrollToY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
|
||||
return false;
|
||||
}
|
||||
);
|
||||
|
||||
$('#but-scroll-by').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollByX and scrollByY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollBy(parseInt($('#byX').val()), parseInt($('#byY').val()));
|
||||
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 - overriding animate example</h1>
|
||||
<p>
|
||||
This example extends the <a href="scroll_to_animate.html">scroll to animate</a> example to show how you
|
||||
can override the <a href="api.html#animate">animate</a> method of the jScrollPane API to implement your
|
||||
own custom animation.
|
||||
</p>
|
||||
<p>
|
||||
For the purposes of the demo we simply implement an animation which jumps to the end point (i.e. doesn't
|
||||
animate at all!) but it shows how you would hook your custom code in...
|
||||
</p>
|
||||
<div id="forms">
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollTo functionality</legend>
|
||||
<label for="toX">To x:</label>
|
||||
<input type="text" id="toX" name="toX" value="0" />
|
||||
<label for="toY">To y:</label>
|
||||
<input type="text" id="toY" name="toY" value="0" />
|
||||
<input type="submit" id="but-scroll-to" value="Scroll to" />
|
||||
</fieldset>
|
||||
</form>
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollBy functionality</legend>
|
||||
<label for="byX">By x:</label>
|
||||
<input type="text" id="byX" name="byX" value="0" />
|
||||
<label for="byY">By y:</label>
|
||||
<input type="text" id="byY" name="byY" value="0" />
|
||||
<input type="submit" id="but-scroll-by" value="Scroll by" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<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 style="width: 900px;">
|
||||
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>
|
||||
314
www/analytics/libs/bower_components/jScrollPane/runeimp.html
vendored
Normal file
314
www/analytics/libs/bower_components/jScrollPane/runeimp.html
vendored
Normal file
|
|
@ -0,0 +1,314 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - RuneImp 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 */
|
||||
.section
|
||||
{
|
||||
width: 190px;
|
||||
height: 300px;
|
||||
float: left;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.scroll-pane
|
||||
{
|
||||
width: 170px;
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
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();
|
||||
});
|
||||
</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 - RuneImp demo page</h1>
|
||||
<p>
|
||||
This demonstration tries to recreate the situation described in
|
||||
<a href="http://code.google.com/p/jscrollpane/issues/detail?id=60#c65">this support ticket</a> to fix
|
||||
the problem and verify the fix. If you view this example page with javascript disabled and then with it
|
||||
enabled you will see that the result is almost identical in terms of scrollbar placement and content
|
||||
padding.
|
||||
</p>
|
||||
<p>
|
||||
After looking at this example it occured to me that the aim of the layout could probably be better served
|
||||
by using margins as well as padding so I put together a <a href="runeimp2.html">follow on example</a>.
|
||||
</p>
|
||||
|
||||
<h2>Panes</h2>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section">
|
||||
<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>
|
||||
</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>
|
||||
320
www/analytics/libs/bower_components/jScrollPane/runeimp2.html
vendored
Normal file
320
www/analytics/libs/bower_components/jScrollPane/runeimp2.html
vendored
Normal file
|
|
@ -0,0 +1,320 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - RuneImp demo 2</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 */
|
||||
.section
|
||||
{
|
||||
width: 180px;
|
||||
margin: 0 13px 1em 0;
|
||||
height: 300px;
|
||||
float: left;
|
||||
}
|
||||
.last
|
||||
{
|
||||
margin-right: 0;
|
||||
}
|
||||
.scroll-pane
|
||||
{
|
||||
background: #fff;
|
||||
padding: 0 0 0 10px;
|
||||
width: 170px;
|
||||
height: 100%;
|
||||
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();
|
||||
});
|
||||
</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 - RuneImp demo 2 page</h1>
|
||||
<p>
|
||||
This demonstration is an extension of the <a href="runeimp.html">RuneImp demo</a> to verify that
|
||||
jScrollPane works correctly when the gap between the sections is specified as margin on the container
|
||||
(rather than padding on the element). As you can see, I still using padding on the left hand side of
|
||||
the scrolling element to bring the text in from the edge but I also use margins to make the space on
|
||||
the right hand side of the scrollbars.
|
||||
</p>
|
||||
<p>
|
||||
Note that I've made the background of .scroll-pane white in this example to demonstrate that the gap
|
||||
is margin rather than padding. You can also change the margin rules on .section and .last to padding and
|
||||
the layout will continue to work as expected.
|
||||
</p>
|
||||
|
||||
<h2>Panes</h2>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section last">
|
||||
<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>
|
||||
</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>
|
||||
49
www/analytics/libs/bower_components/jScrollPane/script/demo.js
vendored
Normal file
49
www/analytics/libs/bower_components/jScrollPane/script/demo.js
vendored
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/*!
|
||||
* Scripts for the demo pages on the jScrollPane website.
|
||||
*
|
||||
* You do not need to include this script or use it on your site.
|
||||
*
|
||||
* Copyright (c) 2010 Kelvin Luck
|
||||
* Dual licensed under the MIT or GPL licenses.
|
||||
*/
|
||||
|
||||
$(function()
|
||||
{
|
||||
// Copy the pages javascript sourcecode to the display block on the page for easy viewing...
|
||||
var sourcecodeDisplay = $('#sourcecode-display');
|
||||
if (sourcecodeDisplay.length) {
|
||||
sourcecodeDisplay.empty().append(
|
||||
$('<code />').append(
|
||||
$('<pre />').html(
|
||||
$('#sourcecode').html().replace(/\n\t\t\t/gm, '\n').replace('>', '>').replace('<', '<')
|
||||
)
|
||||
)
|
||||
);
|
||||
$('#css-display').empty().append(
|
||||
$('<code />').append(
|
||||
$('<pre />').html(
|
||||
$('#page-css').html().replace(/\n\t\t\t/gm, '\n')
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// It seems some people copy this file and put it on their sites despite the message at the top
|
||||
// So let's make sure they don't end up in my stats...
|
||||
if (window.location.hostname == 'jscrollpane.kelvinluck.com') {
|
||||
// Google analytics tracking code for demo site
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-17828883-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
} else if(window.location.protocol == 'file:') {
|
||||
// Allow local testing without annoying alerts
|
||||
} else {
|
||||
alert('Do not include demo.js on your site!');
|
||||
}
|
||||
1438
www/analytics/libs/bower_components/jScrollPane/script/jquery.jscrollpane.js
vendored
Normal file
1438
www/analytics/libs/bower_components/jScrollPane/script/jquery.jscrollpane.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
11
www/analytics/libs/bower_components/jScrollPane/script/jquery.jscrollpane.min.js
vendored
Normal file
11
www/analytics/libs/bower_components/jScrollPane/script/jquery.jscrollpane.min.js
vendored
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/*!
|
||||
* jScrollPane - v2.0.14 - 2013-05-01
|
||||
* http://jscrollpane.kelvinluck.com/
|
||||
*
|
||||
* Copyright (c) 2010 Kelvin Luck
|
||||
* Dual licensed under the MIT or GPL licenses.
|
||||
*/
|
||||
(function(b,a,c){b.fn.jScrollPane=function(e){function d(D,O){var ay,Q=this,Y,aj,v,al,T,Z,y,q,az,aE,au,i,I,h,j,aa,U,ap,X,t,A,aq,af,am,G,l,at,ax,x,av,aH,f,L,ai=true,P=true,aG=false,k=false,ao=D.clone(false,false).empty(),ac=b.fn.mwheelIntent?"mwheelIntent.jsp":"mousewheel.jsp";aH=D.css("paddingTop")+" "+D.css("paddingRight")+" "+D.css("paddingBottom")+" "+D.css("paddingLeft");f=(parseInt(D.css("paddingLeft"),10)||0)+(parseInt(D.css("paddingRight"),10)||0);function ar(aQ){var aL,aN,aM,aJ,aI,aP,aO=false,aK=false;ay=aQ;if(Y===c){aI=D.scrollTop();aP=D.scrollLeft();D.css({overflow:"hidden",padding:0});aj=D.innerWidth()+f;v=D.innerHeight();D.width(aj);Y=b('<div class="jspPane" />').css("padding",aH).append(D.children());al=b('<div class="jspContainer" />').css({width:aj+"px",height:v+"px"}).append(Y).appendTo(D)}else{D.css("width","");aO=ay.stickToBottom&&K();aK=ay.stickToRight&&B();aJ=D.innerWidth()+f!=aj||D.outerHeight()!=v;if(aJ){aj=D.innerWidth()+f;v=D.innerHeight();al.css({width:aj+"px",height:v+"px"})}if(!aJ&&L==T&&Y.outerHeight()==Z){D.width(aj);return}L=T;Y.css("width","");D.width(aj);al.find(">.jspVerticalBar,>.jspHorizontalBar").remove().end()}Y.css("overflow","auto");if(aQ.contentWidth){T=aQ.contentWidth}else{T=Y[0].scrollWidth}Z=Y[0].scrollHeight;Y.css("overflow","");y=T/aj;q=Z/v;az=q>1;aE=y>1;if(!(aE||az)){D.removeClass("jspScrollable");Y.css({top:0,width:al.width()-f});n();E();R();w()}else{D.addClass("jspScrollable");aL=ay.maintainPosition&&(I||aa);if(aL){aN=aC();aM=aA()}aF();z();F();if(aL){N(aK?(T-aj):aN,false);M(aO?(Z-v):aM,false)}J();ag();an();if(ay.enableKeyboardNavigation){S()}if(ay.clickOnTrack){p()}C();if(ay.hijackInternalLinks){m()}}if(ay.autoReinitialise&&!av){av=setInterval(function(){ar(ay)},ay.autoReinitialiseDelay)}else{if(!ay.autoReinitialise&&av){clearInterval(av)}}aI&&D.scrollTop(0)&&M(aI,false);aP&&D.scrollLeft(0)&&N(aP,false);D.trigger("jsp-initialised",[aE||az])}function aF(){if(az){al.append(b('<div class="jspVerticalBar" />').append(b('<div class="jspCap jspCapTop" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragTop" />'),b('<div class="jspDragBottom" />'))),b('<div class="jspCap jspCapBottom" />')));U=al.find(">.jspVerticalBar");ap=U.find(">.jspTrack");au=ap.find(">.jspDrag");if(ay.showArrows){aq=b('<a class="jspArrow jspArrowUp" />').bind("mousedown.jsp",aD(0,-1)).bind("click.jsp",aB);af=b('<a class="jspArrow jspArrowDown" />').bind("mousedown.jsp",aD(0,1)).bind("click.jsp",aB);if(ay.arrowScrollOnHover){aq.bind("mouseover.jsp",aD(0,-1,aq));af.bind("mouseover.jsp",aD(0,1,af))}ak(ap,ay.verticalArrowPositions,aq,af)}t=v;al.find(">.jspVerticalBar>.jspCap:visible,>.jspVerticalBar>.jspArrow").each(function(){t-=b(this).outerHeight()});au.hover(function(){au.addClass("jspHover")},function(){au.removeClass("jspHover")}).bind("mousedown.jsp",function(aI){b("html").bind("dragstart.jsp selectstart.jsp",aB);au.addClass("jspActive");var s=aI.pageY-au.position().top;b("html").bind("mousemove.jsp",function(aJ){V(aJ.pageY-s,false)}).bind("mouseup.jsp mouseleave.jsp",aw);return false});o()}}function o(){ap.height(t+"px");I=0;X=ay.verticalGutter+ap.outerWidth();Y.width(aj-X-f);try{if(U.position().left===0){Y.css("margin-left",X+"px")}}catch(s){}}function z(){if(aE){al.append(b('<div class="jspHorizontalBar" />').append(b('<div class="jspCap jspCapLeft" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragLeft" />'),b('<div class="jspDragRight" />'))),b('<div class="jspCap jspCapRight" />')));am=al.find(">.jspHorizontalBar");G=am.find(">.jspTrack");h=G.find(">.jspDrag");if(ay.showArrows){ax=b('<a class="jspArrow jspArrowLeft" />').bind("mousedown.jsp",aD(-1,0)).bind("click.jsp",aB);x=b('<a class="jspArrow jspArrowRight" />').bind("mousedown.jsp",aD(1,0)).bind("click.jsp",aB);
|
||||
if(ay.arrowScrollOnHover){ax.bind("mouseover.jsp",aD(-1,0,ax));x.bind("mouseover.jsp",aD(1,0,x))}ak(G,ay.horizontalArrowPositions,ax,x)}h.hover(function(){h.addClass("jspHover")},function(){h.removeClass("jspHover")}).bind("mousedown.jsp",function(aI){b("html").bind("dragstart.jsp selectstart.jsp",aB);h.addClass("jspActive");var s=aI.pageX-h.position().left;b("html").bind("mousemove.jsp",function(aJ){W(aJ.pageX-s,false)}).bind("mouseup.jsp mouseleave.jsp",aw);return false});l=al.innerWidth();ah()}}function ah(){al.find(">.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow").each(function(){l-=b(this).outerWidth()});G.width(l+"px");aa=0}function F(){if(aE&&az){var aI=G.outerHeight(),s=ap.outerWidth();t-=aI;b(am).find(">.jspCap:visible,>.jspArrow").each(function(){l+=b(this).outerWidth()});l-=s;v-=s;aj-=aI;G.parent().append(b('<div class="jspCorner" />').css("width",aI+"px"));o();ah()}if(aE){Y.width((al.outerWidth()-f)+"px")}Z=Y.outerHeight();q=Z/v;if(aE){at=Math.ceil(1/y*l);if(at>ay.horizontalDragMaxWidth){at=ay.horizontalDragMaxWidth}else{if(at<ay.horizontalDragMinWidth){at=ay.horizontalDragMinWidth}}h.width(at+"px");j=l-at;ae(aa)}if(az){A=Math.ceil(1/q*t);if(A>ay.verticalDragMaxHeight){A=ay.verticalDragMaxHeight}else{if(A<ay.verticalDragMinHeight){A=ay.verticalDragMinHeight}}au.height(A+"px");i=t-A;ad(I)}}function ak(aJ,aL,aI,s){var aN="before",aK="after",aM;if(aL=="os"){aL=/Mac/.test(navigator.platform)?"after":"split"}if(aL==aN){aK=aL}else{if(aL==aK){aN=aL;aM=aI;aI=s;s=aM}}aJ[aN](aI)[aK](s)}function aD(aI,s,aJ){return function(){H(aI,s,this,aJ);this.blur();return false}}function H(aL,aK,aO,aN){aO=b(aO).addClass("jspActive");var aM,aJ,aI=true,s=function(){if(aL!==0){Q.scrollByX(aL*ay.arrowButtonSpeed)}if(aK!==0){Q.scrollByY(aK*ay.arrowButtonSpeed)}aJ=setTimeout(s,aI?ay.initialDelay:ay.arrowRepeatFreq);aI=false};s();aM=aN?"mouseout.jsp":"mouseup.jsp";aN=aN||b("html");aN.bind(aM,function(){aO.removeClass("jspActive");aJ&&clearTimeout(aJ);aJ=null;aN.unbind(aM)})}function p(){w();if(az){ap.bind("mousedown.jsp",function(aN){if(aN.originalTarget===c||aN.originalTarget==aN.currentTarget){var aL=b(this),aO=aL.offset(),aM=aN.pageY-aO.top-I,aJ,aI=true,s=function(){var aR=aL.offset(),aS=aN.pageY-aR.top-A/2,aP=v*ay.scrollPagePercent,aQ=i*aP/(Z-v);if(aM<0){if(I-aQ>aS){Q.scrollByY(-aP)}else{V(aS)}}else{if(aM>0){if(I+aQ<aS){Q.scrollByY(aP)}else{V(aS)}}else{aK();return}}aJ=setTimeout(s,aI?ay.initialDelay:ay.trackClickRepeatFreq);aI=false},aK=function(){aJ&&clearTimeout(aJ);aJ=null;b(document).unbind("mouseup.jsp",aK)};s();b(document).bind("mouseup.jsp",aK);return false}})}if(aE){G.bind("mousedown.jsp",function(aN){if(aN.originalTarget===c||aN.originalTarget==aN.currentTarget){var aL=b(this),aO=aL.offset(),aM=aN.pageX-aO.left-aa,aJ,aI=true,s=function(){var aR=aL.offset(),aS=aN.pageX-aR.left-at/2,aP=aj*ay.scrollPagePercent,aQ=j*aP/(T-aj);if(aM<0){if(aa-aQ>aS){Q.scrollByX(-aP)}else{W(aS)}}else{if(aM>0){if(aa+aQ<aS){Q.scrollByX(aP)}else{W(aS)}}else{aK();return}}aJ=setTimeout(s,aI?ay.initialDelay:ay.trackClickRepeatFreq);aI=false},aK=function(){aJ&&clearTimeout(aJ);aJ=null;b(document).unbind("mouseup.jsp",aK)};s();b(document).bind("mouseup.jsp",aK);return false}})}}function w(){if(G){G.unbind("mousedown.jsp")}if(ap){ap.unbind("mousedown.jsp")}}function aw(){b("html").unbind("dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp");if(au){au.removeClass("jspActive")}if(h){h.removeClass("jspActive")}}function V(s,aI){if(!az){return}if(s<0){s=0}else{if(s>i){s=i}}if(aI===c){aI=ay.animateScroll}if(aI){Q.animate(au,"top",s,ad)}else{au.css("top",s);ad(s)}}function ad(aI){if(aI===c){aI=au.position().top}al.scrollTop(0);I=aI;var aL=I===0,aJ=I==i,aK=aI/i,s=-aK*(Z-v);if(ai!=aL||aG!=aJ){ai=aL;aG=aJ;D.trigger("jsp-arrow-change",[ai,aG,P,k])}u(aL,aJ);Y.css("top",s);D.trigger("jsp-scroll-y",[-s,aL,aJ]).trigger("scroll")}function W(aI,s){if(!aE){return}if(aI<0){aI=0}else{if(aI>j){aI=j}}if(s===c){s=ay.animateScroll}if(s){Q.animate(h,"left",aI,ae)
|
||||
}else{h.css("left",aI);ae(aI)}}function ae(aI){if(aI===c){aI=h.position().left}al.scrollTop(0);aa=aI;var aL=aa===0,aK=aa==j,aJ=aI/j,s=-aJ*(T-aj);if(P!=aL||k!=aK){P=aL;k=aK;D.trigger("jsp-arrow-change",[ai,aG,P,k])}r(aL,aK);Y.css("left",s);D.trigger("jsp-scroll-x",[-s,aL,aK]).trigger("scroll")}function u(aI,s){if(ay.showArrows){aq[aI?"addClass":"removeClass"]("jspDisabled");af[s?"addClass":"removeClass"]("jspDisabled")}}function r(aI,s){if(ay.showArrows){ax[aI?"addClass":"removeClass"]("jspDisabled");x[s?"addClass":"removeClass"]("jspDisabled")}}function M(s,aI){var aJ=s/(Z-v);V(aJ*i,aI)}function N(aI,s){var aJ=aI/(T-aj);W(aJ*j,s)}function ab(aV,aQ,aJ){var aN,aK,aL,s=0,aU=0,aI,aP,aO,aS,aR,aT;try{aN=b(aV)}catch(aM){return}aK=aN.outerHeight();aL=aN.outerWidth();al.scrollTop(0);al.scrollLeft(0);while(!aN.is(".jspPane")){s+=aN.position().top;aU+=aN.position().left;aN=aN.offsetParent();if(/^body|html$/i.test(aN[0].nodeName)){return}}aI=aA();aO=aI+v;if(s<aI||aQ){aR=s-ay.verticalGutter}else{if(s+aK>aO){aR=s-v+aK+ay.verticalGutter}}if(aR){M(aR,aJ)}aP=aC();aS=aP+aj;if(aU<aP||aQ){aT=aU-ay.horizontalGutter}else{if(aU+aL>aS){aT=aU-aj+aL+ay.horizontalGutter}}if(aT){N(aT,aJ)}}function aC(){return -Y.position().left}function aA(){return -Y.position().top}function K(){var s=Z-v;return(s>20)&&(s-aA()<10)}function B(){var s=T-aj;return(s>20)&&(s-aC()<10)}function ag(){al.unbind(ac).bind(ac,function(aL,aM,aK,aI){var aJ=aa,s=I;Q.scrollBy(aK*ay.mouseWheelSpeed,-aI*ay.mouseWheelSpeed,false);return aJ==aa&&s==I})}function n(){al.unbind(ac)}function aB(){return false}function J(){Y.find(":input,a").unbind("focus.jsp").bind("focus.jsp",function(s){ab(s.target,false)})}function E(){Y.find(":input,a").unbind("focus.jsp")}function S(){var s,aI,aK=[];aE&&aK.push(am[0]);az&&aK.push(U[0]);Y.focus(function(){D.focus()});D.attr("tabindex",0).unbind("keydown.jsp keypress.jsp").bind("keydown.jsp",function(aN){if(aN.target!==this&&!(aK.length&&b(aN.target).closest(aK).length)){return}var aM=aa,aL=I;switch(aN.keyCode){case 40:case 38:case 34:case 32:case 33:case 39:case 37:s=aN.keyCode;aJ();break;case 35:M(Z-v);s=null;break;case 36:M(0);s=null;break}aI=aN.keyCode==s&&aM!=aa||aL!=I;return !aI}).bind("keypress.jsp",function(aL){if(aL.keyCode==s){aJ()}return !aI});if(ay.hideFocus){D.css("outline","none");if("hideFocus" in al[0]){D.attr("hideFocus",true)}}else{D.css("outline","");if("hideFocus" in al[0]){D.attr("hideFocus",false)}}function aJ(){var aM=aa,aL=I;switch(s){case 40:Q.scrollByY(ay.keyboardSpeed,false);break;case 38:Q.scrollByY(-ay.keyboardSpeed,false);break;case 34:case 32:Q.scrollByY(v*ay.scrollPagePercent,false);break;case 33:Q.scrollByY(-v*ay.scrollPagePercent,false);break;case 39:Q.scrollByX(ay.keyboardSpeed,false);break;case 37:Q.scrollByX(-ay.keyboardSpeed,false);break}aI=aM!=aa||aL!=I;return aI}}function R(){D.attr("tabindex","-1").removeAttr("tabindex").unbind("keydown.jsp keypress.jsp")}function C(){if(location.hash&&location.hash.length>1){var aK,aI,aJ=escape(location.hash.substr(1));try{aK=b("#"+aJ+', a[name="'+aJ+'"]')}catch(s){return}if(aK.length&&Y.find(aJ)){if(al.scrollTop()===0){aI=setInterval(function(){if(al.scrollTop()>0){ab(aK,true);b(document).scrollTop(al.position().top);clearInterval(aI)}},50)}else{ab(aK,true);b(document).scrollTop(al.position().top)}}}}function m(){if(b(document.body).data("jspHijack")){return}b(document.body).data("jspHijack",true);b(document.body).delegate("a[href*=#]","click",function(s){var aI=this.href.substr(0,this.href.indexOf("#")),aK=location.href,aO,aP,aJ,aM,aL,aN;if(location.href.indexOf("#")!==-1){aK=location.href.substr(0,location.href.indexOf("#"))}if(aI!==aK){return}aO=escape(this.href.substr(this.href.indexOf("#")+1));aP;try{aP=b("#"+aO+', a[name="'+aO+'"]')}catch(aQ){return}if(!aP.length){return}aJ=aP.closest(".jspScrollable");aM=aJ.data("jsp");aM.scrollToElement(aP,true);if(aJ[0].scrollIntoView){aL=b(a).scrollTop();aN=aP.offset().top;if(aN<aL||aN>aL+b(a).height()){aJ[0].scrollIntoView()}}s.preventDefault()
|
||||
})}function an(){var aJ,aI,aL,aK,aM,s=false;al.unbind("touchstart.jsp touchmove.jsp touchend.jsp click.jsp-touchclick").bind("touchstart.jsp",function(aN){var aO=aN.originalEvent.touches[0];aJ=aC();aI=aA();aL=aO.pageX;aK=aO.pageY;aM=false;s=true}).bind("touchmove.jsp",function(aQ){if(!s){return}var aP=aQ.originalEvent.touches[0],aO=aa,aN=I;Q.scrollTo(aJ+aL-aP.pageX,aI+aK-aP.pageY);aM=aM||Math.abs(aL-aP.pageX)>5||Math.abs(aK-aP.pageY)>5;return aO==aa&&aN==I}).bind("touchend.jsp",function(aN){s=false}).bind("click.jsp-touchclick",function(aN){if(aM){aM=false;return false}})}function g(){var s=aA(),aI=aC();D.removeClass("jspScrollable").unbind(".jsp");D.replaceWith(ao.append(Y.children()));ao.scrollTop(s);ao.scrollLeft(aI);if(av){clearInterval(av)}}b.extend(Q,{reinitialise:function(aI){aI=b.extend({},ay,aI);ar(aI)},scrollToElement:function(aJ,aI,s){ab(aJ,aI,s)},scrollTo:function(aJ,s,aI){N(aJ,aI);M(s,aI)},scrollToX:function(aI,s){N(aI,s)},scrollToY:function(s,aI){M(s,aI)},scrollToPercentX:function(aI,s){N(aI*(T-aj),s)},scrollToPercentY:function(aI,s){M(aI*(Z-v),s)},scrollBy:function(aI,s,aJ){Q.scrollByX(aI,aJ);Q.scrollByY(s,aJ)},scrollByX:function(s,aJ){var aI=aC()+Math[s<0?"floor":"ceil"](s),aK=aI/(T-aj);W(aK*j,aJ)},scrollByY:function(s,aJ){var aI=aA()+Math[s<0?"floor":"ceil"](s),aK=aI/(Z-v);V(aK*i,aJ)},positionDragX:function(s,aI){W(s,aI)},positionDragY:function(aI,s){V(aI,s)},animate:function(aI,aL,s,aK){var aJ={};aJ[aL]=s;aI.animate(aJ,{duration:ay.animateDuration,easing:ay.animateEase,queue:false,step:aK})},getContentPositionX:function(){return aC()},getContentPositionY:function(){return aA()},getContentWidth:function(){return T},getContentHeight:function(){return Z},getPercentScrolledX:function(){return aC()/(T-aj)},getPercentScrolledY:function(){return aA()/(Z-v)},getIsScrollableH:function(){return aE},getIsScrollableV:function(){return az},getContentPane:function(){return Y},scrollToBottom:function(s){V(i,s)},hijackInternalLinks:b.noop,destroy:function(){g()}});ar(O)}e=b.extend({},b.fn.jScrollPane.defaults,e);b.each(["arrowButtonSpeed","trackClickSpeed","keyboardSpeed"],function(){e[this]=e[this]||e.speed});return this.each(function(){var f=b(this),g=f.data("jsp");if(g){g.reinitialise(e)}else{b("script",f).filter('[type="text/javascript"],:not([type])').remove();g=new d(f,e);f.data("jsp",g)}})};b.fn.jScrollPane.defaults={showArrows:false,maintainPosition:true,stickToBottom:false,stickToRight:false,clickOnTrack:true,autoReinitialise:false,autoReinitialiseDelay:500,verticalDragMinHeight:0,verticalDragMaxHeight:99999,horizontalDragMinWidth:0,horizontalDragMaxWidth:99999,contentWidth:c,animateScroll:false,animateDuration:300,animateEase:"linear",hijackInternalLinks:false,verticalGutter:4,horizontalGutter:4,mouseWheelSpeed:3,arrowButtonSpeed:0,arrowRepeatFreq:50,arrowScrollOnHover:false,trackClickSpeed:0,trackClickRepeatFreq:70,verticalArrowPositions:"split",horizontalArrowPositions:"split",enableKeyboardNavigation:true,hideFocus:false,keyboardSpeed:0,initialDelay:300,speed:30,scrollPagePercent:0.8}})(jQuery,this);
|
||||
117
www/analytics/libs/bower_components/jScrollPane/script/jquery.mousewheel.js
vendored
Normal file
117
www/analytics/libs/bower_components/jScrollPane/script/jquery.mousewheel.js
vendored
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
/*! Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net)
|
||||
* Licensed under the MIT License (LICENSE.txt).
|
||||
*
|
||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||
*
|
||||
* Version: 3.1.3
|
||||
*
|
||||
* Requires: 1.2.2+
|
||||
*/
|
||||
|
||||
(function (factory) {
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node/CommonJS style for Browserify
|
||||
module.exports = factory;
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
|
||||
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'];
|
||||
var toBind = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'];
|
||||
var lowestDelta, lowestDeltaXY;
|
||||
|
||||
if ( $.event.fixHooks ) {
|
||||
for ( var i = toFix.length; i; ) {
|
||||
$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
|
||||
}
|
||||
}
|
||||
|
||||
$.event.special.mousewheel = {
|
||||
setup: function() {
|
||||
if ( this.addEventListener ) {
|
||||
for ( var i = toBind.length; i; ) {
|
||||
this.addEventListener( toBind[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if ( this.removeEventListener ) {
|
||||
for ( var i = toBind.length; i; ) {
|
||||
this.removeEventListener( toBind[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind("mousewheel", fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event || window.event,
|
||||
args = [].slice.call(arguments, 1),
|
||||
delta = 0,
|
||||
deltaX = 0,
|
||||
deltaY = 0,
|
||||
absDelta = 0,
|
||||
absDeltaXY = 0,
|
||||
fn;
|
||||
event = $.event.fix(orgEvent);
|
||||
event.type = "mousewheel";
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta; }
|
||||
if ( orgEvent.detail ) { delta = orgEvent.detail * -1; }
|
||||
|
||||
// New school wheel delta (wheel event)
|
||||
if ( orgEvent.deltaY ) {
|
||||
deltaY = orgEvent.deltaY * -1;
|
||||
delta = deltaY;
|
||||
}
|
||||
if ( orgEvent.deltaX ) {
|
||||
deltaX = orgEvent.deltaX;
|
||||
delta = deltaX * -1;
|
||||
}
|
||||
|
||||
// Webkit
|
||||
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY; }
|
||||
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = orgEvent.wheelDeltaX * -1; }
|
||||
|
||||
// Look for lowest delta to normalize the delta values
|
||||
absDelta = Math.abs(delta);
|
||||
if ( !lowestDelta || absDelta < lowestDelta ) { lowestDelta = absDelta; }
|
||||
absDeltaXY = Math.max(Math.abs(deltaY), Math.abs(deltaX));
|
||||
if ( !lowestDeltaXY || absDeltaXY < lowestDeltaXY ) { lowestDeltaXY = absDeltaXY; }
|
||||
|
||||
// Get a whole value for the deltas
|
||||
fn = delta > 0 ? 'floor' : 'ceil';
|
||||
delta = Math[fn](delta / lowestDelta);
|
||||
deltaX = Math[fn](deltaX / lowestDeltaXY);
|
||||
deltaY = Math[fn](deltaY / lowestDeltaXY);
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
return ($.event.dispatch || $.event.handle).apply(this, args);
|
||||
}
|
||||
|
||||
}));
|
||||
76
www/analytics/libs/bower_components/jScrollPane/script/mwheelIntent.js
vendored
Normal file
76
www/analytics/libs/bower_components/jScrollPane/script/mwheelIntent.js
vendored
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
/**
|
||||
* @author trixta
|
||||
* @version 1.2
|
||||
*/
|
||||
(function($){
|
||||
|
||||
var mwheelI = {
|
||||
pos: [-260, -260]
|
||||
},
|
||||
minDif = 3,
|
||||
doc = document,
|
||||
root = doc.documentElement,
|
||||
body = doc.body,
|
||||
longDelay, shortDelay
|
||||
;
|
||||
|
||||
function unsetPos(){
|
||||
if(this === mwheelI.elem){
|
||||
mwheelI.pos = [-260, -260];
|
||||
mwheelI.elem = false;
|
||||
minDif = 3;
|
||||
}
|
||||
}
|
||||
|
||||
$.event.special.mwheelIntent = {
|
||||
setup: function(){
|
||||
var jElm = $(this).bind('mousewheel', $.event.special.mwheelIntent.handler);
|
||||
if( this !== doc && this !== root && this !== body ){
|
||||
jElm.bind('mouseleave', unsetPos);
|
||||
}
|
||||
jElm = null;
|
||||
return true;
|
||||
},
|
||||
teardown: function(){
|
||||
$(this)
|
||||
.unbind('mousewheel', $.event.special.mwheelIntent.handler)
|
||||
.unbind('mouseleave', unsetPos)
|
||||
;
|
||||
return true;
|
||||
},
|
||||
handler: function(e, d){
|
||||
var pos = [e.clientX, e.clientY];
|
||||
if( this === mwheelI.elem || Math.abs(mwheelI.pos[0] - pos[0]) > minDif || Math.abs(mwheelI.pos[1] - pos[1]) > minDif ){
|
||||
mwheelI.elem = this;
|
||||
mwheelI.pos = pos;
|
||||
minDif = 250;
|
||||
|
||||
clearTimeout(shortDelay);
|
||||
shortDelay = setTimeout(function(){
|
||||
minDif = 10;
|
||||
}, 200);
|
||||
clearTimeout(longDelay);
|
||||
longDelay = setTimeout(function(){
|
||||
minDif = 3;
|
||||
}, 1500);
|
||||
e = $.extend({}, e, {type: 'mwheelIntent'});
|
||||
return ($.event.dispatch || $.event.handle).apply(this, arguments);
|
||||
}
|
||||
}
|
||||
};
|
||||
$.fn.extend({
|
||||
mwheelIntent: function(fn) {
|
||||
return fn ? this.bind("mwheelIntent", fn) : this.trigger("mwheelIntent");
|
||||
},
|
||||
|
||||
unmwheelIntent: function(fn) {
|
||||
return this.unbind("mwheelIntent", fn);
|
||||
}
|
||||
});
|
||||
|
||||
$(function(){
|
||||
body = doc.body;
|
||||
//assume that document is always scrollable, doesn't hurt if not
|
||||
$(doc).bind('mwheelIntent.mwheelIntentDefault', $.noop);
|
||||
});
|
||||
})(jQuery);
|
||||
132
www/analytics/libs/bower_components/jScrollPane/scroll_on_left.html
vendored
Normal file
132
www/analytics/libs/bower_components/jScrollPane/scroll_on_left.html
vendored
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane demo - scroll on left hand side</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 */
|
||||
|
||||
/* Force the scroll bar to the left hand side of the screen */
|
||||
.jspVerticalBar
|
||||
{
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.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();
|
||||
});
|
||||
</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 - scroll on left demo</h1>
|
||||
<p>
|
||||
This demonstration shows how you can make the jScrollPane scrollbars appear on the left hand side of
|
||||
your content. You simply set "left: 0" on the .jspVerticalBar class (this overrides the "right: 0" in
|
||||
the jquery.jscrollpane.css file).
|
||||
</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>
|
||||
188
www/analytics/libs/bower_components/jScrollPane/scroll_to.html
vendored
Normal file
188
www/analytics/libs/bower_components/jScrollPane/scroll_to.html
vendored
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane scrollTo/ scrollBy 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;
|
||||
}
|
||||
|
||||
div#forms
|
||||
{
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
form
|
||||
{
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
</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 pane = $('.scroll-pane');
|
||||
pane.jScrollPane(
|
||||
{
|
||||
showArrows: true
|
||||
}
|
||||
);
|
||||
var api = pane.data('jsp');
|
||||
|
||||
$('#but-scroll-to').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollToX and scrollToY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
|
||||
return false;
|
||||
}
|
||||
);
|
||||
|
||||
$('#but-scroll-by').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollByX and scrollByY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollBy(parseInt($('#byX').val()), parseInt($('#byY').val()));
|
||||
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 - scrollTo/ scrollBy page</h1>
|
||||
<p>
|
||||
This example shows how you can use the jScrollPane <a href="api.html">API</a> to tell a scrollpane
|
||||
to <a href="api.html#scrollTo">scrollTo</a> a particular place or <a href="api.html#scrollBy">scrollBy
|
||||
</a> a particular amount. Use the form below to experiment with this functionality:
|
||||
</p>
|
||||
<div id="forms">
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollTo functionality</legend>
|
||||
<label for="toX">To x:</label>
|
||||
<input type="text" id="toX" name="toX" value="0" />
|
||||
<label for="toY">To y:</label>
|
||||
<input type="text" id="toY" name="toY" value="0" />
|
||||
<input type="submit" id="but-scroll-to" value="Scroll to" />
|
||||
</fieldset>
|
||||
</form>
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollBy functionality</legend>
|
||||
<label for="byX">By x:</label>
|
||||
<input type="text" id="byX" name="byX" value="0" />
|
||||
<label for="byY">By y:</label>
|
||||
<input type="text" id="byY" name="byY" value="0" />
|
||||
<input type="submit" id="but-scroll-by" value="Scroll by" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<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 style="width: 900px;">
|
||||
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>
|
||||
197
www/analytics/libs/bower_components/jScrollPane/scroll_to_animate.html
vendored
Normal file
197
www/analytics/libs/bower_components/jScrollPane/scroll_to_animate.html
vendored
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane scrollTo/ scrollBy with animation 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;
|
||||
}
|
||||
|
||||
div#forms
|
||||
{
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
form
|
||||
{
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
</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 pane = $('.scroll-pane');
|
||||
pane.jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
animateScroll: true
|
||||
}
|
||||
);
|
||||
var api = pane.data('jsp');
|
||||
|
||||
$('#but-scroll-to').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollToX and scrollToY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
|
||||
return false;
|
||||
}
|
||||
);
|
||||
|
||||
$('#but-scroll-by').bind(
|
||||
'click',
|
||||
function()
|
||||
{
|
||||
// Note, there is also scrollByX and scrollByY methods if you only
|
||||
// want to scroll in one dimension
|
||||
api.scrollBy(parseInt($('#byX').val()), parseInt($('#byY').val()));
|
||||
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 - scrollTo/ scrollBy with animation page</h1>
|
||||
<p>
|
||||
This example extends the basic <a href="scroll_to.html">scrollTo/ scrollBy</a> demo and passes
|
||||
<strong><a href="settings.html#animateScroll">animateScroll</a>: true</strong> in the settings.
|
||||
This means that when you call <a href="api.html#scrollTo">scrollTo</a> or <a href="api.html#scrollBy">
|
||||
scrollBy</a> the transition to the new state is animated.
|
||||
</p>
|
||||
<p>
|
||||
Note that the <a href="api.html#animate">animate</a> function which is called is a property on the
|
||||
jScrollPane API method. This means that you are free to overwrite it if you want to implement custom
|
||||
animation settings for your paricular use case. If you just want to tweak the speed and easing of the
|
||||
default animation then you can use the <a href="settings.html#animateDuration">animateDuration</a> and
|
||||
<a href="settings.html#animateEase">animateEase</a> settings properties.
|
||||
</p>
|
||||
<div id="forms">
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollTo functionality</legend>
|
||||
<label for="toX">To x:</label>
|
||||
<input type="text" id="toX" name="toX" value="0" />
|
||||
<label for="toY">To y:</label>
|
||||
<input type="text" id="toY" name="toY" value="0" />
|
||||
<input type="submit" id="but-scroll-to" value="Scroll to" />
|
||||
</fieldset>
|
||||
</form>
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend>scrollBy functionality</legend>
|
||||
<label for="byX">By x:</label>
|
||||
<input type="text" id="byX" name="byX" value="0" />
|
||||
<label for="byY">By y:</label>
|
||||
<input type="text" id="byY" name="byY" value="0" />
|
||||
<input type="submit" id="but-scroll-by" value="Scroll by" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<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 style="width: 900px;">
|
||||
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>
|
||||
200
www/analytics/libs/bower_components/jScrollPane/settings.html
vendored
Normal file
200
www/analytics/libs/bower_components/jScrollPane/settings.html
vendored
Normal file
|
|
@ -0,0 +1,200 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane - settings object 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 - settings object documentation</h1>
|
||||
<p>
|
||||
This page details the various options that you can pass into the settings object when you initialise
|
||||
jScrollPane. Note that there is also a number of changes you can make through the <a href="api.html">
|
||||
API</a> after the scrollpane is already initialised and a number of <a href="events.html">events</a> you
|
||||
can listen to.
|
||||
</p>
|
||||
<h2 id="showArrows">showArrows <span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
Whether arrows should be shown on the generated scroll pane. When set to false only the scrollbar track
|
||||
and drag will be shown, if set to true then arrows buttons will also be shown. <a href="arrows.html">
|
||||
Demo</a>.
|
||||
</p>
|
||||
<h2 id="maintainPosition">maintainPosition <span class="setting-type">- boolean (default true)</span></h2>
|
||||
<p>
|
||||
Whether the scrollpane should attempt to maintain it's position whenever it is reinitialised. If true
|
||||
then the viewport of the scrollpane will remain the same when it is reinitialised, if false then the
|
||||
viewport will jump back up to the top when the scrollpane is reinitialised. See also
|
||||
<a href="#stickToBottom">stickToBottom</a> and <a href="#stickToRight">stickToRight</a>.
|
||||
</p>
|
||||
<h2 id="stickToBottom">stickToBottom<span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
If <a href="#maintainPosition">maintainPosition</a> is true and the scrollpane is scrolled to the
|
||||
bottom then the scrollpane then the scrollpane will remain scrolled to the bottom even if new content
|
||||
is added to the pane which makes it taller.
|
||||
</p>
|
||||
<h2 id="stickToRight">stickToRight<span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
If <a href="#maintainPosition">maintainPosition</a> is true and the scrollpane is scrolled to its
|
||||
right edge then the scrollpane then the scrollpane will remain scrolled to the right edge even if new
|
||||
content is added to the pane which makes it wider.
|
||||
</p>
|
||||
<h2 id="autoReinitialise">autoReinitialise <span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
Whether jScrollPane should automatically reinitialise itself periodically after you have initially
|
||||
initialised it. This can help with instances when the size of the content of the scrollpane (or the
|
||||
surrounding element) changes. However, it does involve an overhead of running a javascript function on
|
||||
a timer so it is recommended only to activate where necessary. <a href="auto_reinitialise.html">Demo</a>.
|
||||
</p>
|
||||
<h2 id="autoReinitialiseDelay">autoReinitialiseDelay <span class="setting-type">- int (default 500)</span></h2>
|
||||
<p>
|
||||
The number of milliseconds between each reinitialisation (if <a href="#autoReinitialise">autoReinitialise</a>
|
||||
is true).
|
||||
</p>
|
||||
<h2 id="verticalDragMinHeight">verticalDragMinHeight <span class="setting-type">- int (default 0)</span></h2>
|
||||
<p>
|
||||
The smallest height that the vertical drag can have. The size of the drag elements is based on the
|
||||
proportion of the size of the content to the size of the viewport but is contrained within the minimum
|
||||
and maximum dimensions given. <a href="drag_size.html">Demo</a>.
|
||||
</p>
|
||||
<h2 id="verticalDragMaxHeight">verticalDragMaxHeight <span class="setting-type">- int (default 99999)</span></h2>
|
||||
<p>
|
||||
See <a href="#verticalDragMinHeight">verticalDragMinHeight</a>.
|
||||
</p>
|
||||
<h2 id="horizontalDragMinWidth">horizontalDragMinWidth <span class="setting-type">- int (default 0)</span></h2>
|
||||
<p>
|
||||
See <a href="#verticalDragMinHeight">verticalDragMinHeight</a>.
|
||||
</p>
|
||||
<h2 id="horizontalDragMaxWidth">horizontalDragMaxWidth <span class="setting-type">- int (default 99999)</span></h2>
|
||||
<p>
|
||||
See <a href="#verticalDragMinHeight">verticalDragMinHeight</a>.
|
||||
</p>
|
||||
<h2 id="contentWidth">contentWidth <span class="setting-type">- int (default undefined)</span></h2>
|
||||
<p>
|
||||
The width of the content of the scroll pane. The default value of undefined will allow jScrollPane to
|
||||
calculate the width of it's content. However, in some cases you will want to disable this (e.g. to
|
||||
prevent horizontal scrolling or where the calculation of the size of the content doesn't return reliable
|
||||
results)
|
||||
</p>
|
||||
<h2 id="animateScroll">animateScroll <span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
Whether to use animation when calling <a href="api.html#scrollTo">scrollTo</a> or <a href="api.html#scrollBy">
|
||||
scrollBy</a>. You can control the animation speed and easing by using the <a href="#animateDuration">
|
||||
animateDuration</a> and <a href="#animateEase">animateEase</a> settings or if you want to exercise more
|
||||
complete control then you can override the <a href="api.html#animate">animate</a> API method.
|
||||
<a href="scroll_to_animate.html">Demo</a>.
|
||||
</p>
|
||||
<h2 id="animateDuration">animateDuration <span class="setting-type">- int (default 300)</span></h2>
|
||||
<p>
|
||||
The number of milliseconds taken to animate to a new position (see <a href="#animateScroll">animateScroll
|
||||
</a>).
|
||||
</p>
|
||||
<h2 id="animateEase">animateEase <span class="setting-type">- string (default 'linear')</span></h2>
|
||||
<p>
|
||||
The type of easing to use when animating to a new position (see <a href="#animateScroll">animateScroll
|
||||
</a> and <a href="http://api.jquery.com/animate/#easing">easing</a>).
|
||||
</p>
|
||||
<h2 id="hijackInternalLinks">hijackInternalLinks <span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
Whether internal links on the page should be hijacked so that if they point so content within a
|
||||
jScrollPane then they automatically scroll the jScrollPane to the correct place. <a href="anchors.html">
|
||||
Demo</a>.
|
||||
</p>
|
||||
<h2 id="verticalGutter">verticalGutter <span class="setting-type">- int (default 4)</span></h2>
|
||||
<p>
|
||||
The amount of space between the side of the content and the vertical scrollbar.
|
||||
</p>
|
||||
<h2 id="horizontalGutter">horizontalGutter <span class="setting-type">- int (default 4)</span></h2>
|
||||
<p>
|
||||
The amount of space between the bottom of the content and the horizontal scrollbar.
|
||||
</p>
|
||||
<h2 id="mouseWheelSpeed">mouseWheelSpeed <span class="setting-type">- int (default 10)</span></h2>
|
||||
<p>
|
||||
A multiplier which is used to control the amount that the scrollpane scrolls each time the mouse wheel
|
||||
is turned.
|
||||
</p>
|
||||
<h2 id="arrowButtonSpeed">arrowButtonSpeed <span class="setting-type">- int (default 10)</span></h2>
|
||||
<p>
|
||||
A multiplier which is used to control the amount that the scrollpane scrolls each time on of the arrow
|
||||
buttons is pressed.
|
||||
</p>
|
||||
<h2 id="arrowRepeatFreq">arrowRepeatFreq <span class="setting-type">- int (default 100)</span></h2>
|
||||
<p>
|
||||
The number of milliseconds between each repeated scroll event when the mouse is held down over one of
|
||||
the arrow keys.
|
||||
</p>
|
||||
<h2 id="arrowScrollOnHover">arrowScrollOnHover <span class="setting-type">- boolean (default false)</span></h2>
|
||||
<p>
|
||||
Whether the arrow buttons should cause the jScrollPane to scroll while you are hovering over them.
|
||||
<a href="arrow_hover.html">Demo</a>.
|
||||
</p>
|
||||
<h2 id="verticalArrowPositions">
|
||||
verticalArrowPositions <span class="setting-type">- string [split|before|after|os] (default split)</span>
|
||||
</h2>
|
||||
<p>
|
||||
Where the vertical arrows should appear relative to the vertical track. <a href="arrow_positions.html">
|
||||
Demo</a>.
|
||||
</p>
|
||||
<h2 id="horizontalArrowPositions">
|
||||
horizontalArrowPositions <span class="setting-type">- string [split|before|after|os] (default split)</span>
|
||||
</h2>
|
||||
<p>
|
||||
Where the horizontal arrows should appear relative to the horizontal track. <a href="arrow_positions.html">
|
||||
Demo</a>.
|
||||
</p>
|
||||
<h2 id="enableKeyboardNavigation">
|
||||
enableKeyboardNavigation <span class="setting-type">- boolean (default true)</span>
|
||||
</h2>
|
||||
<p>
|
||||
Whether keyboard navigation should be enabled (e.g. whether the user can focus the scrollpane and then
|
||||
use the arrow (and other) keys to navigate around.
|
||||
</p>
|
||||
<h2 id="hideFocus">
|
||||
hideFocus <span class="setting-type">- boolean (default false)</span>
|
||||
</h2>
|
||||
<p>
|
||||
Whether the focus outline should be hidden in all browsers. For best accessibility you should not change
|
||||
this option. You can style the outline with the CSS property outline and outline-offset.
|
||||
</p>
|
||||
<h2 id="clickOnTrack">
|
||||
clickOnTrack <span class="setting-type">- boolean (default true)</span>
|
||||
</h2>
|
||||
<p>
|
||||
Whether clicking on the track (e.g. the area behind the drag) should scroll towards the point clicked on.
|
||||
Defaults to true as this is the native behaviour in these situations.
|
||||
</p>
|
||||
<h2 id="trackClickSpeed">trackClickSpeed <span class="setting-type">- int (default 30)</span></h2>
|
||||
<p>
|
||||
A multiplier which is used to control the amount that the scrollpane scrolls each trackClickRepeatFreq
|
||||
while the mouse button is held down over the track.
|
||||
</p>
|
||||
<h2 id="trackClickRepeatFreq">trackClickRepeatFreq <span class="setting-type">- int (default 100)</span></h2>
|
||||
<p>
|
||||
The number of milliseconds between each repeated scroll event when the mouse is held down over the
|
||||
track.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
82
www/analytics/libs/bower_components/jScrollPane/short.html
vendored
Normal file
82
www/analytics/libs/bower_components/jScrollPane/short.html
vendored
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>Short 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%;
|
||||
max-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();
|
||||
});
|
||||
</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 page showing "no scroll necessary"</h1>
|
||||
<p>
|
||||
This demonstration shows how jScrollPane won't add scrollbars if you apply it to an element which
|
||||
doesn't require scrolling.
|
||||
</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>
|
||||
</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>
|
||||
227
www/analytics/libs/bower_components/jScrollPane/style/demo.css
vendored
Normal file
227
www/analytics/libs/bower_components/jScrollPane/style/demo.css
vendored
Normal file
|
|
@ -0,0 +1,227 @@
|
|||
/*
|
||||
* CSS Styles that are used on the jScrollPane demo site - these are custom to the site and
|
||||
* you shouldn't need to use them in your own implementations of jScrollPane.
|
||||
*/
|
||||
|
||||
*
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html,
|
||||
body
|
||||
{
|
||||
background: #aac;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font: 13px/1.231 arial,helvetica,clean,sans-serif
|
||||
}
|
||||
|
||||
#top-nav
|
||||
{
|
||||
width: 780px;
|
||||
background: #50506d;
|
||||
padding: 0 20px 12px 0;
|
||||
margin: 0 auto 20px;
|
||||
overflow: hidden;
|
||||
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
border-radius-topleft: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
border-radius-topright: 0;
|
||||
}
|
||||
|
||||
#top-nav img
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
#top-nav ul
|
||||
{
|
||||
margin: 28px 0 0;
|
||||
overflow: hidden;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#top-nav ul li
|
||||
{
|
||||
float: left;
|
||||
padding: 0 0 0 1em;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#top-nav ul li a
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#top-nav ul li a:hover
|
||||
{
|
||||
color: #ffa;
|
||||
}
|
||||
|
||||
#top-nav ul li:last-child
|
||||
{
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#container
|
||||
{
|
||||
width: 760px;
|
||||
background: #eeeef4;
|
||||
padding: 20px;
|
||||
margin: 20px auto;
|
||||
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
font-size: 116%;
|
||||
color: #fff;
|
||||
background: #50506d;
|
||||
margin: 0 0 1em;
|
||||
padding:4px 8px 5px;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
clear: left;
|
||||
font-size: 100%;
|
||||
color: #fff;
|
||||
background: #8b8b9f;
|
||||
margin: 1em 0;
|
||||
padding:4px 8px 5px;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
h2 span.setting-type
|
||||
{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 93%;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
p.intro
|
||||
{
|
||||
font-size: 116%;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
color: #7171D4;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover
|
||||
{
|
||||
color: #f60;
|
||||
}
|
||||
|
||||
ul
|
||||
{
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
|
||||
ul li
|
||||
{
|
||||
margin: 0 0 .5em;
|
||||
}
|
||||
|
||||
ul.link-list li
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul p
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* For the form demo page */
|
||||
|
||||
form
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
fieldset
|
||||
{
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
legend
|
||||
{
|
||||
font-weight: bold;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
label
|
||||
{
|
||||
clear: left;
|
||||
float: left;
|
||||
margin: .5em 6px 0 0;
|
||||
text-align: right;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea
|
||||
{
|
||||
float: left;
|
||||
border: 0;
|
||||
padding: 3px 5px;
|
||||
margin: 0 0 .5em;
|
||||
}
|
||||
|
||||
input[type=button],
|
||||
input[type=submit]
|
||||
{
|
||||
clear: left;
|
||||
background: #fff;
|
||||
width: auto;
|
||||
margin: 0 0 0 106px;
|
||||
}
|
||||
|
||||
pre
|
||||
{
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
font-size: 93%;
|
||||
width: 740px;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
overflow: auto;
|
||||
}
|
||||
120
www/analytics/libs/bower_components/jScrollPane/style/jquery.jscrollpane.css
vendored
Normal file
120
www/analytics/libs/bower_components/jScrollPane/style/jquery.jscrollpane.css
vendored
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #dde;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_222222_256x240.png
vendored
Executable file
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_222222_256x240.png
vendored
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_888888_256x240.png
vendored
Executable file
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_888888_256x240.png
vendored
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_cd0a0a_256x240.png
vendored
Executable file
BIN
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/image/ui-icons_cd0a0a_256x240.png
vendored
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
337
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/index.html
vendored
Normal file
337
www/analytics/libs/bower_components/jScrollPane/themes/lozenge/index.html
vendored
Normal file
|
|
@ -0,0 +1,337 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane theme demo: Lozenge</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" />
|
||||
<!-- the styles for the lozenge theme -->
|
||||
<link type="text/css" href="style/jquery.jscrollpane.lozenge.css" rel="stylesheet" media="all" />
|
||||
|
||||
<style type="text/css" id="page-css">
|
||||
/* Styles specific to this particular page */
|
||||
.scroll-pane,
|
||||
.scroll-pane-arrows
|
||||
{
|
||||
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();
|
||||
$('.scroll-pane-arrows').jScrollPane(
|
||||
{
|
||||
showArrows: true,
|
||||
horizontalGutter: 10
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="top-nav">
|
||||
<img src="../../image/logo.png" width="196" height="69" alt="jScrollPane">
|
||||
<ul>
|
||||
<li><a href="../../">Home</a></li>
|
||||
<li><a href="../../#examples">Examples</a></li>
|
||||
<li><a href="../../#themes">Themes</a></li>
|
||||
<li><a href="../../#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="../../#support">Support</a></li>
|
||||
<li><a href="../../#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane - lozenge theme</h1>
|
||||
<p>
|
||||
Lozenge is a very simple theme with rounded corners for the drag element (on browsers which support the
|
||||
relevant CSS properties) and simple arrow graphics (borrowed from the jQuery UI
|
||||
<a href="http://jqueryui.com/themeroller/">Lightness</a> theme). It also supports hover and disabled
|
||||
states for the various elements.
|
||||
</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>Vertical with arrows</h2>
|
||||
<div class="scroll-pane-arrows">
|
||||
<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>Horizontal only with arrows</h2>
|
||||
<div class="scroll-pane-arrows 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>Both with arrows</h2>
|
||||
<div class="scroll-pane-arrows">
|
||||
<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>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
|
||||
.jspHorizontalBar,
|
||||
.jspVerticalBar,
|
||||
.jspTrack
|
||||
{
|
||||
background: #eeeef4;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.jspTrack .jspActive,
|
||||
.jspTrack .jspHover,
|
||||
.jspDrag:hover
|
||||
{
|
||||
background: #8B8B9F;
|
||||
}
|
||||
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: url(../image/ui-icons_222222_256x240.png) no-repeat;
|
||||
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.jspVerticalBar>.jspActive,
|
||||
.jspArrow:hover
|
||||
{
|
||||
background-image: url('../image/ui-icons_cd0a0a_256x240.png');
|
||||
}
|
||||
|
||||
.jspVerticalBar>.jspDisabled,
|
||||
.jspVerticalBar>.jspDisabled:hover,
|
||||
.jspHorizontalBar>.jspDisabled,
|
||||
.jspHorizontalBar>.jspDisabled:hover
|
||||
{
|
||||
background-color: transparent;
|
||||
background-image: url('../image/ui-icons_888888_256x240.png');
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.jspArrowUp
|
||||
{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.jspArrowDown
|
||||
{
|
||||
background-position: -64px 0 !important;
|
||||
}
|
||||
|
||||
.jspArrowLeft
|
||||
{
|
||||
background-position: -96px 0 !important;
|
||||
}
|
||||
|
||||
.jspArrowRight
|
||||
{
|
||||
background-position: -32px 0 !important;
|
||||
}
|
||||
49
www/analytics/libs/bower_components/jScrollPane/v1.html
vendored
Normal file
49
www/analytics/libs/bower_components/jScrollPane/v1.html
vendored
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>jScrollPane version 1.x</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.4.3/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="#">Home</a></li>
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
<li><a href="#themes">Themes</a></li>
|
||||
<li><a href="#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="#support">Support</a></li>
|
||||
<li><a href="#download">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="container">
|
||||
<h1>jScrollPane version 1.x</h1>
|
||||
<p>
|
||||
You followed a link to a page for version 1 of jScrollPane - the jQuery plugin which provides cross browser
|
||||
custom scrollbars. Version 1 is now deprecated and all development/ support is concentrated on version 2 of
|
||||
the plugin. I suggest that you visit the <a href="/">new jScrollPane homepage</a> to find out all about version
|
||||
2 of the plugin.
|
||||
</p>
|
||||
<p>
|
||||
If you must use version 1 of the (for example because you are updating a site that was originally built using
|
||||
version 1) then you can find the old site <a href="v1/demo/jScrollPane.html" rel="nofollow">here</a>.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue