643 | QUnit.equiv = function () {
644 |
645 | var innerEquiv; // the real equiv function
646 | var callers = []; // stack to decide between skip/abort functions
647 |
648 |
649 | // Determine what is o.
650 | function hoozit(o) {
651 | if (o.constructor === String) {
652 | return "string";
653 |
654 | } else if (o.constructor === Boolean) {
655 | return "boolean";
656 |
657 | } else if (o.constructor === Number) {
658 |
659 | if (isNaN(o)) {
660 | return "nan";
661 | } else {
662 | return "number";
663 | }
664 |
665 | } else if (typeof o === "undefined") {
666 | return "undefined";
667 |
668 | // consider: typeof null === object
669 | } else if (o === null) {
670 | return "null";
671 |
672 | // consider: typeof [] === object
673 | } else if (o instanceof Array) {
674 | return "array";
675 |
676 | // consider: typeof new Date() === object
677 | } else if (o instanceof Date) {
678 | return "date";
679 |
680 | // consider: /./ instanceof Object;
681 | // /./ instanceof RegExp;
682 | // typeof /./ === "function"; // => false in IE and Opera,
683 | // true in FF and Safari
684 | } else if (o instanceof RegExp) {
685 | return "regexp";
686 |
687 | } else if (typeof o === "object") {
688 | return "object";
689 |
690 | } else if (o instanceof Function) {
691 | return "function";
692 | } else {
693 | return undefined;
694 | }
695 | }
696 |
697 | // Call the o related callback with the given arguments.
698 | function bindCallbacks(o, callbacks, args) {
699 | var prop = hoozit(o);
700 | if (prop) {
701 | if (hoozit(callbacks[prop]) === "function") {
702 | return callbacks[prop].apply(callbacks, args);
703 | } else {
704 | return callbacks[prop]; // or undefined
705 | }
706 | }
707 | }
708 |
709 | var callbacks = function () {
710 |
711 | // for string, boolean, number and null
712 | function useStrictEquality(b, a) {
713 | if (b instanceof a.constructor || a instanceof b.constructor) {
714 | // to catch short annotaion VS 'new' annotation of a declaration
715 | // e.g. var i = 1;
716 | // var j = new Number(1);
717 | return a == b;
718 | } else {
719 | return a === b;
720 | }
721 | }
722 |
723 | return {
724 | "string": useStrictEquality,
725 | "boolean": useStrictEquality,
726 | "number": useStrictEquality,
727 | "null": useStrictEquality,
728 | "undefined": useStrictEquality,
729 |
730 | "nan": function (b) {
731 | return isNaN(b);
732 | },
733 |
734 | "date": function (b, a) {
735 | return hoozit(b) === "date" && a.valueOf() === b.valueOf();
736 | },
737 |
738 | "regexp": function (b, a) {
739 | return hoozit(b) === "regexp" &&
740 | a.source === b.source && // the regex itself
741 | a.global === b.global && // and its modifers (gmi) ...
742 | a.ignoreCase === b.ignoreCase &&
743 | a.multiline === b.multiline;
744 | },
745 |
746 | // - skip when the property is a method of an instance (OOP)
747 | // - abort otherwise,
748 | // initial === would have catch identical references anyway
749 | "function": function () {
750 | var caller = callers[callers.length - 1];
751 | return caller !== Object &&
752 | typeof caller !== "undefined";
753 | },
754 |
755 | "array": function (b, a) {
756 | var i;
757 | var len;
758 |
759 | // b could be an object literal here
760 | if ( ! (hoozit(b) === "array")) {
761 | return false;
762 | }
763 |
764 | len = a.length;
765 | if (len !== b.length) { // safe and faster
766 | return false;
767 | }
768 | for (i = 0; i < len; i++) {
769 | if ( ! innerEquiv(a[i], b[i])) {
770 | return false;
771 | }
772 | }
773 | return true;
774 | },
775 |
776 | "object": function (b, a) {
777 | var i;
778 | var eq = true; // unless we can proove it
779 | var aProperties = [], bProperties = []; // collection of strings
780 |
781 | // comparing constructors is more strict than using instanceof
782 | if ( a.constructor !== b.constructor) {
783 | return false;
784 | }
785 |
786 | // stack constructor before traversing properties
787 | callers.push(a.constructor);
788 |
789 | for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
790 |
791 | aProperties.push(i); // collect a's properties
792 |
793 | if ( ! innerEquiv(a[i], b[i])) {
794 | eq = false;
795 | }
796 | }
797 |
798 | callers.pop(); // unstack, we are done
799 |
800 | for (i in b) {
801 | bProperties.push(i); // collect b's properties
802 | }
803 |
804 | // Ensures identical properties name
805 | return eq && innerEquiv(aProperties.sort(), bProperties.sort());
806 | }
807 | };
808 | }();
809 |
810 | innerEquiv = function () { // can take multiple arguments
811 | var args = Array.prototype.slice.apply(arguments);
812 | if (args.length < 2) {
813 | return true; // end transition
814 | }
815 |
816 | return (function (a, b) {
817 | if (a === b) {
818 | return true; // catch the most you can
819 | } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || hoozit(a) !== hoozit(b)) {
820 | return false; // don't lose time with error prone cases
821 | } else {
822 | return bindCallbacks(a, callbacks, [b, a]);
823 | }
824 |
825 | // apply transition with (1..n) arguments
826 | })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
827 | };
828 |
829 | return innerEquiv;
830 |
831 | }();
832 |
833 | /**
834 | * jsDump
835 | * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
836 | * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
837 | * Date: 5/15/2008
838 | * @projectDescription Advanced and extensible data dumping for Javascript.
839 | * @version 1.0.0
840 | * @author Ariel Flesler
841 | * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
842 | */
843 | QUnit.jsDump = (function() {
844 | function quote( str ) {
845 | return '"' + str.toString().replace(/"/g, '\\"') + '"';
846 | };
847 | function literal( o ) {
848 | return o + '';
849 | };
850 | function join( pre, arr, post ) {
851 | var s = jsDump.separator(),
852 | base = jsDump.indent(),
853 | inner = jsDump.indent(1);
854 | if ( arr.join )
855 | arr = arr.join( ',' + s + inner );
856 | if ( !arr )
857 | return pre + post;
858 | return [ pre, inner + arr, base + post ].join(s);
859 | };
860 | function array( arr ) {
861 | var i = arr.length, ret = Array(i);
862 | this.up();
863 | while ( i-- )
864 | ret[i] = this.parse( arr[i] );
865 | this.down();
866 | return join( '[', ret, ']' );
867 | };
868 |
869 | var reName = /^function (\w+)/;
870 |
871 | var jsDump = {
872 | parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance
873 | var parser = this.parsers[ type || this.typeOf(obj) ];
874 | type = typeof parser;
875 |
876 | return type == 'function' ? parser.call( this, obj ) :
877 | type == 'string' ? parser :
878 | this.parsers.error;
879 | },
880 | typeOf:function( obj ) {
881 | var type = typeof obj,
882 | f = 'function';//we'll use it 3 times, save it
883 | return type != 'object' && type != f ? type :
884 | !obj ? 'null' :
885 | obj.exec ? 'regexp' :// some browsers (FF) consider regexps functions
886 | obj.getHours ? 'date' :
887 | obj.scrollBy ? 'window' :
888 | obj.nodeName == '#document' ? 'document' :
889 | obj.nodeName ? 'node' :
890 | obj.item ? 'nodelist' : // Safari reports nodelists as functions
891 | obj.callee ? 'arguments' :
892 | obj.call || obj.constructor != Array && //an array would also fall on this hack
893 | (obj+'').indexOf(f) != -1 ? f : //IE reports functions like alert, as objects
894 | 'length' in obj ? 'array' :
895 | type;
896 | },
897 | separator:function() {
898 | return this.multiline ? this.HTML ? '
' : '\n' : this.HTML ? ' ' : ' ';
899 | },
900 | indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
901 | if ( !this.multiline )
902 | return '';
903 | var chr = this.indentChar;
904 | if ( this.HTML )
905 | chr = chr.replace(/\t/g,' ').replace(/ /g,' ');
906 | return Array( this._depth_ + (extra||0) ).join(chr);
907 | },
908 | up:function( a ) {
909 | this._depth_ += a || 1;
910 | },
911 | down:function( a ) {
912 | this._depth_ -= a || 1;
913 | },
914 | setParser:function( name, parser ) {
915 | this.parsers[name] = parser;
916 | },
917 | // The next 3 are exposed so you can use them
918 | quote:quote,
919 | literal:literal,
920 | join:join,
921 | //
922 | _depth_: 1,
923 | // This is the list of parsers, to modify them, use jsDump.setParser
924 | parsers:{
925 | window: '[Window]',
926 | document: '[Document]',
927 | error:'[ERROR]', //when no parser is found, shouldn't happen
928 | unknown: '[Unknown]',
929 | 'null':'null',
930 | undefined:'undefined',
931 | 'function':function( fn ) {
932 | var ret = 'function',
933 | name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
934 | if ( name )
935 | ret += ' ' + name;
936 | ret += '(';
937 |
938 | ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
939 | return join( ret, this.parse(fn,'functionCode'), '}' );
940 | },
941 | array: array,
942 | nodelist: array,
943 | arguments: array,
944 | object:function( map ) {
945 | var ret = [ ];
946 | this.up();
947 | for ( var key in map )
948 | ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
949 | this.down();
950 | return join( '{', ret, '}' );
951 | },
952 | node:function( node ) {
953 | var open = this.HTML ? '<' : '<',
954 | close = this.HTML ? '>' : '>';
955 |
956 | var tag = node.nodeName.toLowerCase(),
957 | ret = open + tag;
958 |
959 | for ( var a in this.DOMAttrs ) {
960 | var val = node[this.DOMAttrs[a]];
961 | if ( val )
962 | ret += ' ' + a + '=' + this.parse( val, 'attribute' );
963 | }
964 | return ret + close + open + '/' + tag + close;
965 | },
966 | functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
967 | var l = fn.length;
968 | if ( !l ) return '';
969 |
970 | var args = Array(l);
971 | while ( l-- )
972 | args[l] = String.fromCharCode(97+l);//97 is 'a'
973 | return ' ' + args.join(', ') + ' ';
974 | },
975 | key:quote, //object calls it internally, the key part of an item in a map
976 | functionCode:'[code]', //function calls it internally, it's the content of the function
977 | attribute:quote, //node calls it internally, it's an html attribute value
978 | string:quote,
979 | date:quote,
980 | regexp:literal, //regex
981 | number:literal,
982 | 'boolean':literal
983 | },
984 | DOMAttrs:{//attributes to dump from nodes, name=>realName
985 | id:'id',
986 | name:'name',
987 | 'class':'className'
988 | },
989 | HTML:true,//if true, entities are escaped ( <, >, \t, space and \n )
990 | indentChar:' ',//indentation unit
991 | multiline:true //if true, items in a collection, are separated by a \n, else just a space.
992 | };
993 |
994 | return jsDump;
995 | })();
996 |
997 | })(this);
998 |
--------------------------------------------------------------------------------
/oegyscroll/src/test/js/scrollertest.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
202 |
203 |
204 |
205 |
206 |
207 |
208 |
209 |
210 |
211 |
--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
1 |
2 | 4.0.0
3 | org.laughingpanda.oegyscroll
4 | oegyscroll-root
5 | pom
6 | 1.15-SNAPSHOT
7 | oegyscroll
8 | https://github.com/reaktor/oegyscroll
9 |
10 | oegyscroll
11 | oegyscroll-demo
12 |
13 |
14 |
15 | Laughing Panda SCP
16 | Laughing Panda
17 | scpexe://maven.laughingpanda.org:/var/www/maven.laughingpanda.org/maven2
18 |
19 |
20 | Laughing Panda SCP
21 | Laughing Panda
22 | scpexe://maven.laughingpanda.org:/var/www/maven.laughingpanda.org/maven2/snapshots
23 |
24 |
25 |
26 | scm:git:git://github.com/reaktor/oegyscroll.git
27 | scm:git:ssh://git@github.com/reaktor/oegyscroll.git
28 | https://github.com/reaktor/oegyscroll
29 |
30 |
31 |
32 |
33 | org.apache.maven.wagon
34 | wagon-ssh
35 | 1.0-beta-7
36 |
37 |
38 |
39 |
40 |
41 | release
42 |
43 |
44 |
45 | org.apache.maven.plugins
46 | maven-source-plugin
47 |
48 |
49 | attach-sources
50 |
51 | jar-no-fork
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | Laughing Panda
63 | http://maven.laughingpanda.org/maven2
64 |
65 |
66 |
67 |
68 | junit
69 | junit
70 | 4.7
71 | test
72 |
73 |
74 | javax.servlet
75 | servlet-api
76 | 2.4
77 |
78 |
79 | org.apache.wicket
80 | wicket
81 | 1.4.0
82 |
83 |
84 |
85 |
86 |
--------------------------------------------------------------------------------
/standalone-demo/images/loading-row.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/reaktor/oegyscroll/ad382e04e1da034cdadfdaf9cba790f655a1abe7/standalone-demo/images/loading-row.gif
--------------------------------------------------------------------------------
/standalone-demo/images/table-rows-striped.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/reaktor/oegyscroll/ad382e04e1da034cdadfdaf9cba790f655a1abe7/standalone-demo/images/table-rows-striped.gif
--------------------------------------------------------------------------------
/standalone-demo/index.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
11 |
12 |
13 |
14 |
18 |
31 |
32 | OegyScroll Demo
33 | The scrollable area below is generated using the OegyScroll Javascript library.
34 | It consists of blocks of 50 items. The content for each block is created on the fly when the block becomes visible. In this standalone demo, the content is generated using a simple client-side function, but you could easily replace that with a JQuery Ajax call.
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------