Develop and Download Open Source Software

Browse Subversion Repository

Contents of /js/common.js

Parent Directory Parent Directory | Revision Log Revision Log


Revision 39 - (show annotations) (download) (as text)
Wed Jan 20 06:35:24 2010 UTC (14 years, 4 months ago) by berupon
File MIME type: application/x-javascript
File size: 17425 byte(s)
関数名の微調整。
event handlerを動的に割り当てないでも済むところは静的にHTMLに記述するように変更。
1
2 // Copyright (c) 2009 Katsuhisa Yuasa <berupon [at] gmail.com>
3 // License http://www.opensource.org/licenses/mit-license.html
4
5 if (!Object.defineProperty) {
6 if (Object.__defineGetter__ && Object.__defineSetter__) {
7 Object.defineProperty = function (obj, propName, desc) {
8 if (desc.get) {
9 obj.__defineGetter__(propName, desc.get);
10 }
11 if (desc.set) {
12 obj.__defineSetter__(propName, desc.set);
13 }
14 }
15 }
16 }
17
18 function clearFormElementsValues(form, id)
19 {
20 var idlen = id.length;
21 if (form && form.elements.length) {
22 var elems = form.elements;
23 var len = elems.length;
24 for (var i=0; i<len; ++i) {
25 var ele = elems[i];
26 if (ele.name.length < idlen) {
27 continue;
28 }
29 if (ele.name.substring(0, idlen) == id) {
30 if (ele.nodeName == "INPUT" && ele.type == "checkbox") {
31 ele.checked = false;
32 }else {
33 ele.value = '';
34 }
35 }
36 }
37 }
38 }
39
40 function findCheckedElement(elems)
41 {
42 if (elems) {
43 return $A(elems).find( function (val, idx) { return val.checked; });
44 }else {
45 return false;
46 }
47 }
48
49 function searchAncestor(elem, func) {
50 do {
51 if (func(elem.parentNode)) {
52 return elem.parentNode;
53 }
54 }while (elem = elem.parentNode);
55 return false;
56 }
57
58 function zip2addr(relativePath, zipInput, prefInputName, addrInputName)
59 {
60 var zipCode = zipInput.value.strip();
61 if (zipCode == '') {
62 return;
63 }
64
65 new Ajax.Request(
66 relativePath + "zip/zip.php",
67 {
68 onSuccess : function(request) {
69 var data = request.responseText.evalJSON();
70 if (data[0]) {
71 var frm = zipInput.form;
72 var prefInput = frm[prefInputName];
73 if (prefInput.type == 'select-one') {
74 selectOptionByText(prefInput, data[6]);
75 }else {
76 }
77 var addrInput = frm[addrInputName];
78 if (addrInput.value.strip() == '') {
79 var str = '';
80 for (var i=6; i<9; ++i) {
81 str += data[i];
82 }
83 addrInput.value = str;
84 }
85 }
86 },
87 onFailure : function() {
88 alert("failed");
89 },
90 "method": "get",
91 "parameters" : "zipcode=" + zipCode
92 }
93 );
94
95 }
96
97 // http://daisuke-watanabe.com/12/
98 function addFigure(str)
99 {
100 var num = new String(str).replace(/,/g, "");
101 while (num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
102 return num;
103 }
104
105 // DOM operation is slow ...
106 function mergeRepeativeValueRows(table, rowRange, columnIndexs)
107 {
108 columnIndexs.sort(function(a,b) {
109 return a <= b ? 1 : -1;
110 });
111 var beginRowIndex = rowRange[0];
112 var endRowIndex = rowRange[1];
113 if (endRowIndex == -1) {
114 endRowIndex = table.rows.length;
115 }
116
117 for (i=0; i<columnIndexs.length; ++i) {
118 var ci = columnIndexs[i];
119 // count
120 var spanCounts = [];
121 var spanCount = 1;
122 if (beginRowIndex >= table.rows.length) {
123 continue;
124 }
125 var prevRow = table.rows[beginRowIndex];
126 var prevRowCellsLength = prevRow.cells.length;
127 if (ci < prevRowCellsLength) {
128 var prevCell = prevRow.cells[ci];
129 var prevCellTagName = prevCell.tagName;
130 var prevCellInnerHTML = prevCell.innerHTML;
131 }
132 for (k=beginRowIndex+1; k<endRowIndex; ++k) {
133 var curRow = table.rows[k];
134 var bContinue = false;
135 var curRowCellsLength = curRow.cells.length;
136 if (ci < curRowCellsLength) {
137 var curCell = curRow.cells[ci];
138 var curCellTagName = curCell.tagName;
139 var curCellInnerHTML = curCell.innerHTML;
140 if (ci < prevRowCellsLength) {
141 if (prevCellTagName == curCellTagName && prevCellInnerHTML == curCellInnerHTML) {
142 ++spanCount;
143 bContinue = true;
144 }
145 }
146 prevCellTagName = curCellTagName;
147 prevCellInnerHTML = curCellInnerHTML;
148 }
149 prevRowCellsLength = curRowCellsLength;
150 if (bContinue) {
151 continue;
152 }
153 spanCounts.push(spanCount);
154 spanCount = 1;
155 }
156 spanCounts.push(spanCount);
157 // merge
158 var rowIdx = beginRowIndex;
159 for (k=0; k<spanCounts.length; ++k) {
160 var spanCount = spanCounts[k];
161 if (spanCount == 1) {
162 ++rowIdx;
163 }else {
164 for (l=rowIdx+1; l<rowIdx+spanCount; ++l) {
165 table.rows[l].deleteCell(ci);
166 }
167 table.rows[rowIdx].cells[ci].rowSpan = spanCount;
168 rowIdx += spanCount;
169 }
170 }
171 }
172 }
173
174 function copyTableRow(from, to)
175 {
176 if (Prototype.Browser.IE) {
177 for (var i=0; i<from.cells.length; ++i) {
178 var td = to.insertCell(-1);
179 td.innerHTML = from.cells[i].innerHTML;
180 }
181 }else {
182 to.innerHTML = from.innerHTML;
183 }
184 }
185
186 // from : http://mr-goofy.blogspot.com/2009/06/getelementsbyclassname_16.html
187 /***********************************************
188 * ������������������������������������������Element���������
189 ***********************************************/
190 var getElementsByClassName = (function(classname, tagname){
191
192 //������������������������function���������
193 var regClass = function(element, classname){
194 var classElements = new Array();
195 var regexe = new RegExp("\\b" + classname + "\\b");
196 for( i = 0; i < element.length; i++ ) {
197 if( regexe.exec(element[i].className) ) {
198 classElements.push(element[i]);
199 }
200 }
201 return classElements;
202 }
203 //IE���������
204 if( document.all ){
205 return function(classname, tagname){
206 if (arguments.length == 1) {
207 element = document.all;
208 }
209 else{
210 element = document.getElementsByTagName(tagname);
211 }
212 return regClass(element,classname);
213 };
214 }
215 //IE���������������
216 else{
217 return function(classname, tagname){
218 if (arguments.length == 1) {
219 tagname = "*";
220 }
221 var element = document.getElementsByTagName(tagname);
222 return regClass(element,classname);
223 };
224 }
225
226 })();
227
228 function radioInputTag($name, $value, $checked)
229 {
230 var txt = "<input type='radio' name='" + $name + "' value='" + $value + "' ";
231 if ($checked) {
232 txt += "checked";
233 }
234 txt += " />";
235 return txt;
236 }
237
238
239 function sortHash(hash, cmp)
240 {
241 var arr = [];
242 var keys = hash.keys();
243 for (var i=0; i<keys.length; ++i) {
244 var key = keys[i];
245 var value = hash.get(key);
246 var obj = {"key":key, "value":value};
247 arr.push(obj);
248 }
249 arr.sort(function (a,b) { return cmp(a.value, b.value); });
250 var ret = new Hash();
251 for (var i=0; i<arr.length; ++i) {
252 ret.set(arr[i].key, arr[i].value);
253 }
254 return ret;
255 }
256
257 // http://doc.infosnel.nl/javascript_trim.html
258 function trim(s)
259 {
260 var l=0; var r=s.length -1;
261 while(l < s.length && s[l] == ' ')
262 { l++; }
263 while(r > l && s[r] == ' ')
264 { r-=1; }
265 return s.substring(l, r+1);
266 }
267
268
269 function splitTrim(str, separator)
270 {
271 var arr = str.split(separator);
272 for (var i=0; i<arr.length; ++i) {
273 arr[i] = trim(arr[i]);
274 }
275 return arr;
276 }
277
278 // original : http://blog.mikuriya.biz/archives/286
279 // SELECT������������������������OPTION���������SELECT ������������������
280 function moveSelectedOptions(fromSelect, toSelect) {
281 var from_options = fromSelect.options;
282 var to_options = toSelect.options;
283 for (var i=0; i<from_options.length; ++i) {
284 if (!from_options[i].selected || !from_options[i].value) {
285 continue;
286 }
287 var addFlag = true;
288 for (var j=0; j<to_options.length; ++j) {
289 if (to_options[j].value == from_options[i].value) {
290 addFlag = false;
291 break;
292 }
293 }
294
295 if (addFlag) {
296 toSelect.appendChild(from_options[i])
297 }
298 --i;
299 }
300 }
301
302 // SELECT������������������������OPTION������������������
303 function relocateSelectedOptions(select, dir) {
304 var options = select.options;
305 if (dir == 0) {
306 return;
307 }
308 if (dir < 0) {
309 for (var i=0, len=options.length; i<len; ++i) {
310 if (options[i].selected) {
311 if (i+dir < 0) {
312 break;
313 }
314 select.insertBefore(options[i], options[i+dir]);
315 }
316 }
317 }else {
318 for (var len=options.length,i=len-1; i>=0; --i) {
319 if (options[i].selected) {
320 if (i+dir >= len) {
321 break;
322 }
323 select.insertBefore(options[i], options[i+dir].nextSibling);
324 }
325 }
326 }
327
328 }
329
330 function getSelectedOptionValue(select)
331 {
332 var selValue = null;
333 if (select.selectedIndex != -1) {
334 selValue = select.options[select.selectedIndex].value;
335 }
336 return selValue;
337 }
338
339 function selectOptionByText(select, text)
340 {
341 var options = select.options;
342 for (var i=0; i<select.length; ++i) {
343 if (options[i].text == text) {
344 select.selectedIndex = i;
345 break;
346 }
347 }
348 }
349
350 function createSelectOptionTags(arr, selectedKey)
351 {
352 var str = '';
353 str += "<option value=''></option>";
354 for (var i in arr) {
355 var selected = '';
356 if (i == selectedKey) {
357 selected = 'selected';
358 }
359 var value = arr[i];
360 str += "<option value='" + String(i).htmlspecialchars() + "' " + selected + ">" + String(value).escapeHTML() + "</option>";
361 }
362 return str;
363 }
364
365 function setSelectOptions(select, arr)
366 {
367 var selValue = getSelectedOptionValue(select);
368 var options = select.options;
369 options.length = 0;
370 options[options.length] = new Option();
371 if (arr.length == 0) {
372 return;
373 }
374
375 for (var i in arr) {
376 var value = arr[i]
377 var option = new Option(value, i);
378 option.selected = (value == selValue);
379 options[options.length] = option;
380 }
381 }
382
383 function createCheckboxTag(name, value, label, checked)
384 {
385 var str = "<input type='checkbox' name='" + name + "' value='" + String(value).htmlspecialchars() + "'";
386 if (checked) {
387 str += " checked";
388 }
389 str += ">";
390 if (label) {
391 str = "<label>" + str + String(label).escapeHTML() + "</label>";
392 }
393 return str;
394 }
395
396 function createCheckboxTags(name, arr, selectedKeys, separator)
397 {
398 if (arr.length == 0) {
399 return '';
400 }
401 str = '';
402
403 if (separator == undefined) {
404 separator = "\n";
405 }
406 for (var i in arr) {
407 checked = '';
408 if (Object.isArray(selectedKeys)) {
409 if (selectedKeys.indexOf(i) != -1) {
410 checked = 'checked';
411 }
412 }
413 str += "<label><input type='checkbox' name='" + name + "[]' value='" + i.htmlspecialchars() + "' " + checked + ">" + arr[i].escapeHTML() + "</label>";
414 str += separator;
415 }
416 return str;
417 }
418
419 function toggleVisibility(elem)
420 {
421 if (elem.style.visibility == 'hidden') {
422 elem.style.visibility = 'visible';
423 // setAutoFocus();
424 }else {
425 elem.style.visibility = 'hidden';
426 }
427
428 }
429
430 function collectMember(arr, name) {
431 var values = [];
432 for (var i=0; i<arr.length; ++i) {
433 values.push(arr[i][name]);
434 }
435 return values;
436 }
437
438 // http://p2b.jp/1149066600
439 function windowEvent() {
440 if (window.event) return window.event;
441 var caller = arguments.callee.caller;
442 while (caller) {
443 var ob = caller.arguments[0];
444 if (ob && ob.constructor == MouseEvent) return ob;
445 caller = caller.caller;
446 }
447 return null;
448 }
449
450 // ���������������������������������������������DOM��������������� template������������������������������������������
451 //
452 // ������������
453 // # ���������������������������������������������������
454 // #hoge{ ���hoge������������������
455 // ������������������#key1 ������������������������������#key2 ��������������������������� key1 ������������������
456 // #} ������������������������
457 // ��������� data ������ hoge ���������������������������key���������������������������������
458 //
459 function modifyTemplate(src, data) {
460 var r = /^#/gm;
461 var r2 = /^[^\s]+/g;
462 var indexes = [];
463
464 while (r.test(src)) {
465 indexes.push(r.lastIndex);
466 }
467
468 if (indexes.length == 0) {
469 return src;
470 }
471
472 function attachParts(pieces, parts, setting) {
473 if (!setting) {
474 for (var j=0; j<parts.length; ++j) {
475 var part = parts[j];
476 pieces.push(part.text);
477 }
478 }else {
479 for (var i=0; i<setting.length; ++i) {
480 var name = setting[i];
481 for (var j=0; j<parts.length; ++j) {
482 var part = parts[j];
483 if (part.name == name) {
484 pieces.push(part.text);
485 break;
486 }
487 }
488 }
489 }
490 }
491
492 var defName = null;
493 var pos = 0;
494 var pieces = [];
495 var piece = src.substr(0, indexes[0] - 1);
496 pieces.push(piece);
497 var parts = [];
498 for (var i=0; i<indexes.length-1; ++i) {
499 var start = indexes[i];
500 var end = indexes[i+1] - 1;
501 piece = src.substr(start, end-start);
502 r2.lastIndex = 0;
503 var ret = r2.exec(piece);
504 if (!ret || !ret.length) {
505 return false;
506 }
507 var key = ret[0];
508 if (!defName) {
509 if (key.charAt(key.length-1) != '{') {
510 return false;
511 }
512 defName = key.substr(0, key.length-1);
513 }else {
514 if (key != '}') {
515 var part = piece.substr(r2.lastIndex, piece.length-1);
516 parts.push({name:key, text:part});
517 }else {
518 attachParts(pieces, parts, data[defName]);
519 parts.clear();
520 defName = null;
521 pieces.push(piece.substr(1,piece.length));
522 }
523 }
524 }
525 if (parts.length) {
526 attachParts(pieces, parts, data[defName]);
527 }
528 var start = indexes[indexes.length-1] + 1;
529 var piece = src.substr(start, src.length-start);
530 pieces.push(piece);
531 return pieces.join("");
532 }
533
534 function recordsToArray(recs, keyName, valueName) {
535 var ret = {};
536 for (var i=0; i<recs.length; ++i) {
537 var rec = recs[i];
538 var key = rec[keyName];
539 var value = rec[valueName];
540 ret[key] = value;
541 }
542 return ret;
543 }
544
545 // maybe re-inventing wheel?
546 function searchDOM(elem, func) {
547 var elems = elem.childNodes;
548 for (var i=0,len=elems.length; i<len; ++i) {
549 var e = elems[i];
550 if (func(e)) {
551 return e;
552 }
553 var ret = searchDOM(e, func);
554 if (ret) {
555 return ret;
556 }
557 }
558 return null;
559 }
560
561 // ���������node���key���������object tree������������
562 function distributeElements(elements, keys) {
563 var arr = {};
564 for (var i=0; i<elements.length; ++i) {
565 var e = elements[i];
566 var tmp = arr;
567 for (var j=0; j<keys.length-1; ++j) {
568 var key = e.getAttribute(keys[j]);
569 if (!(key in tmp)) {
570 tmp[key] = {};
571 }
572 tmp = tmp[key];
573 }
574 var key = e.getAttribute(keys[keys.length-1]);
575 tmp[key] = e;
576 }
577 return arr;
578 }
579
580 // http://bytes.com/topic/javascript/answers/715567-deep-cloning-object
581 function clone_obj(obj) {
582 var c = obj instanceof Array ? [] : {};
583 for (var i in obj) {
584 var prop = obj[i];
585 if (typeof prop == 'object') {
586 if (prop instanceof Array) {
587 c[i] = [];
588 for (var j = 0; j < prop.length; j++) {
589 if (typeof prop[j] != 'object') {
590 c[i].push(prop[j]);
591 } else {
592 c[i].push(clone_obj(prop[j]));
593 }
594 }
595 }else {
596 c[i] = clone_obj(prop);
597 }
598 }else {
599 c[i] = prop;
600 }
601 }
602 return c;
603 }
604
605 // http://serennz.sakura.ne.jp/sb/log/eid73.html
606 String.prototype.htmlspecialchars = function() {
607 ch = this + "";
608 ch = ch.replace(/&/g,"&amp;") ;
609 ch = ch.replace(/"/g,"&quot;") ; // "
610 ch = ch.replace(/'/g,"&#039;") ; // '
611 ch = ch.replace(/</g,"&lt;") ;
612 ch = ch.replace(/>/g,"&gt;") ;
613 return ch ;
614 }
615
616 function escapeHTML(str) {
617 if (typeof str == String) {
618 return str.escapeHTML();
619 }else {
620 return "";
621 }
622 }
623
624 function htmlspecialchars(str) {
625 if (typeof str == String) {
626 return str.htmlspecialchars();
627 }else {
628 return "";
629 }
630 }
631
632 // innerHTML������������������������������������������Firefox������������������������������������������������������������������
633 // ������������������Node���������Node���������
634 function createNodeWithScript(html) {
635 var div = document.createElement("div");
636
637 // http://msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx
638 // http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread/33fd33f7-e857-4f6f-978e-fd486eba7174/
639 html = "<input type='hidden' />\n" + html;
640
641 div.innerHTML = html;
642 if (Prototype.Browser.IE || Prototype.Browser.WebKit || Prototype.Browser.Opera) {
643 var texts = new Array();
644 var scripts = div.getElementsByTagName("script");
645 for (var i=0; i<scripts.length; ++i) {
646 var script = scripts[i];
647 texts.push(script.text);
648 }
649 var script = document.createElement("script");
650 script.text = texts.join("\r");
651 div.appendChild(script);
652 }
653 return div;
654 }
655
656 function getElementsByCssSelector(root, expr) {
657 return (new Selector(expr)).findElements(root);
658 }
659
660 function getParentElementByCssSelector(elem, expr) {
661 var s = new Selector(expr);
662 while (elem = elem.parentNode) {
663 if (s.match(elem)) {
664 return elem;
665 }
666 }
667 return null;
668 }
669
670
671 // http://phpjs.org/functions/compact:371
672 function compact ( ) {
673 // http://kevin.vanzonneveld.net
674 // + original by: Waldo Malqui Silva
675 // + tweaked by: Jack
676 // + input by: Brett Zamir (http://brett-zamir.me)
677 // + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
678 // * example 1: var1 = 'Kevin'; var2 = 'van'; var3 = 'Zonneveld';
679 // * example 1: compact('var1', 'var2', 'var3');
680 // * returns 1: {'var1': 'Kevin', 'var2': 'van', 'var3': 'Zonneveld'}
681
682 var matrix = {}, that = this;
683
684 var process = function ( value ) {
685 var i = 0, l = value.length, key_value = '';
686 for (i = 0; i < l; i++) {
687 key_value = value [ i ];
688 if (key_value instanceof Array) {
689 process( key_value );
690 } else {
691 if (typeof that.window[key_value] !== 'undefined') {
692 matrix[key_value] = that.window[key_value];
693 }
694 }
695 }
696 return true;
697 };
698
699 process(arguments);
700 return matrix;
701 }
702
703
704
705

Back to OSDN">Back to OSDN
ViewVC Help
Powered by ViewVC 1.1.26