jquery/jquery/jquery-log.js

/*
        jquery logging plugin

        2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
*/

var _jql;

$.log = {

        /* semi-private functions */

        join: function(a) {
                var m = '';
                for (var i=0; i<a.length; i++)
                        m += a[i] + '<br/>';
                return m;
        },

        insert: function(class, m) {
                if (! _jql) this.create();

                _jql.count[ class ]++;

                var html = '<div class="jql-' + class + '"'
                if ( ! _jql.on[class] ) html += ' style="display:none"';
                html += '>' + m + '</div>';
                $('#jql-log').append( html );
                //$('#jql-log').prepend( html );

                // refresh count
                $('#jql-counter').html(
                        '<span class="jql-info">'+_jql.count.info+'</span> ' +
                        '<span class="jql-debug">'+_jql.count.debug+'</span> ' +
                        '<span class="jql-error">'+_jql.count.error+'</span>'
                );

                this.scroll();
        },

        scroll: function() {
                // poor man's scroll to bottom
                var e = document.getElementById('jql-log');
                e.scrollTop = e.scrollHeight - e.clientHeight;
        },

        /* public functions */

        create: function() {

                $('body').append(
                '<div id="jql" class="jql"><div id="jql-bar">' +
                '<a href="#" onclick="javascript:return $.log.clean();">clean</a> | ' +
                '<a href="#" class=".jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
                '<a href="#" class=".jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
                '<a href="#" class=".jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> | ' +
                '<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
                '</div><div id="jql-log"></div></div>' +
                '<div id="jql-show" class="jql">' +
                '<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
                '</div>'
                );

                _jql = {
                        count: {
                                info: 0,
                                debug: 0,
                                error: 0
                        },
                        on: {
                                info: true,
                                debug: true,
                                error: true
                        }
                };

                this.debug('created logger');
        },

        /* onclick events */

        toggle: function( what ) {
                if (what) {
                        $.log.debug('toggle '+what);
                        $('.jql-'+what).toggle();
                        _jql.on[what] = ! _jql.on[what];
                } else {
                        $.log.debug('toggle logger');
                        $('#jql').toggle();
                        $('#jql-show').toggle();
                }
                this.scroll();
                return false;
        },

        clean: function() {
                $('#jql-log').html('');
        },

        /* public methods to call from your code */

        info: function() {
                if (arguments) this.insert( 'info', this.join(arguments) );
        },
        debug: function() {
                if (arguments) this.insert( 'debug', this.join(arguments) );
        },
        error: function() {
                if (arguments) this.insert( 'error', this.join(arguments) );
        }
};

1	dpavlin	30	/*
2			jquery logging plugin
3
4			2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
5			*/
6
7	dpavlin	38	var _jql;
8	dpavlin	30
9			$.log = {
10	dpavlin	32
11			/* semi-private functions */
12
13	dpavlin	30	join: function(a) {
14			var m = '';
15			for (var i=0; i<a.length; i++)
16			m += a[i] + '<br/>';
17			return m;
18			},
19
20	dpavlin	37	insert: function(class, m) {
21	dpavlin	38	if (! _jql) this.create();
22	dpavlin	37
23	dpavlin	38	_jql.count[ class ]++;
24	dpavlin	37
25	dpavlin	38	var html = '<div class="jql-' + class + '"'
26			if ( ! _jql.on[class] ) html += ' style="display:none"';
27			html += '>' + m + '</div>';
28			$('#jql-log').append( html );
29			//$('#jql-log').prepend( html );
30	dpavlin	37
31			// refresh count
32	dpavlin	34	$('#jql-counter').html(
33	dpavlin	38	'<span class="jql-info">'+_jql.count.info+'</span> ' +
34			'<span class="jql-debug">'+_jql.count.debug+'</span> ' +
35			'<span class="jql-error">'+_jql.count.error+'</span>'
36	dpavlin	30	);
37	dpavlin	42
38	dpavlin	43	this.scroll();
39			},
40
41			scroll: function() {
42	dpavlin	42	// poor man's scroll to bottom
43			var e = document.getElementById('jql-log');
44			e.scrollTop = e.scrollHeight - e.clientHeight;
45	dpavlin	30	},
46
47	dpavlin	32	/* public functions */
48
49			create: function() {
50
51			$('body').append(
52	dpavlin	38	'<div id="jql" class="jql"><div id="jql-bar">' +
53			'<a href="#" onclick="javascript:return $.log.clean();">clean</a> \| ' +
54			'<a href="#" class=".jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
55			'<a href="#" class=".jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
56			'<a href="#" class=".jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> \| ' +
57			'<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
58			'</div><div id="jql-log"></div></div>' +
59	dpavlin	34	'<div id="jql-show" class="jql">' +
60	dpavlin	38	'<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
61	dpavlin	32	'</div>'
62			);
63
64	dpavlin	38	_jql = {
65			count: {
66			info: 0,
67			debug: 0,
68			error: 0
69			},
70			on: {
71			info: true,
72			debug: true,
73			error: true
74			}
75	dpavlin	32	};
76
77			this.debug('created logger');
78			},
79
80	dpavlin	38	/* onclick events */
81
82			toggle: function( what ) {
83			if (what) {
84			$.log.debug('toggle '+what);
85			$('.jql-'+what).toggle();
86			_jql.on[what] = ! _jql.on[what];
87			} else {
88			$.log.debug('toggle logger');
89			$('#jql').toggle();
90			$('#jql-show').toggle();
91			}
92	dpavlin	43	this.scroll();
93	dpavlin	37	return false;
94			},
95
96	dpavlin	38	clean: function() {
97			$('#jql-log').html('');
98			},
99
100			/* public methods to call from your code */
101
102	dpavlin	30	info: function() {
103	dpavlin	37	if (arguments) this.insert( 'info', this.join(arguments) );
104	dpavlin	30	},
105			debug: function() {
106	dpavlin	37	if (arguments) this.insert( 'debug', this.join(arguments) );
107	dpavlin	30	},
108			error: function() {
109	dpavlin	37	if (arguments) this.insert( 'error', this.join(arguments) );
110	dpavlin	32	}
111	dpavlin	30	};
112	dpavlin	32