// CMONOS.JP JavaScript Library cmonos.js
// Copyright 2007-2011 cmonos.jp
// Last Modified:2011-12-29
var cmonos = {};
cmonos.persistent = {};
cmonos.tool = {};
cmonos.current = {};
cmonos.document = {
supportTouch : ('createTouch' in document),
getCookie : function(name) {
var cookies = new Array();
var cookiePairs = document.cookie.split(/;\s*/);
for (var i=0; i < cookiePairs.length; i++) {
if (cookiePairs[i] != "") {
var eq = cookiePairs[i].indexOf("=");
if (eq >= 0) {
var key = cookiePairs[i].substring(0, eq);
var value = cookiePairs[i].substring(eq+1, cookiePairs[i].length);
cookies[key] = value;
}
}
}
return (name != null && cookies[name] != null) ? cookies[name] : "";
},
setCookie : function(name,value,expires,domain,path) {
if (expires == null || expires == "") {
expires = new Date();
expires.setTime(expires.getTime() + 86400000000);
}
document.cookie = name + '=' + value + '; expires=' + expires.toGMTString() + ';' + ((domain != null && domain != "") ? ' domain=' + domain : '') + ';' + ((path != null && path != "") ? ' path=' + path : '');
return this;
},
deleteCookie : function(name,domain,path) {
this.setCookie(name, '', new Date(70, 0, 1, 0, 0, 1),domain,path);
return this;
},
addEventListener : function(type,func,capture) {
return cmonos.element._addEventListener(document,type,func,capture);
},
removeEventListener : function(type,func,capture) {
return cmonos.element._removeEventListener(document,type,func,capture);
},
event : {},
mousedown : {},
followPointer : function () {
if (!this.event.followPointer) {
var this_document = this;
this.event.followPointer = this.addEventListener('mousedown',function (e) {
var e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
var scroll_x = cmonos.window.getPageXOffset();
var scroll_y = cmonos.window.getPageYOffset();
this_document.mousedown = {
offset_x: scroll_x,
offset_y: scroll_y,
max_x : (scroll_x + cmonos.window.getInnerWidth()),
max_y : (scroll_y + cmonos.window.getInnerHeight()),
x: ((e.pageX) ? e.pageX : scroll_x + e.clientX),
y: ((e.pageY) ? e.pageY : scroll_y + e.clientY)
};
});
}
return this;
}
};
cmonos.window = {
getPageXOffset : function () {
return (self.pageXOffset) ? self.pageXOffset : (document.compatMode != null && document.compatMode != "BackCompat") ? document.documentElement.scrollLeft : document.body.scrollLeft;
},
getPageYOffset : function () {
return (self.pageYOffset) ? self.pageYOffset : (document.compatMode != null && document.compatMode != "BackCompat") ? document.documentElement.scrollTop : document.body.scrollTop;
},
getInnerWidth : function () {
return (self.innerWidth) ? self.innerWidth : (document.compatMode != null && document.compatMode != "BackCompat") ? document.documentElement.clientWidth : document.body.clientWidth;
},
getInnerHeight : function () {
return (self.innerWidth) ? self.innerHeight : (document.compatMode != null && document.compatMode != "BackCompat") ? document.documentElement.clientHeight : document.body.clientHeight;
},
open : function (name,width,height,url,fixed) {
if (!url) url = '';
if (window.screen.availWidth && width > window.screen.availWidth) width = window.screen.availWidth;
if (window.screen.availHeight && height > window.screen.availHeight) height = window.screen.availHeight;
var w = window.open(url,name,'width='+width+',height='+height+((fixed) ? ',scrollbars=no,resizable=no' : ',scrollbars=yes,resizable=yes'));
w.focus();
return true;
},
setOnLoad : function (func) {
return cmonos.element._addEventListener(window,'load',func,false);
},
setOnUnload : function (func) {
return cmonos.element._addEventListener(window,'unload',func,false);
},
openBgSample : function (this_path) {
var bg_sample = '';
bg_sample += '背景見本';
bg_sample += '';
bg_sample += '';
var sample_window = window.open('','BgSampleViewer','width=600,height=400,scrollbars=yes');
sample_window.document.open("text/html");
sample_window.document.write(bg_sample);
sample_window.document.close();
},
openMsg : function (msg,html,win_title,win_option) {
var html_header = '';
var html_footer = '';
if (html) {
html_header = ''+win_title+'';
html_footer = '';
}
if (win_option == null) {
win_option = 'width=400,height=500,scrollbars=yes';
}
var msg_window = window.open('','MessageViewer',win_option);
msg_window.document.open("text/html");
msg_window.document.write(html_header+msg+html_footer);
msg_window.document.close();
},
openOriginalText : function (msg) {
this.openMsg(msg,true,'テキストウィンドウ');
},
refreshOpener : function (this_url,mk_opener_flag) {
if (this_url == null || this_url == "") {
if (window.opener) window.opener.location.reload();
} else {
if (window.opener) {
window.opener.location.href = this_url;
} else if (mk_opener_flag) {
window.opener = window.open(this_url,'main_' + (new Date()).getMilliseconds(),'toolbar=yes,location=yes,titlebar=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes');
}
}
}
};
cmonos.element = {
z_index_top : 100000,
item : function(element) {
if (arguments.length > 1) element = Array.prototype.slice.call(arguments);
this.elements = new Array();
return this.append(element);
},
form : function(element) {
this.elements = new Array();
if (typeof element == 'object') {
this.currentForm = element;
} if (typeof element == "string") {
this.currentForm = document.getElementById(element);
}
return this;
},
tagClass : function (tag_class) {
if (arguments.length > 1) tag_class = Array.prototype.slice.call(arguments);
this.elements = new Array();
for (var i=0; i 1) element = Array.prototype.slice.call(arguments);
if (!element) return this;
if (!this.elements) this.elements = new Array();
if (element.constructor == Array) {
for (var i=0; i= 1) {
opacity = 1;
clear_timer = true;
}
if (element.style.display != null && element.style.display == 'none') {
element.style.display = '';
}
if (element.style.visibility != null && element.style.visibility == 'hidden') {
element.style.visibility = 'visible';
}
}
this.setProperty(element,'opacity',opacity);
element.style.MozOpacity = opacity;
element.style.OOpacity = opacity;
element.style.webkitOpacity = opacity;
element.style.opacity = opacity;
if (navigator.appVersion.search(/MSIE/) != -1 || window.opera) {
if (!window.opera && (!document.documentMode || document.documentMode < 8) && !element.currentStyle.hasLayout) element.style.zoom = 1;
if (element.nodeName.toLowerCase() == "tr") {
for (var i=0; i= 0.9 && fade_in) {
this_element.setProperty(element,'fadeIn',false);
fade_in = false;
}
if (fade_in) {
opacity += 0.05;
} else {
opacity -= 0.05;
}
this_element._setOpacity(element,opacity);
},100);
this.setProperty(element,'fadeTimer',timer);
},
appear : function (flag) {
if (this.elements) {
for (var i=0; i < this.elements.length; i++) {
if (flag == null || (typeof flag == 'boolean' && flag) || (typeof flag == 'string' && flag == 'toggle' && this.elements[i].style.display && this.elements[i].style.display == 'none')) {
this._setOpacity(this.elements[i],1);
} else {
this._setOpacity(this.elements[i],0);
}
}
}
},
disappear : function (flag) {
this.appear(!flag);
},
toggle : function () {
this.appear('toggle');
},
moveToFront : function () {
if (this.elements) {
var updated = false;
for (var i=0; i < this.elements.length; i++) {
if (this.elements[i].style.zIndex != null && this.elements[i].style.zIndex < this.z_index_top) updated = true;
this.elements[i].style.zIndex = this.z_index_top + ((updated) ? 1 : 0);
}
if (updated) this.z_index_top++;
}
},
draggable : function (options, no_move) {
if (cmonos.document.event.draggable == null) cmonos.document.event.draggable = {};
if (this.elements) {
options = options || {};
if (!no_move) this.moveToFront();
var this_element = this;
var maxTop = null;
var minTop = null;
var maxLeft = null;
var minLeft = null;
var inner_width = cmonos.window.getInnerWidth();
var inner_height = cmonos.window.getInnerHeight();
var grip = (options.grip) ? options.grip : 24;
var drawer_enabled = false;
for (var i=0; i < this.elements.length; i++) {
var controller_element = (options.target) ? this.elements[i] : null;
var element = (options.target) ? options.target : this.elements[i];
if (element.style.position == null || (element.style.position != "absolute" && element.style.position != "fixed")) element.style.position = (options.fixed) ? 'fixed' : "absolute";
if (!options.boundless) {
if (options.canvas) {
maxTop = parseInt(options.canvas.height - grip);
maxLeft = parseInt(options.canvas.width - grip);
if (element.offsetHeight < options.canvas.height || element.offsetWidth < options.canvas.width) drawer_enabled = true;
} else if (element.style.position == 'fixed') {
maxTop = parseInt(inner_height - grip - 18);
maxLeft = parseInt(inner_width - grip - 18);
if (element.offsetHeight < inner_height || element.offsetWidth < inner_width) drawer_enabled = true;
}
minTop = parseInt(grip - element.offsetHeight);
minLeft = parseInt(grip - element.offsetWidth);
var t = parseInt(element.style.top);
var l = parseInt(element.style.left);
if (maxTop != null && t > maxTop) {
element.style.top = maxTop + 'px';
} else if (minTop != null && t < minTop) {
element.style.top = minTop + 'px';
}
if (maxLeft != null && l > maxLeft) {
element.style.left = maxLeft + 'px';
} else if (minLeft != null && l < minLeft) {
element.style.left = minLeft + 'px';
}
}
this._addEventListener(this.elements[i],'mousedown',function(e) {
if (cmonos.document.event.draggable.disabled) return false;
if (cmonos.document.event.draggable.onmousemove != null) this_element.clearDraggable();
e = e || event;
if (!no_move) cmonos.element.item(element).moveToFront();
var x = this_element.getClientX(e) - ((element.style.left) ? parseInt(element.style.left) : element.offsetLeft);
var y = this_element.getClientY(e) - ((element.style.top) ? parseInt(element.style.top) : element.offsetTop);
if (!options.propagation) {
cmonos.element.stopPropagation(e);
cmonos.element.preventDefault(e);
}
cmonos.document.event.draggable.onmousemove = cmonos.document.addEventListener('mousemove',function(e) {
if (document.compatMode) {
element.style.cursor = "move";
if (controller_element) controller_element.style.cursor = "move";
}
e = e || event;
var minTop = parseInt(grip - element.offsetHeight);
var minLeft = parseInt(grip - element.offsetWidth);
var l = this_element.getClientX(e) - x;
var t = this_element.getClientY(e) - y;
element.style.top = ((maxTop != null && t > maxTop) ? maxTop : (minTop != null && t < minTop) ? minTop : t) + 'px';
element.style.left = ((maxLeft != null && l > maxLeft) ? maxLeft : (minLeft != null && l < minLeft) ? minLeft : l) + 'px';
if (!options.propagation) {
cmonos.element.stopPropagation(e);
cmonos.element.preventDefault(e);
}
return false;
});
cmonos.document.event.draggable.onmouseup = cmonos.document.addEventListener('mouseup',function() {
if (document.compatMode) {
element.style.cursor = "pointer";
if (controller_element) controller_element.style.cursor = "pointer";
}
this_element.clearDraggable();
if (typeof options.endeffect == 'function') options.endeffect(element);
return false;
});
if (typeof options.starteffect == 'function') options.starteffect(element);
return false;
});
if (drawer_enabled && document.compatMode) {
cmonos.element._addEventListener(element,'mouseover',function(e) {
if (cmonos.element.getProperty(element,'drawer') == null) {
cmonos.element.setProperty(element,'drawer',true);
var maxX = parseInt(((options.canvas) ? options.canvas.width : inner_width) - element.offsetWidth);
var maxY = parseInt(((options.canvas) ? options.canvas.height : inner_height) - element.offsetHeight);
var x = parseInt(element.style.left);
var y = parseInt(element.style.top);
var target_x = (x < 0) ? 0 : (x > maxX) ? maxX : x;
var target_y = (y < 0) ? 0 : (y > maxY) ? maxY : y;
if (target_x != x || target_y != y) {
cmonos.element.item(element).pull(target_x,target_y);
cmonos.element._addEventListener(element,'mouseout',function(e) {
if (cmonos.document.event.draggable.drawerDisabled) return;
e = e || event;
var r = e.toElement || e.relatedTarget;
while (r) {
if (r == element) return;
r = r.parentNode;
}
cmonos.element.setProperty(element,'drawer',null);
if (parseInt(element.style.left) == target_x || parseInt(element.style.top) == target_y) {
var minTop = parseInt(grip - element.offsetHeight);
var minLeft = parseInt(grip - element.offsetWidth);
cmonos.element.item(element).pull(((x < minLeft) ? minLeft : x),((y < minTop) ? minTop : y));
}
cmonos.element.item(element).removeEventListener('mouseout',arguments.callee);
});
}
cmonos.element._addEventListener(element,'mouseup',function(e) {
if (parseInt(element.style.left) != x || parseInt(element.style.top) != y) {
cmonos.element.setProperty(element,'drawer',null);
cmonos.element.item(element).removeEventListener('mouseup',arguments.callee);
}
});
}
});
}
}
}
},
clearDraggable : function () {
if (cmonos.document.event.draggable == null) return this;
if (typeof cmonos.document.event.draggable.onmousemove == 'function') cmonos.document.removeEventListener('mousemove',cmonos.document.event.draggable.onmousemove);
if (typeof cmonos.document.event.draggable.onmouseup == 'function') cmonos.document.removeEventListener('mouseup',cmonos.document.event.draggable.onmouseup);
cmonos.document.event.draggable = {};
return this;
},
dragDisabled : function () {
if (cmonos.document.event.draggable == null) cmonos.document.event.draggable = {};
cmonos.document.event.draggable.disabled = true;
return this;
},
dragEnabled : function () {
if (cmonos.document.event.draggable == null) return this;
cmonos.document.event.draggable.disabled = null;
return this;
},
drawerDisabled : function () {
if (this.elements) {
for (var i=0; i < this.elements.length; i++) {
cmonos.element.clearDrawer(this.elements[i]);
}
}
if (cmonos.document.event.draggable == null) cmonos.document.event.draggable = {};
cmonos.document.event.draggable.drawerDisabled = true;
return this;
},
drawerEnabled : function () {
if (cmonos.document.event.draggable == null) return this;
cmonos.document.event.draggable.drawerDisabled = null;
return this;
},
pull : function (target_x,target_y,endeffect) {
if (this.elements) {
for (var i=0; i < this.elements.length; i++) {
var element = this.elements[i];
cmonos.element.clearDrawer(element);
var timer = setInterval(function () {
var x = parseInt(element.style.left);
var y = parseInt(element.style.top);
var x_gap = target_x - x;
var y_gap = target_y - y;
if (Math.abs(x_gap) < 10 && Math.abs(y_gap) < 10) {
element.style.left = target_x + 'px';
element.style.top = target_y + 'px';
cmonos.element.clearDrawer(element);
if (typeof endeffect == 'function') endeffect(element);
} else {
element.style.left = x + Math.ceil(x_gap / 2) + 'px';
element.style.top = y + Math.ceil(y_gap / 2) + 'px';
}
},50);
this.setProperty(element,'pullTimer',timer);
}
}
return this;
},
clearDrawer : function (element) {
var this_timer = cmonos.element.getProperty(element,'pullTimer');
if (this_timer != null) {
cmonos.element.setProperty(element,'pullTimer',null);
clearInterval(this_timer);
}
},
getClientX : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.clientX != null) {
return e.clientX;
} else {
return e.width;
}
},
getClientY : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.clientY != null) {
return e.clientY;
} else {
return e.height;
}
},
getPageX : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.pageX != null) {
return e.pageX;
} else {
return e.clientX + cmonos.window.getPageXOffset();
}
},
getPageY : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.pageY != null) {
return e.pageY;
} else {
return e.clientY + cmonos.window.getPageYOffset();
}
},
getOffsetX : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.offsetX != null) {
return e.offsetX;
} else {
return e.layerX;
}
},
getOffsetY : function (e) {
e = e || event;
if (cmonos.document.supportTouch && e.touches) e = e.touches[0];
if (e.offsetY != null) {
return e.offsetY;
} else {
return e.layerY;
}
},
offsetLeft : function (element) {
var l = 0;
do {
l += element.offsetLeft || 0;
element = element.offsetParent;
} while (element);
return l;
},
offsetTop : function (element) {
var t = 0;
do {
t += element.offsetTop || 0;
element = element.offsetParent;
} while (element);
return t;
}
};
cmonos.persistent.element = function () {};
cmonos.persistent.element.prototype = cmonos.element;
cmonos.control = {
slider : function (handle,track,options) {
options = options || {};
if (track.style.position == null || track.style.position != "absolute") track.style.position = "relative";
handle.style.position = "absolute";
if (track.style.top == null) handle.style.top = 0;
var track_width = track.clientWidth - handle.offsetWidth;
var default_x = (options.sliderValue) ? parseInt(options.sliderValue * track_width) : 0;
handle.style.left = default_x + 'px';
var slider_enabled = function(e) {
if (cmonos.document.event.draggable != null && cmonos.document.event.draggable.onmousemove != null) cmonos.element.clearDraggable();
if (cmonos.document.event.draggable == null) cmonos.document.event.draggable = {};
e = e || event;
var x = cmonos.element.getClientX(e) - ((handle.style.left) ? parseInt(handle.style.left) : handle.offsetLeft);
cmonos.element.stopPropagation(e);
cmonos.element.preventDefault(e);
cmonos.document.event.draggable.onmousemove = cmonos.document.addEventListener('mousemove',function(e) {
if (document.compatMode) handle.style.cursor = "move";
e = e || event;
var v = cmonos.element.getClientX(e) - x;
if (v >= 0 && v <= track_width) {
handle.style.left = v + 'px';
if (typeof options.onSlide == 'function') options.onSlide(v/track_width);
}
cmonos.element.stopPropagation(e);
cmonos.element.preventDefault(e);
return false;
});
cmonos.document.event.draggable.onmouseup = cmonos.document.addEventListener('mouseup',function() {
if (document.compatMode) handle.style.cursor = "pointer";
cmonos.element.clearDraggable();
var v = parseInt(handle.style.left);
if (typeof options.onChange == 'function' && v != default_x) options.onChange(v/track_width);
return false;
});
return false;
};
cmonos.element._addEventListener(handle,'mousedown',slider_enabled);
cmonos.element._addEventListener(track,'mousedown',function(e) {
e = e || event;
var v = cmonos.element.getPageX(e) - cmonos.element.offsetLeft(track) - parseInt(handle.offsetWidth/2);
if (v < 0) {
v = 0;
} else if (v > track_width) {
v = track_width;
}
handle.style.left = v + 'px';
if (typeof options.onChange == 'function') options.onChange(v/track_width);
slider_enabled(e);
return false;
});
}
};
cmonos.value = {
isIncluded : function(array,value) {
if (array && array.constructor == Array) {
for (var i=0; i < array.length; i++) {
if (array[i] == value) return true;
}
}
return false;
},
deleteFromArray : function (this_array,this_value) {
var array = new Array();
if (this_array) {
for (var value in this_array) {
if ((typeof this_array[value] == "string" || this_array[value] == "number") && this_array[value] != this_value) array.push(this_array[value]);
}
}
return array;
},
escapeHTML : function (str) {
var div = document.createElement('div');
var text = document.createTextNode(str);
div.appendChild(text);
return div.innerHTML;
},
unescapeHTML : function (str) {
return (str == null) ? '' : str.replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/&/g,'&');
},
urlDecode : function (query) {
var hash = new Array();
if (query == null || query == "" || query.search("=") == -1) return hash;
query = query.replace(/^\?/,'').split('&');
for (var i=0; i number_length) {
start_point = -1 * number_length;
end_point = number_length + 3 - i;
}
digit_number = this_number.substr(start_point,end_point) + digit_number;
}
var check_number = digit_number.replace(/,/g,"");
if (this_number == check_number) {
return digit_number;
} else {
return this_number;
}
}
};
cmonos.form = {
item : function(element) {
if (typeof element == 'object') {
this.currentForm = element;
} else if (typeof element == "string") {
this.currentForm = document.getElementById(element);
} else {
this.currentForm = null;
}
return this;
},
name : function (this_name) {
for (var i=0; i 0) document.getElementById(editor_link_id).style.display = "inline";
}
},
//テキストエリアの高さを内容に合わせる
//このスクリプトは http://p2b.jp/200903-autofit-textarea をベースにしています。
setAutoFit : function(flag){
if (!this.currentField) return true;
var defaultHeight = this.getFieldProperty('defaultHeight');
if (!defaultHeight) {
defaultHeight = this.currentField.offsetHeight;
this.setFieldProperty('defaultHeight',defaultHeight);
}
this.currentField.style.height = ((defaultHeight) ? defaultHeight : this.currentField.rows * 16) + 'px';
if (flag) {
var this_area = this.currentField;
var autoFit = function () {
if (this_area.scrollHeight > this_area.offsetHeight){
this_area.style.height = this_area.scrollHeight + 30 + 'px';
} else {
while (this_area.scrollHeight - 50 < parseInt(this_area.style.height)) {
var h = parseInt(this_area.style.height) - 50;
if (h < 20) {
this_area.style.height = '20px';
break;
} else {
this_area.style.height = h + 'px';
}
}
if (this_area.scrollHeight > this_area.offsetHeight) this_area.style.height = this_area.scrollHeight + 30 + 'px';
}
this_area.focus();
}
autoFit();
cmonos.element.item(this.currentField).addEventListener('keyup',autoFit);
this.setFieldProperty('autoFit',autoFit);
} else {
var autoFit = this.getFieldProperty('autoFit');
if (typeof autoFit == 'function') cmonos.element.item(this.currentField).removeEventListener('keyup',autoFit);
this.setFieldProperty('autoFit',null);
}
this.currentField.focus();
},
quotationByMenu : function(this_selector) {
if (!this.currentField) return;
var q = this_selector.options[this_selector.selectedIndex].value.replace(/\\r\\n/g,"\r\n").replace(/\\n/g,"\n");
this_selector.options[0].selected = true;
if (q == "[[REPLACE]]") {
q = prompt('検索文字列と置換文字列を入力してください。\n[検索文字列]=[置換文字列][複数指定するときはカンマ(,)で区切る]','');
if (q != "") {
if (q.search(/=/) == -1) {
alert('置換条件に問題があります。\n[' + q + ']');
return;
} else if (confirm('次の条件で選択範囲を置換します。\n[' + q + ']')) {
q = '[[' + q + ']]';
}
} else {
return;
}
}
if (q == "") return;
var replace_table = (q.match(/^\[\[(.*)\]\]$/) != null) ? replace_table = RegExp.$1.split(/,/) : new Array();
if (document.selection != null) {
this.currentField.focus();
var selected_text = document.selection.createRange().text;
if (selected_text) {
if (replace_table.length > 0) {
document.selection.createRange().text = this.textReplace(selected_text,replace_table);
} else if (q.search(/' + selected_text + '' + selected_text + '