var CommentWindow = Class.create();
CommentWindow.instance = {};
CommentWindow.prototype = {
initialize: function(seq,category){
this.seq = seq;
this.id = CommentWindow_initialValue[seq].entryid;
this.parentObj = $('commentwindow-' + seq);
if(category){
this.category = category;
}else{
this.category = '';
}
this.element = document.createElement('div');
//DOM組み立て
var html = '';
this.element.innerHTML = html;
this.parentObj.appendChild(this.element);
this.closeButton = document.getElementById('commentwindow-clickclose-' + this.seq);
this.commentArea = document.getElementById('commentwindow-textarea-' + this.seq);
this.tagInputUI.setEvent();
this.tagInputUI.refreshTagList();
this.slideHeight = this.element.offsetHeight; //この行は「一瞬表示させた状態」で取得する
var s = this.element.style;
s.visibility = 'visible';
s.display = 'none';
s.overflow = 'hidden';
s.height = '1px';
Event.observe(this.closeButton, 'click', this.slideClose.bindAsEventListener(this), false);
Event.observe(this.commentArea, 'keyup', this.setCommentCount.bindAsEventListener(this), false);
this.setGoodBadButton(CommentWindow_initialValue[this.seq].vote);
this.slideOpen();
},
slideOpen: function(){
var objTextArea = $('commentwindow-textarea-' + this.seq);
var objSubmitButton = $('commentwindow-form-' + this.seq);
this.element.style.display = 'block';
new Rico.Effect.Size( this.element, null, this.slideHeight, 120, 8, {complete: function(){objSubmitButton.focus();objTextArea.focus();}});
},
slideClose: function(){
var myObj = this.element;
myObj.style.overflow = "hidden";
new Rico.Effect.Size( myObj, null, 1, 120, 8, {complete: function(){myObj.style.display = 'none';}});
},
setCommentCount: function(){
var cnt = jstrlen(this.commentArea.value);
$('commentcount-' + this.seq).innerHTML = '（現在 ' + cnt + ' 文字）';
},
setGoodBadButton: function(buttonName){
if(buttonName == 'good'){
$('commentwindow-thumbup-' + this.seq).checked = true;
}
else if(buttonName == 'bad'){
$('commentwindow-thumbdown-' + this.seq).checked = true;
}
}
}
//タグ入力支援UI
var gTagList = [
{
items: [
'クルマ',
'インターネット',
'科学',
'テクノロジー',
'ビジネス',
'政治',
'社会',
'くらし',
'マネー',
'マーケティング',
'キャリア',
'医療',
'健康',
'教育',
'子ども',
'エンタメ',
'スポーツ',
'恋愛',
'結婚',
'海外',
'雑学',
'ネタ',
'写真',
'動画']
}];
var TagInputInterface = Class.create();
TagInputInterface.prototype = {
initialize: function(seq, tagfieldID){
//seq: html中で一意な連番、tagfieldID: タグ入力textboxのid
this.seq = seq;
this.tagfieldID = tagfieldID;
this.selectAreaID = 'commentwindow-taglist-' + this.seq; //タグ選択UIのエリア
this.tagArea = null;
this.separator = '( | )+';
},
getHtmlInsert: function(){
var html = '';
return html;
},
setEvent: function(){
//タグ入力フィールド
this.tagArea = $(this.tagfieldID);
Event.observe(this.tagArea, 'keyup', this.refreshTagList.bindAsEventListener(this), false);
// このid要素がinnerHTMLに反映されたあとに実行させること。
},
refreshTagList: function(){
var target = document.getElementById(this.selectAreaID);
var checkstr = ' ' + this.tagArea.value + ' ';
var html = '';
for(var j = 0; j < gTagList.length; j++){
//選択中のタブパネルのみを表示
//タグごとにループ
this.tagItem = Array();
for(var i = 0; i < gTagList[j].items.length; i++){
var strSelected = checkstr.match(new RegExp(this.separator + gTagList[j].items[i] + this.separator, 'ig')) ? ' style="background-color:#999;color:#fff;"' : '';
if(i % 4 == 0){
html += '
';
}
html += '{
html += 'icn_biz.gif';
}else if(gTagList[j].items[i] == '政治'){
html += 'icn_poli.gif';
}else if(gTagList[j].items[i] == 'インターネット'){
html += 'icn_it.gif';
}else if(gTagList[j].items[i] == 'IT'){
html += 'icn_it.gif';
}else if(gTagList[j].items[i] == 'くらし'){
html += 'icn_life.gif';
}else if(gTagList[j].items[i] == '社会'){
html += 'icn_soc.gif';
}else if(gTagList[j].items[i] == '医療'){
html += 'icn_medical.gif';
}else if(gTagList[j].items[i] == '健康'){
html += 'icn_health.gif';
}else if(gTagList[j].items[i] == '科学'){
html += 'icn_science.gif';
}else if(gTagList[j].items[i] == 'テクノロジー'){
html += 'icn_tech.gif';
}else if(gTagList[j].items[i] == 'キャリア'){
html += 'icn_career.gif';
}else if(gTagList[j].items[i] == '海外'){
html += 'icn_global.gif';
}else if(gTagList[j].items[i] == '芸能'){
html += 'icn_entertainment.gif';
}else if(gTagList[j].items[i] == 'エンタメ'){
html += 'icn_entertainment.gif';
}else if(gTagList[j].items[i] == 'スポーツ'){
html += 'icn_sports.gif';
}else if(gTagList[j].items[i] == '雑学'){
html += 'icn_trivia.gif';
}else if(gTagList[j].items[i] == 'ネタ'){
html += 'icn_neta.gif';
}else if(gTagList[j].items[i] == '動画'){
html += 'icn_movie.gif';
}else if(gTagList[j].items[i] == '写真'){
html += 'icn_image.gif';
}else if(gTagList[j].items[i] == 'マーケティング'){
html += 'icn_marketing.gif';
}else if(gTagList[j].items[i] == 'マネー'){
html += 'icn_money.gif';
}else if(gTagList[j].items[i] == '恋愛'){
html += 'icn_love.gif';
}else if(gTagList[j].items[i] == '結婚'){
html += 'icn_marriage.gif';
}else if(gTagList[j].items[i] == '教育'){
html += 'icn_education.gif';
}else if(gTagList[j].items[i] == '子ども'){
html += 'icn_children.gif';
}else if(gTagList[j].items[i] == 'クルマ'){
html += 'icn_car.gif';
}
html += ') ' + gTagList[j].items[i] + ' | ';
// ↑onclickのなかの関数表記に注意（グローバルアクセス可能な関数であること）
}
}
html += '
'
target.innerHTML = html;
},
clickTagItem: function(tag){
var target = this.tagArea;
var tmpStr = (' ' + target.value + ' ');
if(tmpStr.match(new RegExp(this.separator + tag + this.separator, 'ig'))){
//削除 - 前後の空白を考慮
if(target.value.match(new RegExp(this.separator + tag, 'ig'))) {
target.value = target.value.replace(new RegExp(this.separator + tag, 'ig'), '');
}
else if(target.value.match(new RegExp(tag + this.separator, 'ig'))) {
target.value = target.value.replace(new RegExp(tag + this.separator, 'ig'), '');
}
else {
target.value = target.value.replace(tag, '');
}
}
else{
//項目が多いときはアラート表示
var tmpStr = target.value.replace(new RegExp(this.separator, 'ig'), " ");
tmpStr = tmpStr.replace(new RegExp("^( +)"), "");
tmpStr = tmpStr.replace(new RegExp("( +)$"), "");
var tmpStrArray = tmpStr.split(" ");
var gTagItemCount = 0;
for(var i = 0; i < tmpStrArray.length; i++){
for(var j = 0; j < gTagList.length; j++){
for(var k = 0; k < gTagList[j].items.length; k++){
if(tmpStrArray[i] == gTagList[j].items[k]){
gTagItemCount++;
}
}
}
}
if(gTagItemCount > 1 || tmpStr.split(" ").length > 4 ){
fadeYellow2White('alertMaxItemsOver', 40);
}else {
//追加
target.value += (target.value == '') ? tag : ' ' + tag;
}
}
this.refreshTagList();
}
}
/*
function closeOtherCategories(){
var i = $('other_categories');
i.style.visibility='hidden';
}
*/
/**
* イチオシボタンの動作
*/
var BuryExcellentButton = Class.create();
BuryExcellentButton.prototype = {
initialize: function(seq, bury, excellent, entryid, bury_login_state, excellent_login_state){
this.seq = seq;
this.entryid = entryid;
this.excellent_login_state = excellent_login_state;
var idNameExcellentButton = 'excellentbutton-' + seq;
var idNameExcellentPoint = 'excellentbuttonpoint-' + seq;
var idNameLoading = 'loading-' + seq;
var html = ''
+ ' '
+ ' '
+ ' '
+ ' | '
+ ' '
+ ' ' + excellent + 'イチオシ'
+ ' '
+ ' | '
+ ' '
+ ' '
+ ' | '
+ '
';
document.open();
document.write(html);
document.close();
this.objExcellentButton = $(idNameExcellentButton);
this.objExcellentPoint = $(idNameExcellentPoint);
this.objLoading = $(idNameLoading);
this.objPoint = $('id-' + this.entryid);
//IEバグ対策 widthを指定しないとrico.jsが効かない 背景画像を入れないと、文字・数字の枠に黒が入る
this.objExcellentButton.style.width = '88px';
this.objExcellentButton.style.cursor = 'pointer';
this.objExcellentPoint.style.width = '88px';
this.objLoading.style.width = '16px';
this.objPoint.style.width = '76px';
this.objPoint.style.backgroundImage = 'url(/common/images/blank1x1.jpg)';
Event.observe(this.objExcellentButton, 'click', this.excellentClick.bindAsEventListener(this));
if(this.excellent_login_state == 'pushed'){
this.setUnable('e');
}
},
AjaxRequest: function(flag){
//ロード中アイコン表示
//this.objLoading.style.visibility = "visible";
var url = gBASE_URL + 'api/clickburyexcellent?id=' + this.entryid + '&flag=' + flag;
var myAjax = new Ajax.Request(
url,
{
method: 'get',
onComplete: this.AjaxReturned.bind(this)
}
);
},
AjaxReturned: function(originalRequest){
//ロード中アイコン消す
//this.objLoading.style.visibility = "hidden";
var res = originalRequest.responseText;
resdata = res.split(",");
res = resdata[0];
btn_flag = resdata[1];
update_flag = resdata[2];
if(res >= 0){//処理成功の場合
this.startCountupAnimation(res,btn_flag,update_flag);
}else if(res == -4){
//-4の場合はCookieが無効のエラー
alert('Cookieを有効にしてください');
}else{
//マイナスの場合はエラー
alert('エラーが発生しました');
}
},
excellentClick: function(){
if(this.isExcellentClicked){
//何も起こらない
}else{
this.objExcellentButton.onmouseover = null;
this.objExcellentButton.onmouseout = null;
this.objExcellentButton.style.cursor = 'default';
this.startButtonAnimation('e');
this.isExcellentClicked = true;
this.AjaxRequest('e');
}
},
setUnable: function(btn_flag){
var myObj = this;
this.isExcellentClicked = true;
this.objExcellentButton.style.backgroundImage = 'url(/common/images/bukumatch/pushed.gif)';
this.objExcellentButton.onmouseover = null;
this.objExcellentButton.onmouseout = null;
this.objExcellentButton.style.cursor = 'default';
},
startButtonAnimation: function(btn_flag){
var myObj = this;
new Rico.Effect.FadeTo($(myObj).objExcellentButton, 1, 300, 10, {
complete:function(){
$(myObj).objExcellentButton.style.backgroundImage = 'url(/common/images/bukumatch/pushed.gif)';
new Rico.Effect.FadeTo($(myObj).objExcellentButton, 1, 500, 10, {
complete:function(){
//
}
});
}
});
},
startCountupAnimation: function(res,btn_flag,update_flag){
var myObj = this;
new Rico.Effect.FadeTo($(myObj).objExcellentPoint, 0.01, 200, 10, {
complete:function(){
$(myObj).objExcellentPoint.innerHTML = parseInt($(myObj).objExcellentPoint.innerHTML) + 1 + 'イチオシ';
new Rico.Effect.FadeTo($(myObj).objExcellentPoint, 1, 200, 10, {
complete:function(){
if(update_flag == 1){
new Rico.Effect.FadeTo($(myObj).objBuryPoint, 0.01, 200, 10, {
complete:function(){
$(myObj).objBuryPoint.innerHTML = parseInt($(myObj).objBuryPoint.innerHTML) - 1;
new Rico.Effect.FadeTo($(myObj).objBuryPoint, 1, 200, 10, {
complete:function(){
new Rico.Effect.FadeTo($(myObj).objPoint, 0.01, 300, 10, {
complete:function(){
$(myObj).objPoint.innerHTML = res; //表示ポイント数値
//記事詳細ページのマルバツグラフ
if($('graph_point')){
$('graph_point').innerHTML = res;
}
new Rico.Effect.FadeTo($(myObj).objPoint, 1, 500, 10, {
complete:function(){
//
}
});
}
});
}
});
}
});
}else{
new Rico.Effect.FadeTo($(myObj).objPoint, 0.01, 300, 10, {
complete:function(){
$(myObj).objPoint.innerHTML = res; //表示ポイント数値
//記事詳細ページのマルバツグラフ
if($('graph_point')){
$('graph_point').innerHTML = res;
}
new Rico.Effect.FadeTo($(myObj).objPoint, 1, 500, 10, {
complete:function(){
//
}
});
}
});
}
}
});
}
});
}
} 
