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>'
                );

                // 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();
                }
                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			// poor man's scroll to bottom
39			var e = document.getElementById('jql-log');
40			e.scrollTop = e.scrollHeight - e.clientHeight;
41	dpavlin	30	},
42
43	dpavlin	32	/* public functions */
44
45			create: function() {
46
47			$('body').append(
48	dpavlin	38	'<div id="jql" class="jql"><div id="jql-bar">' +
49			'<a href="#" onclick="javascript:return $.log.clean();">clean</a> \| ' +
50			'<a href="#" class=".jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
51			'<a href="#" class=".jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
52			'<a href="#" class=".jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> \| ' +
53			'<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
54			'</div><div id="jql-log"></div></div>' +
55	dpavlin	34	'<div id="jql-show" class="jql">' +
56	dpavlin	38	'<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
57	dpavlin	32	'</div>'
58			);
59
60	dpavlin	38	_jql = {
61			count: {
62			info: 0,
63			debug: 0,
64			error: 0
65			},
66			on: {
67			info: true,
68			debug: true,
69			error: true
70			}
71	dpavlin	32	};
72
73			this.debug('created logger');
74			},
75
76	dpavlin	38	/* onclick events */
77
78			toggle: function( what ) {
79			if (what) {
80			$.log.debug('toggle '+what);
81			$('.jql-'+what).toggle();
82			_jql.on[what] = ! _jql.on[what];
83			} else {
84			$.log.debug('toggle logger');
85			$('#jql').toggle();
86			$('#jql-show').toggle();
87			}
88	dpavlin	37	return false;
89			},
90
91	dpavlin	38	clean: function() {
92			$('#jql-log').html('');
93			},
94
95			/* public methods to call from your code */
96
97	dpavlin	30	info: function() {
98	dpavlin	37	if (arguments) this.insert( 'info', this.join(arguments) );
99	dpavlin	30	},
100			debug: function() {
101	dpavlin	37	if (arguments) this.insert( 'debug', this.join(arguments) );
102	dpavlin	30	},
103			error: function() {
104	dpavlin	37	if (arguments) this.insert( 'error', this.join(arguments) );
105	dpavlin	32	}
106	dpavlin	30	};
107	dpavlin	32