(function($) {
var twiline = function( _$target, _opts) {
this.mode = ( typeof(_opts[ 'mode' ]) != 'undefined' ) ? _opts[ 'mode' ] : 'keyword';
this.search = ( typeof(_opts[ 'search' ]) != 'undefined' ) ? _opts[ 'search' ] : '';
this.max = ( typeof(_opts[ 'max' ]) != 'undefined' ) ? _opts[ 'max' ] : 10;
this.fontsize = ( typeof(_opts[ 'fontsize' ]) != 'undefined' ) ? _opts[ 'fontsize' ] : 12;
this.speed = ( typeof(_opts[ 'speed' ]) != 'undefined' ) ? _opts[ 'speed' ] : 5;
this.time = ( typeof(_opts[ 'time' ]) != 'undefined' ) ? _opts[ 'time' ] : 'default';
this.icon = ( typeof(_opts[ 'icon' ]) != 'undefined' ) ? _opts[ 'icon' ] : '';
this.link = ( typeof(_opts[ 'link' ]) != 'undefined' ) ? _opts[ 'link' ] : '';
this.$target = _$target;
this.$scroll = null;
this.now = null;
this.que = [];
this.key = 0;
this.lineStyle = {
'display': 'block',
'margin': '0px',
'padding': '0px',
'position': 'absolute',
'whiteSpace': 'nowrap',
'textAlign': 'left',
'fontSize': this.fontsize + 'px',
'lineHeight': (this.fontsize + 2) + 'px'
};
this.init();
return this;
};
twiline.prototype.twitterURL = 'http://twitter.com/';
twiline.prototype.userStart = 'statuses/user_timeline/';
twiline.prototype.userEnd = '.json';
twiline.prototype.parmaStart = '/status/';
twiline.prototype.searchURL = 'http://search.twitter.com/search.json?result_type=mixed';
twiline.prototype.frameSpan = 120;
twiline.prototype.init = function() {
this.$target.css({
'overflow': 'hidden'
});
if ( this.$target.css( 'position' ) != 'absolute' ) {
this.$target.css({
'position': 'relative'
});
}
if ( ! this.$target.height() || this.$target.css('height') == 'auto' ) {
this.$target.css({
'height': (this.fontsize + 2) + 'px'
});
}
this.request();
};
twiline.prototype.request = function() {
var html = '<p class="loading">読み込み中...</p>';
this.$target.html( html ).
find( '.loading' ).css( this.lineStyle );
var url = '';
var data = {};
if ( this.mode == 'user' ) {
url = [ this.twitterURL, this.userStart, this.search, this.userEnd ].join('');
data[ 'count' ] = this.max;
}
else if ( this.mode == 'keyword' ) {
url = this.searchURL;
data[ 'q' ] = this.search;
data[ 'rpp' ] = this.max;
}
var o = this;
$.ajax({
'type': 'GET',
'url': url,
'dataType': 'jsonp',
'cache': false,
'data': data,
'success': function( _d ) {
o.onSuccess( _d );
},
'error': function( _d1, _d2, _d3 ) {
o.onError( _d1, _d2, _d3 );
}
});
};
twiline.prototype.onSuccess = function( _d ) {
this.now = new Date();
var list = '';
if ( this.mode == 'user' ) {
list = _d;
}
else if ( this.mode == 'keyword' ) {
list = _d[ 'results' ];
}
for ( var i = 0; list[i]; i ++ ) {
var data = {
'id': list[i][ 'id_str' ],
'created_at': list[i][ 'created_at' ],
'text': list[i][ 'text' ],
'user': '',
'image': ''
};
if ( this.mode == 'user' ) {
data[ 'user' ] = list[i][ 'user' ][ 'screen_name' ];
data[ 'image' ] = list[i][ 'user' ][ 'profile_image_url' ];
}
else if ( this.mode == 'keyword' ) {
data[ 'user' ] = list[i][ 'from_user' ];
data[ 'image' ] = list[i][ 'profile_image_url' ];
}
this.que.push( data );
}
if ( this.que.length > 0 ) {
this.showNext();
}
else {
var html = 'つぶやきが見つかりませんでした。';
this.$target.html( html ).
find( '.error' ).css( this.lineStyle );
}
};
twiline.prototype.onError = function( _XMLHttpRequest, _textStatus, _errorThrown ) {
var html = '<p class="error">TwitterAPIに接続できませんでした。</p>';
this.$target.html( html ).
find( '.error' ).css( this.lineStyle );
};
twiline.prototype.showNext = function() {
var html = this.getLine( this.que[ this.key ] );
this.$target.html( html ).
find( '.twi' ).css( this.lineStyle ).
find( 'a' ).css({
'textDecoration': 'none'
});
this.$scroll = this.$target.find( '.twi' ).eq(0);
this.$scroll.css({
'left': this.$target.width() + 'px',
'top': '0px'
});
this.floatLine();
if ( this.icon != '' ) {
this.showIcon( this.que[ this.key ] );
}
if ( this.link != '' ) {
this.changeLink( this.que[ this.key ] );
}
this.key ++;
if ( this.key >= this.que.length ) {
this.key = 0;
}
};
twiline.prototype.getLine = function( _d ) {
var text = _d[ 'text' ];
var href = this.twitterURL + _d[ 'user' ] + this.parmaStart + _d[ 'id' ];
var time = '';
switch ( this.time ) {
case 'default':
time = this.getTimeText( _d[ 'created_at' ] ) + ' ';
break;
case 'before':
time = this.getbeforeTimeText( _d[ 'created_at' ] ) + ' ';
break;
case 'hidden':
time = '';
break;
default:
break;
}
var line = [
'<p class="twi">',
'<span class="time">',time,'</span>',
'<a href="',href,'" target="_blank" title="つぶやきを見る">',text,'</a>',
'</p>'
].join('');
return line;
};
twiline.prototype.getTimeText = function( _time ) {
var time = '';
var createdTime = this.str2Date( _time );
createdTime.setTime( createdTime.getTime() - this.now.getTimezoneOffset() * 60 * 1000 );
time = [
createdTime.getFullYear(), '/',
('00' + (createdTime.getMonth()+1)).slice(-2), '/',
('00' + createdTime.getDate()).slice(-2), ' ',
('00' + createdTime.getHours()).slice(-2), ':',
('00' + createdTime.getMinutes().toString()).slice(-2)
].join('');
return time;
};
twiline.prototype.getbeforeTimeText = function( _time ) {
var time = '';
var createdTime = this.str2Date( _time );
createdTime.setTime( createdTime.getTime() - this.now.getTimezoneOffset() * 60 * 1000 );
var span = this.now - createdTime;
time = Math.floor( span / 1000 );
if ( time < 60 ) {
return time + '秒前';
}
time = Math.floor( time / 60 );
if ( time < 60 ) {
return time + '分前';
}
time = Math.floor( time / 60 );
if ( time < 24 ) {
return time + '時間前';
}
time = Math.floor( time / 24 );
if ( time < 30 ) {
return time + '日前';
}
if ( time < 365 ) {
return Math.floor( time / 30 ) + 'ヶ月前';
}
return Math.floor( time / 365 ) + '年前';
};
twiline.prototype.str2Date = function( _str ) {
var dateStr = '';
var dateArray = _str.split( ' ' );
if ( this.mode == 'user' ) {
dateStr = [
dateArray[1], ' ',
dateArray[2], ', ',
dateArray[5], ' ',
dateArray[3]
].join('');
}
else if ( this.mode == 'keyword' ) {
dateStr = [
dateArray[2], ' ',
dateArray[1], ', ',
dateArray[3], ' ',
dateArray[4]
].join('');
}
return new Date( dateStr );
};
twiline.prototype.floatLine = function() {
var o = this;
var x = this.$scroll.offset().left - this.$target.offset().left;
if ( this.$scroll.width() + x > 0 ) {
this.$scroll.css({
'left': ( x - this.speed ) + 'px'
});
setTimeout( function(){ o.floatLine(); }, this.frameSpan );
}
else {
this.showNext();
}
};
twiline.prototype.showIcon = function( _d ) {
var $icon = $( this.icon ).eq(0);
var href = this.twitterURL + _d[ 'user' ];
if ( $icon.length > 0 && _d[ 'image' ] ) {
$icon.html( [
'<a href="',href,'" target="_blank" title="',_d[ 'user' ],'">',
'<img src="',_d[ 'image' ],'" alt="',_d[ 'user' ],'" />',
'</a>'
].join('') ).
find( 'a' ).css({
'margin': '0px',
'padding': '0px'
}).
find( 'img' ).css({
'border': '0px'
}).hide().
unbind().bind( 'load', function( _e ) {
var max = $icon.width();
if ( $icon.height() > 0 && $icon.height() < max ) {
max = $icon.height();
}
if ( max < $(this).width() ) {
$(this).width( max ).height( max );
}
$(this).fadeIn();
});
}
};
twiline.prototype.changeLink = function( _d ) {
var $link = $( this.link );
var href = this.twitterURL + _d[ 'user' ];
if ( $link.length > 0 ) {
$link.
attr( 'href', href ).
attr( 'title', _d[ 'user' ] + 'をフォローする' );
}
};
$.fn.extend({
twiline: function(_opts) {
return new twiline( this, _opts );
}
});
})(jQuery);