view/js/common.js


// Copyright (c) 2009 Katsuhisa Yuasa <berupon [at] gmail.com>
// License http://www.opensource.org/licenses/mit-license.html

if (!Object.defineProperty) {
        if (Object.__defineGetter__ && Object.__defineSetter__) {
                Object.defineProperty = function (obj, propName, desc) {
                        if (desc.get) {
                                obj.__defineGetter__(propName, desc.get);
                        }
                        if (desc.set) {
                                obj.__defineSetter__(propName, desc.set);
                        }
                }
        }
}

function clearFormElementsValues(form, id)
{
        var idlen = id.length;
        if (form && form.elements.length) {
                var elems = form.elements;
                var len = elems.length;
                for (var i=0; i<len; ++i) {
                        var ele = elems[i];
                        if (ele.name.length < idlen) {
                                continue;
                        }
                        if (ele.name.substring(0, idlen) == id) {
                                if (ele.nodeName == "INPUT" && ele.type == "checkbox") {
                                        ele.checked = false;
                                }else {
                                        ele.value = '';
                                }
                        }
                }
        }
}

function findCheckedElement(elems)
{
        if (elems) {
                return $A(elems).find( function (val, idx) { return val.checked; });
        }else {
                return false;
        }
}

function searchAncestor(elem, func) {
        do {
                if (func(elem.parentNode)) {
                        return elem.parentNode;
                }
        }while (elem = elem.parentNode);
        return false;
}

function zip2addr(relativePath, zipInput, prefInputName, addrInputName)
{
        var zipCode = zipInput.value.strip();
        if (zipCode == '') {
                return;
        }
        
        new Ajax.Request(
                relativePath + "zip/zip.php",
                {
                        onSuccess : function(request) {
                                var data = request.responseText.evalJSON();
                                if (data[0]) {
                                        var frm = zipInput.form;
                                        var prefInput = frm[prefInputName];
                                        if (prefInput.type == 'select-one') {
                                                selectOptionByText(prefInput, data[6]);
                                        }else {
                                        }
                                        var addrInput = frm[addrInputName];
                                        if (addrInput.value.strip() == '') {
                                                var str = '';
                                                for (var i=6; i<9; ++i) {
                                                        str += data[i];
                                                }
                                                addrInput.value = str;
                                        }
                                }
                        },
                        onFailure : function() {
                                alert("failed");
                        },
                        "method": "get", 
                        "parameters" : "zipcode=" + zipCode
                }
        );
        
}

