Subversion Repositories Applications.framework

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
464 jpm 1
/*
2
 *	jQuery dotdotdot 1.5.9
3
 *
4
 *	Copyright (c) 2013 Fred Heusschen
5
 *	www.frebsite.nl
6
 *
7
 *	Plugin website:
8
 *	dotdotdot.frebsite.nl
9
 *
10
 *	Dual licensed under the MIT and GPL licenses.
11
 *	http://en.wikipedia.org/wiki/MIT_License
12
 *	http://en.wikipedia.org/wiki/GNU_General_Public_License
13
 */
14
 
15
(function( $ )
16
{
17
	if ( $.fn.dotdotdot )
18
	{
19
		return;
20
	}
21
 
22
	$.fn.dotdotdot = function( o )
23
	{
24
		if ( this.length == 0 )
25
		{
26
			if ( !o || o.debug !== false )
27
			{
28
				debug( true, 'No element found for "' + this.selector + '".' );
29
			}
30
			return this;
31
		}
32
		if ( this.length > 1 )
33
		{
34
			return this.each(
35
				function()
36
				{
37
					$(this).dotdotdot( o );
38
				}
39
			);
40
		}
41
 
42
 
43
		var $dot = this;
44
 
45
		if ( $dot.data( 'dotdotdot' ) )
46
		{
47
			$dot.trigger( 'destroy.dot' );
48
		}
49
 
50
		$dot.data( 'dotdotdot-style', $dot.attr( 'style' ) );
51
		$dot.css( 'word-wrap', 'break-word' );
52
 
53
		$dot.bind_events = function()
54
		{
55
			$dot.bind(
56
				'update.dot',
57
				function( e, c )
58
				{
59
					e.preventDefault();
60
					e.stopPropagation();
61
 
62
					opts.maxHeight = ( typeof opts.height == 'number' )
63
						? opts.height
64
						: getTrueInnerHeight( $dot );
65
 
66
					opts.maxHeight += opts.tolerance;
67
 
68
					if ( typeof c != 'undefined' )
69
					{
70
						if ( typeof c == 'string' || c instanceof HTMLElement )
71
						{
72
					 		c = $('<div />').append( c ).contents();
73
						}
74
						if ( c instanceof $ )
75
						{
76
							orgContent = c;
77
						}
78
					}
79
 
80
					$inr = $dot.wrapInner( '<div class="dotdotdot" />' ).children();
81
					$inr.empty()
82
						.append( orgContent.clone( true ) )
83
						.css({
84
							'height'	: 'auto',
85
							'width'		: 'auto',
86
							'border'	: 'none',
87
							'padding'	: 0,
88
							'margin'	: 0
89
						});
90
 
91
					var after = false,
92
						trunc = false;
93
 
94
					if ( conf.afterElement )
95
					{
96
						after = conf.afterElement.clone( true );
97
						conf.afterElement.remove();
98
					}
99
					if ( test( $inr, opts ) )
100
					{
101
						if ( opts.wrap == 'children' )
102
						{
103
							trunc = children( $inr, opts, after );
104
						}
105
						else
106
						{
107
							trunc = ellipsis( $inr, $dot, $inr, opts, after );
108
						}
109
					}
110
					$inr.replaceWith( $inr.contents() );
111
					$inr = null;
112
 
113
					if ( $.isFunction( opts.callback ) )
114
					{
115
						opts.callback.call( $dot[ 0 ], trunc, orgContent );
116
					}
117
 
118
					conf.isTruncated = trunc;
119
					return trunc;
120
				}
121
 
122
			).bind(
123
				'isTruncated.dot',
124
				function( e, fn )
125
				{
126
					e.preventDefault();
127
					e.stopPropagation();
128
 
129
					if ( typeof fn == 'function' )
130
					{
131
						fn.call( $dot[ 0 ], conf.isTruncated );
132
					}
133
					return conf.isTruncated;
134
				}
135
 
136
			).bind(
137
				'originalContent.dot',
138
				function( e, fn )
139
				{
140
					e.preventDefault();
141
					e.stopPropagation();
142
 
143
					if ( typeof fn == 'function' )
144
					{
145
						fn.call( $dot[ 0 ], orgContent );
146
					}
147
					return orgContent;
148
				}
149
 
150
			).bind(
151
				'destroy.dot',
152
				function( e )
153
				{
154
					e.preventDefault();
155
					e.stopPropagation();
156
 
157
					$dot.unwatch()
158
						.unbind_events()
159
						.empty()
160
						.append( orgContent )
161
						.attr( 'style', $dot.data( 'dotdotdot-style' ) )
162
						.data( 'dotdotdot', false );
163
				}
164
			);
165
			return $dot;
166
		};	//	/bind_events
167
 
168
		$dot.unbind_events = function()
169
		{
170
			$dot.unbind('.dot');
171
			return $dot;
172
		};	//	/unbind_events
173
 
174
		$dot.watch = function()
175
		{
176
			$dot.unwatch();
177
			if ( opts.watch == 'window' )
178
			{
179
				var $window = $(window),
180
					_wWidth = $window.width(),
181
					_wHeight = $window.height();
182
 
183
				$window.bind(
184
					'resize.dot' + conf.dotId,
185
					function()
186
					{
187
						if ( _wWidth != $window.width() || _wHeight != $window.height() || !opts.windowResizeFix )
188
						{
189
							_wWidth = $window.width();
190
							_wHeight = $window.height();
191
 
192
							if ( watchInt )
193
							{
194
								clearInterval( watchInt );
195
							}
196
							watchInt = setTimeout(
197
								function()
198
								{
199
									$dot.trigger( 'update.dot' );
200
								}, 10
201
							);
202
						}
203
					}
204
				);
205
			}
206
			else
207
			{
208
				watchOrg = getSizes( $dot );
209
				watchInt = setInterval(
210
					function()
211
					{
212
						var watchNew = getSizes( $dot );
213
						if ( watchOrg.width  != watchNew.width ||
214
							 watchOrg.height != watchNew.height )
215
						{
216
							$dot.trigger( 'update.dot' );
217
							watchOrg = getSizes( $dot );
218
						}
219
					}, 100
220
				);
221
			}
222
			return $dot;
223
		};
224
		$dot.unwatch = function()
225
		{
226
			$(window).unbind( 'resize.dot' + conf.dotId );
227
			if ( watchInt )
228
			{
229
				clearInterval( watchInt );
230
			}
231
			return $dot;
232
		};
233
 
234
		var	orgContent	= $dot.contents(),
235
			opts 		= $.extend( true, {}, $.fn.dotdotdot.defaults, o ),
236
			conf		= {},
237
			watchOrg	= {},
238
			watchInt	= null,
239
			$inr		= null;
240
 
241
		conf.afterElement	= getElement( opts.after, $dot );
242
		conf.isTruncated	= false;
243
		conf.dotId			= dotId++;
244
 
245
 
246
		$dot.data( 'dotdotdot', true )
247
			.bind_events()
248
			.trigger( 'update.dot' );
249
 
250
		if ( opts.watch )
251
		{
252
			$dot.watch();
253
		}
254
 
255
		return $dot;
256
	};
257
 
258
 
259
	//	public
260
	$.fn.dotdotdot.defaults = {
261
		'ellipsis'	: '... ',
262
		'wrap'		: 'word',
263
		'lastCharacter': {
264
			'remove'		: [ ' ', ',', ';', '.', '!', '?' ],
265
			'noEllipsis'	: []
266
		},
267
		'tolerance'	: 0,
268
		'callback'	: null,
269
		'after'		: null,
270
		'height'	: null,
271
		'watch'		: false,
272
		'windowResizeFix': true,
273
		'debug'		: false
274
	};
275
 
276
 
277
	//	private
278
	var dotId = 1;
279
 
280
	function children( $elem, o, after )
281
	{
282
		var $elements 	= $elem.children(),
283
			isTruncated	= false;
284
 
285
		$elem.empty();
286
 
287
		for ( var a = 0, l = $elements.length; a < l; a++ )
288
		{
289
			var $e = $elements.eq( a );
290
			$elem.append( $e );
291
			if ( after )
292
			{
293
				$elem.append( after );
294
			}
295
			if ( test( $elem, o ) )
296
			{
297
				$e.remove();
298
				isTruncated = true;
299
				break;
300
			}
301
			else
302
			{
303
				if ( after )
304
				{
305
					after.remove();
306
				}
307
			}
308
		}
309
		return isTruncated;
310
	}
311
	function ellipsis( $elem, $d, $i, o, after )
312
	{
313
		var $elements 	= $elem.contents(),
314
			isTruncated	= false;
315
 
316
		$elem.empty();
317
 
318
		var notx = 'table, thead, tbody, tfoot, tr, col, colgroup, object, embed, param, ol, ul, dl, select, optgroup, option, textarea, script, style';
319
		for ( var a = 0, l = $elements.length; a < l; a++ )
320
		{
321
 
322
			if ( isTruncated )
323
			{
324
				break;
325
			}
326
 
327
			var e	= $elements[ a ],
328
				$e	= $(e);
329
 
330
			if ( typeof e == 'undefined' )
331
			{
332
				continue;
333
			}
334
 
335
			$elem.append( $e );
336
			if ( after )
337
			{
338
				$elem[ ( $elem.is( notx ) ) ? 'after' : 'append' ]( after );
339
			}
340
			if ( e.nodeType == 3 )
341
			{
342
				if ( test( $i, o ) )
343
				{
344
					isTruncated = ellipsisElement( $e, $d, $i, o, after );
345
				}
346
			}
347
			else
348
			{
349
				isTruncated = ellipsis( $e, $d, $i, o, after );
350
			}
351
 
352
			if ( !isTruncated )
353
			{
354
				if ( after )
355
				{
356
					after.remove();
357
				}
358
			}
359
		}
360
		return isTruncated;
361
	}
362
	function ellipsisElement( $e, $d, $i, o, after )
363
	{
364
		var isTruncated	= false,
365
			e = $e[ 0 ];
366
 
367
		if ( typeof e == 'undefined' )
368
		{
369
			return false;
370
		}
371
 
372
		var seporator	= ( o.wrap == 'letter' ) ? '' : ' ',
373
			textArr		= getTextContent( e ).split( seporator ),
374
			position 	= -1,
375
			midPos		= -1,
376
			startPos	= 0,
377
			endPos		= textArr.length - 1;
378
 
379
		while ( startPos <= endPos )
380
		{
381
			var m = Math.floor( ( startPos + endPos ) / 2 );
382
			if ( m == midPos )
383
			{
384
				break;
385
			}
386
			midPos = m;
387
 
388
			setTextContent( e, textArr.slice( 0, midPos + 1 ).join( seporator ) + o.ellipsis );
389
 
390
			if ( !test( $i, o ) )
391
			{
392
				position = midPos;
393
				startPos = midPos;
394
			}
395
			else
396
			{
397
				endPos = midPos;
398
			}
399
		}
400
 
401
		if ( position != -1 && !( textArr.length == 1 && textArr[ 0 ].length == 0 ) )
402
		{
403
			var txt = addEllipsis( textArr.slice( 0, position + 1 ).join( seporator ), o );
404
			isTruncated = true;
405
			setTextContent( e, txt );
406
		}
407
		else
408
		{
409
			var $w = $e.parent();
410
			$e.remove();
411
 
412
			var afterLength = ( after ) ? after.length : 0 ;
413
 
414
			if ( $w.contents().size() > afterLength )
415
			{
416
				var $n = $w.contents().eq( -1 - afterLength );
417
				isTruncated = ellipsisElement( $n, $d, $i, o, after );
418
			}
419
			else
420
			{
421
				var $p = $w.prev()
422
				var e = $p.contents().eq( -1 )[ 0 ];
423
 
424
				if ( typeof e != 'undefined' )
425
				{
426
					var txt = addEllipsis( getTextContent( e ), o );
427
					setTextContent( e, txt );
428
					if ( after )
429
					{
430
						$p.append( after );
431
					}
432
					$w.remove();
433
					isTruncated = true;
434
				}
435
 
436
			}
437
		}
438
 
439
		return isTruncated;
440
	}
441
	function test( $i, o )
442
	{
443
		return $i.innerHeight() > o.maxHeight;
444
	}
445
	function addEllipsis( txt, o )
446
	{
447
		while( $.inArray( txt.slice( -1 ), o.lastCharacter.remove ) > -1 )
448
		{
449
			txt = txt.slice( 0, -1 );
450
		}
451
		if ( $.inArray( txt.slice( -1 ), o.lastCharacter.noEllipsis ) < 0 )
452
		{
453
			txt += o.ellipsis;
454
		}
455
		return txt;
456
	}
457
	function getSizes( $d )
458
	{
459
		return {
460
			'width'	: $d.innerWidth(),
461
			'height': $d.innerHeight()
462
		};
463
	}
464
	function setTextContent( e, content )
465
	{
466
		if ( e.innerText )
467
		{
468
			e.innerText = content;
469
		}
470
		else if ( e.nodeValue )
471
		{
472
			e.nodeValue = content;
473
		}
474
		else if (e.textContent)
475
		{
476
			e.textContent = content;
477
		}
478
 
479
	}
480
	function getTextContent( e )
481
	{
482
		if ( e.innerText )
483
		{
484
			return e.innerText;
485
		}
486
		else if ( e.nodeValue )
487
		{
488
			return e.nodeValue;
489
		}
490
		else if ( e.textContent )
491
		{
492
			return e.textContent;
493
		}
494
		else
495
		{
496
			return "";
497
		}
498
	}
499
	function getElement( e, $i )
500
	{
501
		if ( typeof e == 'undefined' )
502
		{
503
			return false;
504
		}
505
		if ( !e )
506
		{
507
			return false;
508
		}
509
		if ( typeof e == 'string' )
510
		{
511
			e = $(e, $i);
512
			return ( e.length )
513
				? e
514
				: false;
515
		}
516
		if ( typeof e == 'object' )
517
		{
518
			return ( typeof e.jquery == 'undefined' )
519
				? false
520
				: e;
521
		}
522
		return false;
523
	}
524
	function getTrueInnerHeight( $el )
525
	{
526
		var h = $el.innerHeight(),
527
			a = [ 'paddingTop', 'paddingBottom' ];
528
 
529
		for ( var z = 0, l = a.length; z < l; z++ ) {
530
			var m = parseInt( $el.css( a[ z ] ), 10 );
531
			if ( isNaN( m ) )
532
			{
533
				m = 0;
534
			}
535
			h -= m;
536
		}
537
		return h;
538
	}
539
	function debug( d, m )
540
	{
541
		if ( !d )
542
		{
543
			return false;
544
		}
545
		if ( typeof m == 'string' )
546
		{
547
			m = 'dotdotdot: ' + m;
548
		}
549
		else
550
		{
551
			m = [ 'dotdotdot:', m ];
552
		}
553
 
554
		if ( typeof window.console != 'undefined' )
555
		{
556
			if ( typeof window.console.log != 'undefined' )
557
			{
558
				window.console.log( m );
559
			}
560
		}
561
		return false;
562
	}
563
 
564
 
565
	//	override jQuery.html
566
	var _orgHtml = $.fn.html;
567
    $.fn.html = function( str ) {
568
		if ( typeof str != 'undefined' )
569
		{
570
			if ( this.data( 'dotdotdot' ) )
571
			{
572
				if ( typeof str != 'function' )
573
				{
574
					return this.trigger( 'update', [ str ] );
575
				}
576
			}
577
			return _orgHtml.call( this, str );
578
		}
579
		return _orgHtml.call( this );
580
    };
581
 
582
 
583
	//	override jQuery.text
584
	var _orgText = $.fn.text;
585
    $.fn.text = function( str ) {
586
		if ( typeof str != 'undefined' )
587
		{
588
			if ( this.data( 'dotdotdot' ) )
589
			{
590
				var temp = $( '<div />' );
591
				temp.text( str );
592
				str = temp.html();
593
				temp.remove();
594
				return this.trigger( 'update', [ str ] );
595
			}
596
			return _orgText.call( this, str );
597
		}
598
        return _orgText.call( this );
599
    };
600
 
601
 
602
})( jQuery );