티스토리 수익 글 보기
/*
* Creative Commons has made the contents of this file
* available under a CC-GNU-GPL license:
*
* http://creativecommons.org/licenses/GPL/2.0/
*
* A copy of the full license can be found as part of this
* distribution in the file LICENSE.TXT.
*
* You may use the ccHost software in accordance with the
* terms of that license. You agree that you are solely
* responsible for your use of the ccHost software and you
* represent and warrant to Creative Commons that your use
* of the ccHost software will comply with the CC-GNU-GPL.
*
* $Id: cchost.js 13205 2009-07-31 20:04:05Z fourstones $
*
*/
var cc_unloading = false;
Event.observe(window,’beforeunload’, function() { cc_unloading = true; } );
/*
Some browsers (er, like IE) cache ajax requests, even if the
user empties their browser cache, the ajax fetcher still
keeps things around. So we override the Ajax.Request ctor
and tack on a random url argument (the current time) which
fools IE into getting the live data.
*/
Ajax.Request.prototype._old_request_init = Ajax.Request.prototype.initialize;
Ajax.Request.prototype.initialize = function(url, options) {
var _q_ = ‘?’;
if( url.match(/\?/) )
_q_ = ‘&’;
url += _q_ + ‘_cache_buster=’ + new Date().getTime();
//ajax_debug(url);
this._old_request_init(url,options);
};
function CC$$(expr,parent)
{
return new SelectorLiteAddon(expr.split(/\s+/)).get(parent);
}
/*
Double clicking on a link that is supposed to open a modal box
has several bad side effects, double pumping the Ajax request
on slow connections, closing the box before it opens on fast
ones. Here we inject a 2 sec time buffer between requests to
open, re-open and close, hopefully covering all those cases.
*/
if (!window.Modalbox)
throw( “no modalbox defined!” );
Modalbox._lastopentime = 0;
Modalbox._old_show = Modalbox.show;
Modalbox._old_hide = Modalbox.hide;
Modalbox.show = function( content, options ) {
var now = new Date().getTime();
if( this._lastopentime )
{
var tdiff = now – this._lastopentime;
if( tdiff < 2000 )
return;
}
this._lastopentime = now;
this._old_show( content, options );
};
Modalbox.hide = function(options) {
var now = new Date().getTime();
if( this._lastopentime )
{
var tdiff = now - this._lastopentime;
if( tdiff < 2000 )
return false;
}
var val = this._old_hide(options);
this._lastopentime = 0;
return val;
};
/*
Hook menu items so they go to a browser popup
usage:
new popupHook( [ 'mi_managesite', 'mi_global_settings' ] );
*/
var popupHook = Class.create();
popupHook.prototype = {
options: { height:600, width:900 },
initialize: function(ids,options) {
Object.extend(this.options, options || {});
var me = this;
ids.each( function( id ) {
if( $(id) )
{
var e = $(id);
var href = e.href;
e.href = 'javascript://hooked for popup ' + id;
title = e.innerHTML.stripTags();
Event.observe( id, 'click', me.onClick.bindAsEventListener( me, href, title ) );
}
} );
},
onClick: function( e, href, thetitle ) {
if( href.indexOf('?') == -1 )
href += '?popup=1';
else
href += '&popup=1';
var dim = "height=" + this.options.height + ",width=" + this.options.width ;
var win = window.open( href, 'cchostextrawin', "status=1,toolbar=0,location=0,menubar=0,directories=0," +
"resizable=1,scrollbars=1," + dim );
win.title = thetitle;
}
}
/*
Hook a link so it goes to a DHTML model popup div
*/
var modalHook = Class.create();
modalHook.prototype = {
in_hook: false,
initialize: function(ids) {
var me = this;
ids.each( function( id ) {
if( $(id) )
{
var e = $(id);
var href = e.href;
e.href = 'javascript://hooked ' + id;
title = e.innerHTML.stripTags();
Event.observe( id, 'click', me.onClick.bindAsEventListener( me, href, title ) );
}
} );
},
onClick: function( e, href, thetitle ) {
if( this.in_hook ) // prevent double-click processing
{
Event.stop(e);
alert('wups');
return false;
}
this.in_hook = true;
if( href.indexOf('?') == -1 )
href += '?ajax=1';
else
href += '&ajax=1';
Modalbox.show( href, {title: thetitle, width: 700, height: 550, afterHide: this.afterHide.bind(this) } );
},
afterHide: function() {
this.in_hook = false;
}
}
/*
hook a class of links so the id triggers a query in a DHTML modal popup
*/
var queryPopup = Class.create();
queryPopup.prototype = {
className: '',
template: '',
title: '',
width: null,
height: null,
in_hook: false,
initialize: function(className,template,title) {
this.className = className;
this.template = template;
this.title = title;
},
hookLink: function( element, query ) {
Event.observe( element, 'click', this.onQClick.bindAsEventListener(this,query) );
},
onQClick: function( e, query ) {
this._show(query_url + query);
},
_show: function(url) {
if( this.in_hook )
return;
this.in_hook = true;
var params = {title: this.title, afterHide: this.afterHide.bind(this) };
if( this.height )
params.height = this.height;
if( this.width )
params.width = this.width;
Modalbox.show( url, params );
},
hookLinks: function(parent) {
var me = this;
CC$$('.' + this.className,parent).each( function(link) {
var upload_id = link.id.match(/[0-9]+$/);
Event.observe( link, 'click', me.onClick.bindAsEventListener( me, upload_id ) );
});
},
onClick: function( e, upload_id ) {
this._show(query_url + 'f=html&t='+this.template+'&ids=' + upload_id);
},
afterHide: function() {
this.in_hook = false;
}
}
/*
If user is logged in, make ratings stars interactive
(called from userHooks below)
*/
var ratingsHooks = Class.create();
ratingsHooks.prototype = {
full_star_url: null,
null_star_url: null,
return_macro: null,
initialize: function(ok_to_rate) {
try
{
this.full_star_url = full_star;
this.null_star_url = null_star;
this.return_macro = rate_return_t || null;
var me = this;
$$('.rate_star').each( function(img) {
var m = img.id.match(/([0-9]+)_([0-9]+)$/);
var id = m[2];
var num = m[1];
if( ok_to_rate.include(id) )
{
img.altsrc = img.src;
Event.observe(img,'click',me.onRateClick.bindAsEventListener(me,id,num));
Event.observe(img,'mouseover',me.onRateHover.bindAsEventListener(me,id,num));
Event.observe(img,'mouseout',me.onRateOff.bindAsEventListener(me,id,num));
}
});
}
catch (e)
{
alert( 'cchost.js (1): ' + e);
}
},
onRateClick: function(event,id,num) {
var rlabel = $("rate_label_" + id);
if( rlabel )
rlabel.innerHTML = str_ratings;
var h_elem = $("rate_head_" + id);
if( h_elem )
h_elem.style.display = 'none';
var b_elem = $("rate_edit_" + id);
if( b_elem )
b_elem.style.display = 'none';
var d_elem = $("rate_block_" + id);
d_elem.innerHTML = '...';
var url = home_url + "rate/" + id + "/" + num;
if( this.return_macro )
url += q + 'rmacro=' + this.return_macro + '&_cache_buster=' + new Date().getTime();
new Ajax.Updater(d_elem,url);
},
onRateOff: function(event,id,num) {
var i;
for( i=1; i<6; i++)
{
var img = $('rate_star_' + i + '_' + id);
img.src = img.altsrc;
}
},
onRateHover: function(event,id,num) {
var i;
for( i=1; i<=num; i++)
{
var img = 'rate_star_' + i + '_' + id;
$(img).src = this.full_star_url;
}
}
}
/*
If the user is logged in while listing records, enable
in-situ reviewing (called from userHooks below)
*/
var quickReviewHooks = Class.create();
quickReviewHooks.prototype = {
initialize: function(reviewable_ids) {
try
{
var me = this;
reviewable_ids.each( function(id) {
var btn_holder = $('instareview_btn_' + id);
if( btn_holder )
{
var btn_id = 'review_button_' + id;
var html = ' ‘;
btn_holder.innerHTML = html;
Event.observe(btn_id,’click’,me.onQuickReviewClick.bindAsEventListener(me,id));
}
});
}
catch (e)
{
alert(‘cchost.js (2): ‘ + e);
}
},
onQuickReviewClick: function(event,id) {
var url = home_url + ‘reviews/post/’ + id + q + ‘ajax=1’;
Modalbox.show( url, {title: str_review_write, width: 500, height: 500} );
}
}
/*
If the user is logged in, make the ‘recommends’ thumbs up interactive
(called from userHooks below)
*/
var recommendsHooks = Class.create();
recommendsHooks.prototype = {
return_macro: null,
initialize: function(ok_to_rate,block_parent) {
try
{
if( block_parent )
{
if( block_parent == ‘undefined’ ) {
block_parent = null;
}
else {
block_parent = $(block_parent);
}
}
var me = this;
this.return_macro = recommend_return_t || null ;
CC$$(‘.recommend_block’,block_parent).each( function(e) {
var id = e.id.match(/[0-9]+$/);
if( ok_to_rate.include(id) ) {
var html = e.innerHTML;
var newHtml = ‘‘ + html + ‘‘;
e.innerHTML = newHtml;
Event.observe(e,’click’,me.onRecommendClick.bindAsEventListener(me,id,e));
Element.removeClassName(e,’rated’);
}
});
}
catch (e)
{
alert( ‘cchost.js (3): ‘ + e);
}
},
onRecommendClick: function(event,id) {
var d_elem = $(“recommend_block_” + id);
d_elem.innerHTML = ‘…’;
var url = home_url + “rate/” + id + “/5”;
if( this.return_macro )
url += q + ‘rmacro=’ + this.return_macro + ‘&_cache_buster=’ + new Date().getTime();
new Ajax.Updater(d_elem,url,{onComplete:this.onRecommendFilled.bind(this,id)});
},
onRecommendFilled: function(id) {
Element.addClassName($(“recommend_block_” + id),’rated’);
}
}
/*
If the user is logged in, make the topics/reviews interactive
(called from userHooks below)
*/
var topicHooks = Class.create();
topicHooks.prototype = {
initialize: function(topics_cmds) {
try
{
topics_cmds.each( function(cmd_meta) {
var id = cmd_meta.id;
var html = ”;
if( cmd_meta.cmds )
{
cmd_meta.cmds.each( function(cmd) {
html += ‘ ‘;
});
$(‘commands_’ + id).innerHTML = html;
}
});
}
catch (e)
{
alert(‘cchost.js (4): ‘ + e);
}
}
}
/*
If the user is logged in, make the appropriate HTML parts interactive
(ratings, topic commands, etc.)
*/
var userHookup = Class.create();
userHookup.prototype = {
req_url: null,
block_parent: null,
initialize: function(req,params,block_parent) {
this.block_parent = block_parent;
this.req_url = home_url + ‘user_hook/’ + req + q + params;
new Ajax.Request( this.req_url, { method: ‘get’, onComplete: this.onUserHooks.bind(this) } );
},
onUserHooks: function(resp,json) {
try
{
if( !json )
json = eval( ‘(‘ + resp.responseText + ‘)’ );
if( json )
{
if( json.ok_to_rate && json.ok_to_rate.length )
{
if( json.rate_mode == ‘rate’ )
{
new ratingsHooks(json.ok_to_rate,this.block_parent);
}
else if( json.rate_mode == ‘recommend’ )
{
new recommendsHooks(json.ok_to_rate,this.block_parent);
}
else
{
alert(‘error: unknown rate mode: ‘ + json.rate_mode );
}
}
else
{
if( json.topic_cmds )
{
new topicHooks(json.topic_cmds,this.block_parent);
}
}
if( json.reviewable )
{
new quickReviewHooks(json.reviewable,this.block_parent);
}
}
}
catch (e)
{
if( !cc_unloading )
alert(‘cchost.js (5): ‘ + e);
}
}
}
function cc_str(s)
{
if( !s.match )
{
var template = new Template(cc_str(s[0]));
var args = $A(s);
s = template.evaluate( args );
}
if( s.match(/^str_/) )
return eval( s );
return s;
}
function upload_trackback( upload_id, type )
{
var url = query_url + ‘ajax=1&t=trackback&ttype=’ + type + ‘&ids=’ + upload_id;
var h = type == ‘video’ ? 560 : 500;
Modalbox.show( url, {title: str_trackback_title, width: 480, height: h} );
}
function ajax_debug(url) {
if( url.match(/^http:/) )
debug_stuff(‘‘ + url + ‘‘);
else
debug_stuff(url);
}
function debug_stuff(str) {
if( !$(‘debug’) )
new Insertion.Top(‘content’,’‘);
$(‘debug’).style.display = ‘block’;
$(‘debug’).innerHTML += str;
}
function _d(obj) {
if( !obj )
debug_stuff(’empty’);
else
debug_stuff( Object.toJSON(obj) + ‘ ‘ );
}
var ccPopupManagerMethods = {
openPopup: null,
currX: 0,
currY: 0,
thinkingDiv: null,
thinkingEnabled: false,
msgDiv: null,
prevMsgClass: null,
errCount: 0,
itme: ‘hello me’,
mode: null,
StartThinking: function(event) {
this.currY = (parseInt(Event.pointerY(event)) – 5);
this.currX = (parseInt(Event.pointerX(event)) + 15);
if( this.currX > ( document.body.offsetWidth – 50 ) )
this.currX /= 2;
this.thinkingEnabled = true;
},
StopThinking: function(dur) {
if( this.mode && this.mode == ‘err’ )
return;
if( this.thinkingEnabled )
{
Effect.Fade(this.thinkingDiv, { delay: dur, duration: 0.3 } );
this.thinkingEnabled = false;
}
},
ShowThinking: function(text){
if( this.mode && this.mode == ‘err’ )
return;
if( !this.thinkingEnabled )
{
this.currY = 20;
this.currX = 300;
this.thinkingEnabled = true;
//return;
}
if( !$(‘cc_thinking’) )
{
this.thinkingDiv = document.createElement(‘div’);
this.thinkingDiv.id = ‘cc_thinking’;
this.thinkingDiv.className = ‘light_bg dark_border’;
document.body.appendChild(this.thinkingDiv);
}
if( this.prevMsgClass )
{
Element.removeClassName(this.thinkingDiv,this.prevMsgClass);
this.prevMsgClass = null;
}
this.thinkingDiv.innerHTML = text || str_thinking;
this.thinkingDiv.style.top = this.currY + ‘px’;
this.thinkingDiv.style.left = this.currX + ‘px’;
this.thinkingDiv.style.zIndex = ‘200’;
Effect.Appear( this.thinkingDiv, { duration: 0.2 } );
},
onAjaxReturn: function(json) {
if( json )
{
var dur = 4.5;
if( json.message )
{
this.ShowMessage(‘message’,json.message,dur);
}
else if( json.warning )
{
this.ShowMessage(‘warning’,json.warning,dur);
}
else if( json.err )
{
this.ShowMessage(‘error’,json.err,5.0);
}
else
{
if( Ajax.activeRequestCount == 0 )
this.StopThinking(0.2);
}
}
else
{
if( Ajax.activeRequestCount == 0 )
this.StopThinking(0.2);
}
},
ShowMessage: function(type,text,dur)
{
if( this.mode && this.mode == ‘err’ )
return;
try
{
this.ShowThinking(cc_str(text));
var className = ‘ajaxmsg_’ + (type == ‘exception’ ? ‘error’ : type);
this.prevMsgClass = className;
Element.addClassName(this.thinkingDiv,className);
this.mode = type == ‘exception’ ? ‘err’ : null;
this.StopThinking(dur);
}
catch(ex)
{
alert(‘cchost.js (6): ‘ + + ex.message);
}
},
ShowElement: function(id) {
Effect.Appear( id, { duration: 0.5 } );
},
HideElement: function(id) {
Effect.Fade( id, { duration: 0.5 } );
},
/**
* User clicked something that trigged an ajax call for data
*
* Put up the little ‘thinking’ div, wait for response
*/
userClickDataFetch: function(event,id) {
this._close_any_popups();
this.StartThinking(event);
Event.stop(event);
},
/**
* Data came back from ajax request, open the popup with ‘id’
*/
dataFetchedOpenPopup: function(id) {
if( id == this.openPopup )
return;
this._close_any_popups();
this.openPopup = id;
this.ShowElement(id);
this._hook_window();
},
/*
* Data is cached in hidden popup, reopen it now
*/
reopenPopupOrCloseIfOpen: function(event,id) {
if( id == this.openPopup )
{
this._close_any_popups();
}
else
{
this.StartThinking(event);
this.dataFetchedOpenPopup(id);
}
Event.stop(event);
},
/**
*
*/
clearWindowClick: function(event) {
this._close_any_popups();
},
_close_any_popups: function() {
if( this.openPopup )
{
this.HideElement(this.openPopup);
this.openPopup = null;
}
}
}
var ccPopupManager = Object.extend(
{
bodyHooked: false,
_hook_window: function() {
if( !this.bodyHooked )
{
Event.observe( document.body /* window */, ‘click’, this.clearWindowClick.bindAsEventListener(this));
this.bodyHooked = true;
}
},
onCreate: function(req){
//ajax_debug(req.url);
if( !Prototype.Browser.IE )
{
// this completely blows IE to smithereens
this.ShowThinking();
}
else
{
if( !this.thinkingEnabled )
{
this.currY = 20;
this.currX = 300;
this.thinkingEnabled = true;
}
}
},
onException: function(req,ex) {
this.ShowMessage( ‘exception’, ex.toString(), 6.0 );
},
onComplete: function(req,t,json) {
this.onAjaxReturn(json);
}
}, ccPopupManagerMethods );
Ajax.Responders.register(ccPopupManager);
var ccFormMask = Class.create();
ccFormMask.prototype = {
text: null,
title: null,
initialize: function(form_id,msg,hook_submit,title)
{
this.text = msg;
this.title = title;
if( hook_submit )
Event.observe(form_id,’submit’, this.dull_screen.bindAsEventListener(this) );
},
dull_screen: function()
{
Modalbox.show( this.text, {title: this.title,
width: 600, height: 400,
overlayClose: false,
transitions: false,
slideDownDuration: 0.0 } );
return true;
}
}
var ccReviewFormHook = Class.create();
ccReviewFormHook.prototype = {
initialize: function(form_id) {
Event.observe(form_id,’submit’, this.quiet_submit.bindAsEventListener(this,form_id) );
},
quiet_submit: function(event,form_id) {
var url = $(form_id).action;
var params = Form.serialize(form_id);
new Ajax.Request( url, { method: ‘post’, parameters: params, onComplete: this.form_return.bind(this) } );
Event.stop(event);
return false;
},
form_return: function(resp,json) {
if( json && json.reviews_url )
{
var html = ‘(‘ + json.num_reviews + ‘)‘;
var target = $(‘review_’ + json.upload_id);
if( target )
target.innerHTML = html;
Modalbox.hide();
}
}
}
function cc_window_dim() {
var w = window;
var T, L, W, H;
with (w.document) {
if (w.document.documentElement && documentElement.scrollTop) {
T = documentElement.scrollTop;
L = documentElement.scrollLeft;
} else if (w.document.body) {
T = body.scrollTop;
L = body.scrollLeft;
}
if (w.innerWidth) {
W = w.innerWidth;
H = w.innerHeight;
} else if (w.document.documentElement && documentElement.clientWidth) {
W = documentElement.clientWidth;
H = documentElement.clientHeight;
} else {
W = body.offsetWidth;
H = body.offsetHeight
}
}
return { top: T, left: L, width: W, height: H };
}