// http://daisuke-watanabe.com/12/
function addFigure(str)
{
        var num = new String(str).replace(/,/g, "");
        while (num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
        return num;
}

// DOM operation is slow ...
function mergeRepeativeValueRows(table, rowRange, columnIndexs)
{
        columnIndexs.sort(function(a,b) {
                return a <= b ? 1 : -1;
        });
        var beginRowIndex = rowRange[0];
        var endRowIndex = rowRange[1];
        if (endRowIndex == -1) {
                endRowIndex = table.rows.length;
        }
        
        for (i=0; i<columnIndexs.length; ++i) {
                var ci = columnIndexs[i];
                // count
                var spanCounts = [];
                var spanCount = 1;
                if (beginRowIndex >= table.rows.length) {
                        continue;
                }
                var prevRow = table.rows[beginRowIndex];
                var prevRowCellsLength = prevRow.cells.length;
                if (ci < prevRowCellsLength) {
                        var prevCell = prevRow.cells[ci];
                        var prevCellTagName = prevCell.tagName;
                        var prevCellInnerHTML = prevCell.innerHTML;
                }
                for (k=beginRowIndex+1; k<endRowIndex; ++k) {
                        var curRow = table.rows[k];
                        var bContinue = false;
                        var curRowCellsLength = curRow.cells.length;
                        if (ci < curRowCellsLength) {
                                var curCell = curRow.cells[ci];
                                var curCellTagName = curCell.tagName;
                                var curCellInnerHTML = curCell.innerHTML;
                                if (ci < prevRowCellsLength) {
                                        if (prevCellTagName == curCellTagName && prevCellInnerHTML == curCellInnerHTML) {
                                                ++spanCount;
                                                bContinue = true;
                                        }
                                }
                                prevCellTagName = curCellTagName;
                                prevCellInnerHTML = curCellInnerHTML;
                        }
                        prevRowCellsLength = curRowCellsLength;
                        if (bContinue) {
                                continue;
                        }
                        spanCounts.push(spanCount);
                        spanCount = 1;
                }
                spanCounts.push(spanCount);
                // merge
                var rowIdx = beginRowIndex;
                for (k=0; k<spanCounts.length; ++k) {
                        var spanCount = spanCounts[k];
                        if (spanCount == 1) {
                                ++rowIdx;
                        }else {
                                for (l=rowIdx+1; l<rowIdx+spanCount; ++l) {
                                        table.rows[l].deleteCell(ci);
                                }
                                table.rows[rowIdx].cells[ci].rowSpan = spanCount;
                                rowIdx += spanCount;
                        }
                }
        }
}

function copyTableRow(from, to)
{
        if (Prototype.Browser.IE) {
                for (var i=0; i<from.cells.length; ++i) {
                        var td = to.insertCell(-1);
                        td.innerHTML = from.cells[i].innerHTML;
                }
        }else {
                to.innerHTML = from.innerHTML;
        }
}

// from : http://mr-goofy.blogspot.com/2009/06/getelementsbyclassname_16.html
/***********************************************
 * ������������������������������������������Element���������
 ***********************************************/
var getElementsByClassName = (function(classname, tagname){
    
    //������������������������function���������
    var regClass = function(element, classname){
        var classElements = new Array();
        var regexe = new RegExp("\\b" + classname + "\\b");
        for( i = 0; i < element.length; i++ ) {
            if( regexe.exec(element[i].className) ) {
                classElements.push(element[i]);
            }
        }
        return classElements;
    }
    //IE���������
    if( document.all ){
        return function(classname, tagname){
            if (arguments.length == 1) {
                element = document.all;
            }
            else{
                element = document.getElementsByTagName(tagname);
            }
            return regClass(element,classname);
        };
    }
    //IE���������������
    else{
        return function(classname, tagname){
            if (arguments.length == 1) {
                tagname = "*";
            }
            var element = document.getElementsByTagName(tagname);
            return regClass(element,classname);
        };
    }

})(); 

function radioInputTag($name, $value, $checked)
{
        var txt = "<input type='radio' name='" + $name + "' value='" + $value + "' ";
        if ($checked) {
                txt += "checked";
        }
        txt += " />";
        return txt;
}


function sortHash(hash, cmp)
{
        var arr = [];
        var keys = hash.keys();
        for (var i=0; i<keys.length; ++i) {
                var key = keys[i];
                var value = hash.get(key);
                var obj = {"key":key, "value":value};
                arr.push(obj);
        }
        arr.sort(function (a,b) { return cmp(a.value, b.value); });
        var ret = new Hash();
        for (var i=0; i<arr.length; ++i) {
                ret.set(arr[i].key, arr[i].value);
        }
        return ret;
}

// http://doc.infosnel.nl/javascript_trim.html
function trim(s)
{
        var l=0; var r=s.length -1;
        while(l < s.length && s[l] == ' ')
        {       l++; }
        while(r > l && s[r] == ' ')
        {       r-=1;   }
        return s.substring(l, r+1);
}


function splitTrim(str, separator)
{
        var arr = str.split(separator);
        for (var i=0; i<arr.length; ++i) {
                arr[i] = trim(arr[i]);
        }
        return arr;
}

// original : http://blog.mikuriya.biz/archives/286
// SELECT������������������������OPTION���������SELECT ������������������
function moveSelectedOptions(fromSelect, toSelect) {
        var from_options = fromSelect.options;
        var to_options = toSelect.options;

        for (var i=0; i<from_options.length; ++i) {
                if (!from_options[i].selected || !from_options[i].value) {
                        continue;
                }
                var addFlag = true;
                for (var j=0; j<to_options.length; ++j) {
                        if (to_options[j].value == from_options[i].value) {
                                addFlag = false;
                                break;
                        }
                }

                if (addFlag) {
                        to_options[to_options.length] = from_options[i];
                }
                --i;
        }
}

// SELECT������������������������OPTION������������������
function relocateSelectedOptions(select, dir) {
        var options = select.options;
        if (dir == 0) {
                return;
        }
        if (dir < 0) {
                for (var i=0, len=options.length; i<len; ++i) {
                        if (options[i].selected) {
                                if (i+dir < 0) {
                                        break;
                                }
                                select.insertBefore(options[i], options[i+dir]);
                        }
                }
        }else {
                for (var len=options.length,i=len-1; i>=0; --i) {
                        if (options[i].selected) {
                                if (i+dir >= len) {
                                        break;
                                }
                                select.insertBefore(options[i], options[i+dir].nextSibling);
                        }
                }
        }

}

function getSelectedOptionValue(select)
{
        var selValue = null;
        if (select.selectedIndex != -1) {
                selValue = select.options[select.selectedIndex].value;
        }
        return selValue;
}

function selectOptionByText(select, text)
{
        var options = select.options;
        for (var i=0; i<select.length; ++i) {
                if (options[i].text == text) {
                        select.selectedIndex = i;
                        break;
                }
        }
}

function createSelectOptionTags(arr, selectedKey)
{
        var str = '';
        str += "<option value=''></option>";
        for (var i in arr) {
                var selected = '';
                if (i == selectedKey) {
                        selected = 'selected';
                }
                var value = arr[i];
                str += "<option value='" + String(i).htmlspecialchars() + "' " + selected + ">" + String(value).escapeHTML() + "</option>";
        }
        return str;
}

function setSelectOptions(select, arr)
{
        var selValue = getSelectedOptionValue(select);
        var options = select.options;
        options.length = 0;
        options[options.length] = new Option();
        if (arr.length == 0) {
                return;
        }
        
        for (var i in arr) {
                var value = arr[i]
                var option = new Option(value, i);
                option.selected = (value == selValue);
                options[options.length] = option;
        }
}

function createCheckboxTag(name, value, label, checked)
{
        var str = "<input type='checkbox' name='" + name + "' value='" + String(value).htmlspecialchars() + "'";
        if (checked) {
                str += " checked";
        }
        str += ">";
        if (label) {
                str = "<label>" + str + String(label).escapeHTML() + "</label>";
        }
        return str;
}

function createCheckboxTags(name, arr, selectedKeys, separator)
{
        str = '';
        
        if (separator == undefined) {
                separator = "\n";
        }
        
        for (var i in arr) {
                checked = '';
                if (Object.isArray(selectedKeys)) {
                        if (selectedKeys.indexOf(i) != -1) {
                                checked = 'checked';
                        }
                }
                str += "<label><input type='checkbox' name='" + name + "[]' value='" + i.htmlspecialchars() + "' " + checked + ">" + arr[i].escapeHTML() + "</label>";
                str += separator;
        }
        return str;
}

function toggleVisibility(elem)
{
        if (elem.style.visibility == 'hidden') {
                elem.style.visibility = 'visible';
//              setAutoFocus();
        }else {
                elem.style.visibility = 'hidden';
        }
        
}

function collectMember(arr, name) {
        var values = [];
        for (var i=0; i<arr.length; ++i) {
                values.push(arr[i][name]);
        }
        return values;
}

// http://p2b.jp/1149066600
function windowEvent() {
        if (window.event) return window.event;
        var caller = arguments.callee.caller;
        while (caller) {
                var ob = caller.arguments[0];
                if (ob && ob.constructor == MouseEvent) return ob;
                caller = caller.caller;
        }
        return null;
}

// ���������������������������������������������DOM��������������� template������������������������������������������
// 
// ������������
//   # ���������������������������������������������������
//   #hoge{ ���hoge������������������
//   ������������������#key1 ������������������������������#key2 ��������������������������� key1 ������������������
//   #} ������������������������
//   ��������� data ������ hoge ���������������������������key���������������������������������
// 
function modifyTemplate(src, data) {
        var r = /^#/gm;
        var r2 = /^[^\s]+/g;
        var indexes = [];
        
        while (r.test(src)) {
                indexes.push(r.lastIndex);
        }
        
        if (indexes.length == 0) {
                return src;
        }
        
        function attachParts(pieces, parts, setting) {
                if (!setting) {
                        for (var j=0; j<parts.length; ++j) {
                                var part = parts[j];
                                pieces.push(part.text);
                        }
                }else {
                        for (var i=0; i<setting.length; ++i) {
                                var name = setting[i];
                                for (var j=0; j<parts.length; ++j) {
                                        var part = parts[j];
                                        if (part.name == name) {
                                                pieces.push(part.text);
                                                break;
                                        }
                                }
                        }
                }
        }
        
        var defName = null;
        var pos = 0;
        var pieces = [];
        var piece = src.substr(0, indexes[0] - 1);
        pieces.push(piece);
        var parts = [];
        for (var i=0; i<indexes.length-1; ++i) {
                var start = indexes[i];
                var end = indexes[i+1] - 1;
                piece = src.substr(start, end-start);
                r2.lastIndex = 0;
                var ret = r2.exec(piece);
                if (!ret || !ret.length) {
                        return false;
                }
                var key = ret[0];
                if (!defName) {
                        if (key.charAt(key.length-1) != '{') {
                                return false;
                        }
                        defName = key.substr(0, key.length-1);
                }else {
                        if (key != '}') {
                                var part = piece.substr(r2.lastIndex, piece.length-1);
                                parts.push({name:key, text:part});
                        }else {
                                attachParts(pieces, parts, data[defName]);
                                parts.clear();
                                defName = null;
                                pieces.push(piece.substr(1,piece.length));
                        }
                }
        }
        if (parts.length) {
                attachParts(pieces, parts, data[defName]);
        }
        var start = indexes[indexes.length-1] + 1;
        var piece = src.substr(start, src.length-start);
        pieces.push(piece);
        return pieces.join("");
}

syncLoad = (function() {
        
        var cache = {};
        
        return function (url, useCache) {
                if (useCache && url in cache) {
                        return cache[url];
                }
                
                var ret = false;
                new Ajax.Request(
                        url,
                        {
                                "method" : "get",
                                "parameters" : {},
                                "onSuccess": function(transport) {
                                        ret = transport.responseText;
                                        cache[url] = ret;
                                },
                                "onFailure": function () {
                                        ret = false;
                                },
                                "asynchronous" : false
                        }
                );
                return ret;
        }
})();

function recordsToArray(recs, keyName, valueName) {
        var ret = {};
        for (var i=0; i<recs.length; ++i) {
                var rec = recs[i];
                var key = rec[keyName];
                var value = rec[valueName];
                ret[key] = value;
        }
        return ret;
}

// maybe re-inventing wheel?
function searchDOM(elem, func) {
        var elems = elem.childNodes;
        for (var i=0,len=elems.length; i<len; ++i) {
                var e = elems[i];
                if (func(e)) {
                        return e;
                }
                var ret = searchDOM(e, func);
                if (ret) {
                        return ret;
                }
        }
        return null;
}

// ���������node���key���������object tree������������
function distributeElements(elements, keys) {
        var arr = {};
        for (var i=0; i<elements.length; ++i) {
                var e = elements[i];
                var tmp = arr;
                for (var j=0; j<keys.length-1; ++j) {
                        var key = e.getAttribute(keys[j]);
                        if (!(key in tmp)) {
                                tmp[key] = {};
                        }
                        tmp = tmp[key];
                }
                var key = e.getAttribute(keys[keys.length-1]);
                tmp[key] = e;
        }
        return arr;
}

// http://bytes.com/topic/javascript/answers/715567-deep-cloning-object
function clone_obj(obj) {
        var c = obj instanceof Array ? [] : {};
        for (var i in obj) {
                var prop = obj[i];
                if (typeof prop == 'object') {
                        if (prop instanceof Array) {
                                c[i] = [];
                                for (var j = 0; j < prop.length; j++) {
                                        if (typeof prop[j] != 'object') {
                                                c[i].push(prop[j]);
                                        } else {
                                                c[i].push(clone_obj(prop[j]));
                                        }
                                }
                        }else {
                                c[i] = clone_obj(prop);
                        }
                }else {
                        c[i] = prop;
                }
        }
        return c;
}

// http://serennz.sakura.ne.jp/sb/log/eid73.html
String.prototype.htmlspecialchars = function() {
        ch = this + "";
        ch = ch.replace(/&/g,"&amp;") ;
        ch = ch.replace(/"/g,"&quot;") ;
        ch = ch.replace(/'/g,"&#039;") ;
        ch = ch.replace(/</g,"&lt;") ;
        ch = ch.replace(/>/g,"&gt;") ;
        return ch ;
}

function escapeHTML(str) {
        if (typeof str == String) {
                return str.escapeHTML();
        }else {
                return "";
        }
}

function htmlspecialchars(str) {
        if (typeof str == String) {
                return str.htmlspecialchars();
        }else {
                return "";
        }
}