PageRenderTime 60ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 0ms

/koha-tmpl/opac-tmpl/prog/en/lib/greybox/GreyBox_v5_5/greybox_source/base/AJS.js

https://bitbucket.org/koha/koha
JavaScript | 1371 lines | 1259 code | 70 blank | 42 comment | 134 complexity | 64608427df8a474e1d94ed40df90c8f6 MD5 | raw file
Possible License(s): GPL-2.0
  1. /*
  2. Last Modified: 29/01/07 14:16:09
  3. AJS JavaScript library
  4. A very small library with a lot of functionality
  5. AUTHOR
  6. 4mir Salihefendic (http://amix.dk) - amix@amix.dk
  7. LICENSE
  8. Copyright (c) 2006 Amir Salihefendic. All rights reserved.
  9. Copyright (c) 2005 Bob Ippolito. All rights reserved.
  10. http://www.opensource.org/licenses/mit-license.php
  11. VERSION
  12. 3.7
  13. SITE
  14. http://orangoo.com/AmiNation/AJS
  15. **/
  16. if(!AJS) {
  17. var AJS = {
  18. BASE_URL: "",
  19. drag_obj: null,
  20. drag_elm: null,
  21. _drop_zones: [],
  22. _drag_zones: [],
  23. _cur_pos: null,
  24. ajaxErrorHandler: null,
  25. ////
  26. // General accessor functions
  27. ////
  28. getQueryArgument: function(var_name) {
  29. var query = window.location.search.substring(1);
  30. var vars = query.split("&");
  31. for (var i=0;i<vars.length;i++) {
  32. var pair = vars[i].split("=");
  33. if (pair[0] == var_name) {
  34. return pair[1];
  35. }
  36. }
  37. return null;
  38. },
  39. isIe: function() {
  40. return (navigator.userAgent.toLowerCase().indexOf("msie") != -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1);
  41. },
  42. isNetscape7: function() {
  43. return (navigator.userAgent.toLowerCase().indexOf("netscape") != -1 && navigator.userAgent.toLowerCase().indexOf("7.") != -1);
  44. },
  45. isSafari: function() {
  46. return (navigator.userAgent.toLowerCase().indexOf("khtml") != -1);
  47. },
  48. isOpera: function() {
  49. return (navigator.userAgent.toLowerCase().indexOf("opera") != -1);
  50. },
  51. isMozilla: function() {
  52. return (navigator.userAgent.toLowerCase().indexOf("gecko") != -1 && navigator.productSub >= 20030210);
  53. },
  54. ////
  55. // Array functions
  56. ////
  57. //Shortcut: AJS.$A
  58. createArray: function(v) {
  59. if(AJS.isArray(v) && !AJS.isString(v))
  60. return v;
  61. else if(!v)
  62. return [];
  63. else
  64. return [v];
  65. },
  66. forceArray: function(args) {
  67. var r = [];
  68. AJS.map(args, function(elm) {
  69. r.push(elm);
  70. });
  71. return r;
  72. },
  73. join: function(delim, list) {
  74. try {
  75. return list.join(delim);
  76. }
  77. catch(e) {
  78. var r = list[0] || '';
  79. AJS.map(list, function(elm) {
  80. r += delim + elm;
  81. }, 1);
  82. return r + '';
  83. }
  84. },
  85. isIn: function(elm, list) {
  86. var i = AJS.getIndex(elm, list);
  87. if(i != -1)
  88. return true;
  89. else
  90. return false;
  91. },
  92. getIndex: function(elm, list/*optional*/, eval_fn) {
  93. for(var i=0; i < list.length; i++)
  94. if(eval_fn && eval_fn(list[i]) || elm == list[i])
  95. return i;
  96. return -1;
  97. },
  98. getFirst: function(list) {
  99. if(list.length > 0)
  100. return list[0];
  101. else
  102. return null;
  103. },
  104. getLast: function(list) {
  105. if(list.length > 0)
  106. return list[list.length-1];
  107. else
  108. return null;
  109. },
  110. update: function(l1, l2) {
  111. for(var i in l2)
  112. l1[i] = l2[i];
  113. return l1;
  114. },
  115. flattenList: function(list) {
  116. var r = [];
  117. var _flatten = function(r, l) {
  118. AJS.map(l, function(o) {
  119. if(o == null) {}
  120. else if (AJS.isArray(o))
  121. _flatten(r, o);
  122. else
  123. r.push(o);
  124. });
  125. }
  126. _flatten(r, list);
  127. return r;
  128. },
  129. ////
  130. // Functional programming
  131. ////
  132. map: function(list, fn,/*optional*/ start_index, end_index) {
  133. var i = 0, l = list.length;
  134. if(start_index)
  135. i = start_index;
  136. if(end_index)
  137. l = end_index;
  138. for(i; i < l; i++)
  139. fn.apply(null, [list[i], i]);
  140. },
  141. rmap: function(list, fn) {
  142. var i = list.length-1, l = 0;
  143. for(i; i >= l; i--)
  144. fn.apply(null, [list[i], i]);
  145. },
  146. filter: function(list, fn, /*optional*/ start_index, end_index) {
  147. var r = [];
  148. AJS.map(list, function(elm) {
  149. if(fn(elm))
  150. r.push(elm);
  151. }, start_index, end_index);
  152. return r;
  153. },
  154. partial: function(fn) {
  155. var args = AJS.forceArray(arguments);
  156. return AJS.$b(fn, null, args.slice(1, args.length).reverse(), false, true);
  157. },
  158. ////
  159. // DOM functions
  160. ////
  161. //Shortcut: AJS.$
  162. getElement: function(id) {
  163. if(AJS.isString(id) || AJS.isNumber(id))
  164. return document.getElementById(id);
  165. else
  166. return id;
  167. },
  168. //Shortcut: AJS.$$
  169. getElements: function(/*id1, id2, id3*/) {
  170. var args = AJS.forceArray(arguments);
  171. var elements = new Array();
  172. for (var i = 0; i < args.length; i++) {
  173. var element = AJS.getElement(args[i]);
  174. elements.push(element);
  175. }
  176. return elements;
  177. },
  178. //Shortcut: AJS.$bytc
  179. getElementsByTagAndClassName: function(tag_name, class_name, /*optional*/ parent) {
  180. var class_elements = [];
  181. if(!AJS.isDefined(parent))
  182. parent = document;
  183. if(!AJS.isDefined(tag_name))
  184. tag_name = '*';
  185. var els = parent.getElementsByTagName(tag_name);
  186. var els_len = els.length;
  187. var pattern = new RegExp("(^|\\s)" + class_name + "(\\s|$)");
  188. for (i = 0, j = 0; i < els_len; i++) {
  189. if ( pattern.test(els[i].className) || class_name == null ) {
  190. class_elements[j] = els[i];
  191. j++;
  192. }
  193. }
  194. return class_elements;
  195. },
  196. _nodeWalk: function(elm, tag_name, class_name, fn_next_elm) {
  197. var p = fn_next_elm(elm);
  198. var checkFn;
  199. if(tag_name && class_name) {
  200. checkFn = function(p) {
  201. return AJS.nodeName(p) == tag_name && AJS.hasClass(p, class_name);
  202. }
  203. }
  204. else if(tag_name) {
  205. checkFn = function(p) { return AJS.nodeName(p) == tag_name; }
  206. }
  207. else {
  208. checkFn = function(p) { return AJS.hasClass(p, class_name); }
  209. }
  210. while(p) {
  211. if(checkFn(p))
  212. return p;
  213. p = fn_next_elm(p);
  214. }
  215. return null;
  216. },
  217. getParentBytc: function(elm, tag_name, class_name) {
  218. return AJS._nodeWalk(elm, tag_name, class_name, function(m) { return m.parentNode; });
  219. },
  220. getPreviousSiblingBytc: function(elm, tag_name, class_name) {
  221. return AJS._nodeWalk(elm, tag_name, class_name, function(m) { return m.previousSibling; });
  222. },
  223. getNextSiblingBytc: function(elm, tag_name, class_name) {
  224. return AJS._nodeWalk(elm, tag_name, class_name, function(m) { return m.nextSibling; });
  225. },
  226. //Shortcut: AJS.$f
  227. getFormElement: function(form, name) {
  228. form = AJS.$(form);
  229. var r = null;
  230. AJS.map(form.elements, function(elm) {
  231. if(elm.name && elm.name == name)
  232. r = elm;
  233. });
  234. return r;
  235. },
  236. formContents: function(form) {
  237. var form = AJS.$(form);
  238. var r = {};
  239. var fn = function(elms) {
  240. AJS.map(elms, function(e) {
  241. if(e.name)
  242. r[e.name] = e.value || '';
  243. });
  244. }
  245. fn(AJS.$bytc('input', null, form));
  246. fn(AJS.$bytc('textarea', null, form));
  247. return r;
  248. },
  249. getBody: function() {
  250. return AJS.$bytc('body')[0]
  251. },
  252. nodeName: function(elm) {
  253. return elm.nodeName.toLowerCase();
  254. },
  255. hasParent: function(elm, parent_to_consider, max_look_up) {
  256. if(elm == parent_to_consider)
  257. return true;
  258. if(max_look_up == 0)
  259. return false;
  260. return AJS.hasParent(elm.parentNode, parent_to_consider, max_look_up-1);
  261. },
  262. isElementHidden: function(elm) {
  263. return elm.style.visibility == "hidden";
  264. },
  265. //Shortcut: AJS.DI
  266. documentInsert: function(elm) {
  267. if(typeof(elm) == 'string')
  268. elm = AJS.HTML2DOM(elm);
  269. document.write('<span id="dummy_holder"></span>');
  270. AJS.swapDOM(AJS.$('dummy_holder'), elm);
  271. },
  272. cloner: function(element) {
  273. return function() {
  274. return element.cloneNode(true);
  275. }
  276. },
  277. appendToTop: function(elm/*, elms...*/) {
  278. var args = AJS.forceArray(arguments).slice(1);
  279. if(args.length >= 1) {
  280. var first_child = elm.firstChild;
  281. if(first_child) {
  282. while(true) {
  283. var t_elm = args.shift();
  284. if(t_elm)
  285. AJS.insertBefore(t_elm, first_child);
  286. else
  287. break;
  288. }
  289. }
  290. else {
  291. AJS.ACN.apply(null, arguments);
  292. }
  293. }
  294. return elm;
  295. },
  296. //Shortcut: AJS.ACN
  297. appendChildNodes: function(elm/*, elms...*/) {
  298. if(arguments.length >= 2) {
  299. AJS.map(arguments, function(n) {
  300. if(AJS.isString(n))
  301. n = AJS.TN(n);
  302. if(AJS.isDefined(n))
  303. elm.appendChild(n);
  304. }, 1);
  305. }
  306. return elm;
  307. },
  308. //Shortcut: AJS.RCN
  309. replaceChildNodes: function(elm/*, elms...*/) {
  310. var child;
  311. while ((child = elm.firstChild))
  312. elm.removeChild(child);
  313. if (arguments.length < 2)
  314. return elm;
  315. else
  316. return AJS.appendChildNodes.apply(null, arguments);
  317. return elm;
  318. },
  319. insertAfter: function(elm, reference_elm) {
  320. reference_elm.parentNode.insertBefore(elm, reference_elm.nextSibling);
  321. return elm;
  322. },
  323. insertBefore: function(elm, reference_elm) {
  324. reference_elm.parentNode.insertBefore(elm, reference_elm);
  325. return elm;
  326. },
  327. showElement: function(/*elms...*/) {
  328. var args = AJS.forceArray(arguments);
  329. AJS.map(args, function(elm) { elm.style.display = ''});
  330. },
  331. hideElement: function(elm) {
  332. var args = AJS.forceArray(arguments);
  333. AJS.map(args, function(elm) { elm.style.display = 'none'});
  334. },
  335. swapDOM: function(dest, src) {
  336. dest = AJS.getElement(dest);
  337. var parent = dest.parentNode;
  338. if (src) {
  339. src = AJS.getElement(src);
  340. parent.replaceChild(src, dest);
  341. } else {
  342. parent.removeChild(dest);
  343. }
  344. return src;
  345. },
  346. removeElement: function(/*elm1, elm2...*/) {
  347. var args = AJS.forceArray(arguments);
  348. AJS.map(args, function(elm) { AJS.swapDOM(elm, null); });
  349. },
  350. createDOM: function(name, attrs) {
  351. var i=0, attr;
  352. elm = document.createElement(name);
  353. if(AJS.isDict(attrs[i])) {
  354. for(k in attrs[0]) {
  355. attr = attrs[0][k];
  356. if(k == "style")
  357. elm.style.cssText = attr;
  358. else if(k == "class" || k == 'className')
  359. elm.className = attr;
  360. else {
  361. elm.setAttribute(k, attr);
  362. }
  363. }
  364. i++;
  365. }
  366. if(attrs[0] == null)
  367. i = 1;
  368. AJS.map(attrs, function(n) {
  369. if(n) {
  370. if(AJS.isString(n) || AJS.isNumber(n))
  371. n = AJS.TN(n);
  372. elm.appendChild(n);
  373. }
  374. }, i);
  375. return elm;
  376. },
  377. _createDomShortcuts: function() {
  378. var elms = [
  379. "ul", "li", "td", "tr", "th",
  380. "tbody", "table", "input", "span", "b",
  381. "a", "div", "img", "button", "h1",
  382. "h2", "h3", "br", "textarea", "form",
  383. "p", "select", "option", "iframe", "script",
  384. "center", "dl", "dt", "dd", "small",
  385. "pre"
  386. ];
  387. var extends_ajs = function(elm) {
  388. var c_dom = "return AJS.createDOM.apply(null, ['" + elm + "', arguments]);";
  389. var c_fun_dom = 'function() { ' + c_dom + ' }';
  390. eval("AJS." + elm.toUpperCase() + "=" + c_fun_dom);
  391. }
  392. AJS.map(elms, extends_ajs);
  393. AJS.TN = function(text) { return document.createTextNode(text) };
  394. },
  395. getCssDim: function(dim) {
  396. if(AJS.isString(dim))
  397. return dim;
  398. else
  399. return dim + "px";
  400. },
  401. getCssProperty: function(elm, prop) {
  402. elm = AJS.$(elm);
  403. var y;
  404. if(elm.currentStyle)
  405. y = elm.currentStyle[prop];
  406. else if (window.getComputedStyle)
  407. y = document.defaultView.getComputedStyle(elm,null).getPropertyValue(prop);
  408. return y;
  409. },
  410. setStyle: function(/*elm1, elm2..., property, new_value*/) {
  411. var args = AJS.forceArray(arguments);
  412. var new_val = args.pop();
  413. var property = args.pop();
  414. AJS.map(args, function(elm) {
  415. elm.style[property] = AJS.getCssDim(new_val);
  416. });
  417. },
  418. setWidth: function(/*elm1, elm2..., width*/) {
  419. var args = AJS.forceArray(arguments);
  420. args.splice(args.length-1, 0, 'width');
  421. AJS.setStyle.apply(null, args);
  422. },
  423. setHeight: function(/*elm1, elm2..., height*/) {
  424. var args = AJS.forceArray(arguments);
  425. args.splice(args.length-1, 0, 'height');
  426. AJS.setStyle.apply(null, args);
  427. },
  428. setLeft: function(/*elm1, elm2..., left*/) {
  429. var args = AJS.forceArray(arguments);
  430. args.splice(args.length-1, 0, 'left');
  431. AJS.setStyle.apply(null, args);
  432. },
  433. setTop: function(/*elm1, elm2..., top*/) {
  434. var args = AJS.forceArray(arguments);
  435. args.splice(args.length-1, 0, 'top');
  436. AJS.setStyle.apply(null, args);
  437. },
  438. setClass: function(/*elm1, elm2..., className*/) {
  439. var args = AJS.forceArray(arguments);
  440. var c = args.pop();
  441. AJS.map(args, function(elm) { elm.className = c});
  442. },
  443. addClass: function(/*elm1, elm2..., className*/) {
  444. var args = AJS.forceArray(arguments);
  445. var cls = args.pop();
  446. var add_class = function(o) {
  447. if(!new RegExp("(^|\\s)" + cls + "(\\s|$)").test(o.className))
  448. o.className += (o.className ? " " : "") + cls;
  449. };
  450. AJS.map(args, function(elm) { add_class(elm); });
  451. },
  452. hasClass: function(elm, cls) {
  453. if(!elm.className)
  454. return false;
  455. return elm.className == cls ||
  456. elm.className.search(new RegExp(" " + cls)) != -1
  457. },
  458. removeClass: function(/*elm1, elm2..., className*/) {
  459. var args = AJS.forceArray(arguments);
  460. var cls = args.pop();
  461. var rm_class = function(o) {
  462. o.className = o.className.replace(new RegExp("\\s?" + cls, 'g'), "");
  463. };
  464. AJS.map(args, function(elm) { rm_class(elm); });
  465. },
  466. setHTML: function(elm, html) {
  467. elm.innerHTML = html;
  468. return elm;
  469. },
  470. RND: function(tmpl, ns, scope) {
  471. scope = scope || window;
  472. var fn = function(w, g) {
  473. g = g.split("|");
  474. var cnt = ns[g[0]];
  475. for(var i=1; i < g.length; i++)
  476. cnt = scope[g[i]](cnt);
  477. if(cnt == '')
  478. return '';
  479. if(cnt == 0 || cnt == -1)
  480. cnt += '';
  481. return cnt || w;
  482. };
  483. return tmpl.replace(/%\(([A-Za-z0-9_|.]*)\)/g, fn);
  484. },
  485. HTML2DOM: function(html,/*optional*/ first_child) {
  486. var d = AJS.DIV();
  487. d.innerHTML = html;
  488. if(first_child)
  489. return d.childNodes[0];
  490. else
  491. return d;
  492. },
  493. preloadImages: function(/*img_src1, ..., img_srcN*/) {
  494. AJS.AEV(window, 'load', AJS.$p(function(args) {
  495. AJS.map(args, function(src) {
  496. var pic = new Image();
  497. pic.src = src;
  498. });
  499. }, arguments));
  500. },
  501. ////
  502. // Effects
  503. ////
  504. setOpacity: function(elm, p) {
  505. elm.style.opacity = p;
  506. elm.style.filter = "alpha(opacity="+ p*100 +")";
  507. },
  508. ////
  509. // Ajax functions
  510. ////
  511. getXMLHttpRequest: function() {
  512. var try_these = [
  513. function () { return new XMLHttpRequest(); },
  514. function () { return new ActiveXObject('Msxml2.XMLHTTP'); },
  515. function () { return new ActiveXObject('Microsoft.XMLHTTP'); },
  516. function () { return new ActiveXObject('Msxml2.XMLHTTP.4.0'); },
  517. function () { throw "Browser does not support XMLHttpRequest"; }
  518. ];
  519. for (var i = 0; i < try_these.length; i++) {
  520. var func = try_these[i];
  521. try {
  522. return func();
  523. } catch (e) {
  524. }
  525. }
  526. },
  527. getRequest: function(url, data, type) {
  528. if(!type)
  529. type = "POST";
  530. var req = AJS.getXMLHttpRequest();
  531. if(url.indexOf("http://") == -1) {
  532. if(AJS.BASE_URL != '') {
  533. if(AJS.BASE_URL.lastIndexOf('/') != AJS.BASE_URL.length-1)
  534. AJS.BASE_URL += '/';
  535. url = AJS.BASE_URL + url;
  536. }
  537. else
  538. url = window.location + url;
  539. }
  540. req.open(type, url, true);
  541. if(type == "POST")
  542. req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  543. return AJS._sendXMLHttpRequest(req);
  544. },
  545. _sendXMLHttpRequest: function(req, data) {
  546. var d = new AJSDeferred(req);
  547. var onreadystatechange = function () {
  548. if (req.readyState == 4) {
  549. var status = '';
  550. try {
  551. status = req.status;
  552. }
  553. catch(e) {};
  554. if(status == 200 || status == 304 || req.responseText == null) {
  555. d.callback();
  556. }
  557. else {
  558. if(AJS.ajaxErrorHandler)
  559. AJS.ajaxErrorHandler(req.responseText, req);
  560. else
  561. d.errback();
  562. }
  563. }
  564. }
  565. req.onreadystatechange = onreadystatechange;
  566. return d;
  567. },
  568. _reprString: function(o) {
  569. return ('"' + o.replace(/(["\\])/g, '\\$1') + '"'
  570. ).replace(/[\f]/g, "\\f"
  571. ).replace(/[\b]/g, "\\b"
  572. ).replace(/[\n]/g, "\\n"
  573. ).replace(/[\t]/g, "\\t"
  574. ).replace(/[\r]/g, "\\r");
  575. },
  576. serializeJSON: function(o) {
  577. var objtype = typeof(o);
  578. if (objtype == "undefined") {
  579. return "undefined";
  580. } else if (objtype == "number" || objtype == "boolean") {
  581. return o + "";
  582. } else if (o === null) {
  583. return "null";
  584. }
  585. if (objtype == "string") {
  586. return AJS._reprString(o);
  587. }
  588. var me = arguments.callee;
  589. if (objtype != "function" && typeof(o.length) == "number") {
  590. var res = [];
  591. for (var i = 0; i < o.length; i++) {
  592. var val = me(o[i]);
  593. if (typeof(val) != "string") {
  594. val = "undefined";
  595. }
  596. res.push(val);
  597. }
  598. return "[" + res.join(",") + "]";
  599. }
  600. // it's a function with no adapter, bad
  601. if (objtype == "function")
  602. return null;
  603. res = [];
  604. for (var k in o) {
  605. var useKey;
  606. if (typeof(k) == "number") {
  607. useKey = '"' + k + '"';
  608. } else if (typeof(k) == "string") {
  609. useKey = AJS._reprString(k);
  610. } else {
  611. // skip non-string or number keys
  612. continue;
  613. }
  614. val = me(o[k]);
  615. if (typeof(val) != "string") {
  616. // skip non-serializable values
  617. continue;
  618. }
  619. res.push(useKey + ":" + val);
  620. }
  621. return "{" + res.join(",") + "}";
  622. },
  623. loadJSONDoc: function(url) {
  624. var d = AJS.getRequest(url);
  625. var eval_req = function(data, req) {
  626. var text = req.responseText;
  627. if(text == "Error")
  628. d.errback(req);
  629. else
  630. return AJS.evalTxt(text);
  631. };
  632. d.addCallback(eval_req);
  633. return d;
  634. },
  635. evalTxt: function(txt) {
  636. try {
  637. return eval('('+ txt + ')');
  638. }
  639. catch(e) {
  640. return eval(txt);
  641. }
  642. },
  643. evalScriptTags: function(html) {
  644. var script_data = html.match(/<script.*?>((\n|\r|.)*?)<\/script>/g);
  645. if(script_data != null) {
  646. for(var i=0; i < script_data.length; i++) {
  647. var script_only = script_data[i].replace(/<script.*?>/g, "");
  648. script_only = script_only.replace(/<\/script>/g, "");
  649. eval(script_only);
  650. }
  651. }
  652. },
  653. queryArguments: function(data) {
  654. var post_data = [];
  655. for(k in data)
  656. post_data.push(k + "=" + AJS.urlencode(data[k]));
  657. return post_data.join("&");
  658. },
  659. ////
  660. // Position and size
  661. ////
  662. getMousePos: function(e) {
  663. var posx = 0;
  664. var posy = 0;
  665. if (!e) var e = window.event;
  666. if (e.pageX || e.pageY)
  667. {
  668. posx = e.pageX;
  669. posy = e.pageY;
  670. }
  671. else if (e.clientX || e.clientY)
  672. {
  673. posx = e.clientX + document.body.scrollLeft;
  674. posy = e.clientY + document.body.scrollTop;
  675. }
  676. return {x: posx, y: posy};
  677. },
  678. getScrollTop: function() {
  679. //From: http://www.quirksmode.org/js/doctypes.html
  680. var t;
  681. if (document.documentElement && document.documentElement.scrollTop)
  682. t = document.documentElement.scrollTop;
  683. else if (document.body)
  684. t = document.body.scrollTop;
  685. return t;
  686. },
  687. absolutePosition: function(elm) {
  688. var posObj = {'x': elm.offsetLeft, 'y': elm.offsetTop};
  689. if(elm.offsetParent) {
  690. var temp_pos = AJS.absolutePosition(elm.offsetParent);
  691. posObj.x += temp_pos.x;
  692. posObj.y += temp_pos.y;
  693. }
  694. // safari bug
  695. if (AJS.isSafari() && elm.style.position == 'absolute' ) {
  696. posObj.x -= document.body.offsetLeft;
  697. posObj.y -= document.body.offsetTop;
  698. }
  699. return posObj;
  700. },
  701. getWindowSize: function(doc) {
  702. doc = doc || document;
  703. var win_w, win_h;
  704. if (self.innerHeight) {
  705. win_w = self.innerWidth;
  706. win_h = self.innerHeight;
  707. } else if (doc.documentElement && doc.documentElement.clientHeight) {
  708. win_w = doc.documentElement.clientWidth;
  709. win_h = doc.documentElement.clientHeight;
  710. } else if (doc.body) {
  711. win_w = doc.body.clientWidth;
  712. win_h = doc.body.clientHeight;
  713. }
  714. return {'w': win_w, 'h': win_h};
  715. },
  716. isOverlapping: function(elm1, elm2) {
  717. var pos_elm1 = AJS.absolutePosition(elm1);
  718. var pos_elm2 = AJS.absolutePosition(elm2);
  719. var top1 = pos_elm1.y;
  720. var left1 = pos_elm1.x;
  721. var right1 = left1 + elm1.offsetWidth;
  722. var bottom1 = top1 + elm1.offsetHeight;
  723. var top2 = pos_elm2.y;
  724. var left2 = pos_elm2.x;
  725. var right2 = left2 + elm2.offsetWidth;
  726. var bottom2 = top2 + elm2.offsetHeight;
  727. var getSign = function(v) {
  728. if(v > 0) return "+";
  729. else if(v < 0) return "-";
  730. else return 0;
  731. }
  732. if ((getSign(top1 - bottom2) != getSign(bottom1 - top2)) &&
  733. (getSign(left1 - right2) != getSign(right1 - left2)))
  734. return true;
  735. return false;
  736. },
  737. ////
  738. // Events
  739. ////
  740. getEventElm: function(e) {
  741. if(e && !e.type && !e.keyCode)
  742. return e
  743. var targ;
  744. if (!e) var e = window.event;
  745. if (e.target) targ = e.target;
  746. else if (e.srcElement) targ = e.srcElement;
  747. if (targ.nodeType == 3) // defeat Safari bug
  748. targ = targ.parentNode;
  749. return targ;
  750. },
  751. _getRealScope: function(fn, /*optional*/ extra_args, dont_send_event, rev_extra_args) {
  752. var scope = window;
  753. extra_args = AJS.$A(extra_args);
  754. if(fn._cscope)
  755. scope = fn._cscope;
  756. return function() {
  757. //Append all the orginal arguments + extra_args
  758. var args = [];
  759. var i = 0;
  760. if(dont_send_event)
  761. i = 1;
  762. AJS.map(arguments, function(arg) { args.push(arg) }, i);
  763. args = args.concat(extra_args);
  764. if(rev_extra_args)
  765. args = args.reverse();
  766. return fn.apply(scope, args);
  767. };
  768. },
  769. _unloadListeners: function() {
  770. if(AJS.listeners)
  771. AJS.map(AJS.listeners, function(elm, type, fn) { AJS.REV(elm, type, fn) });
  772. AJS.listeners = [];
  773. },
  774. setEventKey: function(e) {
  775. e.key = e.keyCode ? e.keyCode : e.charCode;
  776. if(window.event) {
  777. e.ctrl = window.event.ctrlKey;
  778. e.shift = window.event.shiftKey;
  779. }
  780. else {
  781. e.ctrl = e.ctrlKey;
  782. e.shift = e.shiftKey;
  783. }
  784. switch(e.key) {
  785. case 63232:
  786. e.key = 38;
  787. break;
  788. case 63233:
  789. e.key = 40;
  790. break;
  791. case 63235:
  792. e.key = 39;
  793. break;
  794. case 63234:
  795. e.key = 37;
  796. break;
  797. }
  798. },
  799. //Shortcut: AJS.AEV
  800. addEventListener: function(elm, type, fn, /*optional*/listen_once, cancle_bubble) {
  801. if(!cancle_bubble)
  802. cancle_bubble = false;
  803. var elms = AJS.$A(elm);
  804. AJS.map(elms, function(elmz) {
  805. if(listen_once)
  806. fn = AJS._listenOnce(elmz, type, fn);
  807. //Hack since it does not work in all browsers
  808. if(AJS.isIn(type, ['submit', 'load', 'scroll', 'resize'])) {
  809. var old = elm['on' + type];
  810. elm['on' + type] = function() {
  811. if(old) {
  812. fn(arguments);
  813. return old(arguments);
  814. }
  815. else
  816. return fn(arguments);
  817. };
  818. return;
  819. }
  820. //Fix keyCode
  821. if(AJS.isIn(type, ['keypress', 'keydown', 'keyup', 'click'])) {
  822. var old_fn = fn;
  823. fn = function(e) {
  824. AJS.setEventKey(e);
  825. return old_fn.apply(null, arguments);
  826. }
  827. }
  828. if (elmz.attachEvent) {
  829. //FIXME: We ignore cancle_bubble for IE... could be a problem?
  830. elmz.attachEvent("on" + type, fn);
  831. }
  832. else if(elmz.addEventListener)
  833. elmz.addEventListener(type, fn, cancle_bubble);
  834. AJS.listeners = AJS.$A(AJS.listeners);
  835. AJS.listeners.push([elmz, type, fn]);
  836. });
  837. },
  838. //Shortcut: AJS.REV
  839. removeEventListener: function(elm, type, fn, /*optional*/cancle_bubble) {
  840. if(!cancle_bubble)
  841. cancle_bubble = false;
  842. if(elm.removeEventListener) {
  843. elm.removeEventListener(type, fn, cancle_bubble);
  844. if(AJS.isOpera())
  845. elm.removeEventListener(type, fn, !cancle_bubble);
  846. }
  847. else if(elm.detachEvent)
  848. elm.detachEvent("on" + type, fn);
  849. },
  850. //Shortcut: AJS.$b
  851. bind: function(fn, scope, /*optional*/ extra_args, dont_send_event, rev_extra_args) {
  852. fn._cscope = scope;
  853. return AJS._getRealScope(fn, extra_args, dont_send_event, rev_extra_args);
  854. },
  855. bindMethods: function(self) {
  856. for (var k in self) {
  857. var func = self[k];
  858. if (typeof(func) == 'function') {
  859. self[k] = AJS.$b(func, self);
  860. }
  861. }
  862. },
  863. _listenOnce: function(elm, type, fn) {
  864. var r_fn = function() {
  865. AJS.removeEventListener(elm, type, r_fn);
  866. fn(arguments);
  867. }
  868. return r_fn;
  869. },
  870. callLater: function(fn, interval) {
  871. var fn_no_send = function() {
  872. fn();
  873. };
  874. window.setTimeout(fn_no_send, interval);
  875. },
  876. preventDefault: function(e) {
  877. if(AJS.isIe())
  878. window.event.returnValue = false;
  879. else
  880. e.preventDefault();
  881. },
  882. ////
  883. // Drag and drop
  884. ////
  885. dragAble: function(elm, /*optional*/ handler, args) {
  886. if(!args)
  887. args = {};
  888. if(!AJS.isDefined(args['move_x']))
  889. args['move_x'] = true;
  890. if(!AJS.isDefined(args['move_y']))
  891. args['move_y'] = true;
  892. if(!AJS.isDefined(args['moveable']))
  893. args['moveable'] = false;
  894. if(!AJS.isDefined(args['hide_on_move']))
  895. args['hide_on_move'] = true;
  896. if(!AJS.isDefined(args['on_mouse_up']))
  897. args['on_mouse_up'] = null;
  898. if(!AJS.isDefined(args['cursor']))
  899. args['cursor'] = 'move';
  900. if(!AJS.isDefined(args['max_move']))
  901. args['max_move'] = {'top': null, 'left': null};
  902. elm = AJS.$(elm);
  903. if(!handler)
  904. handler = elm;
  905. handler = AJS.$(handler);
  906. var old_cursor = handler.style.cursor;
  907. handler.style.cursor = args['cursor'];
  908. elm.style.position = 'relative';
  909. AJS.addClass(handler, '_ajs_handler');
  910. handler._args = args;
  911. handler._elm = elm;
  912. AJS.AEV(handler, 'mousedown', AJS._dragStart);
  913. },
  914. _dragStart: function(e) {
  915. var handler = AJS.getEventElm(e);
  916. if(!AJS.hasClass(handler, '_ajs_handler')) {
  917. handler = AJS.getParentBytc(handler, null, '_ajs_handler');
  918. }
  919. if(handler)
  920. AJS._dragInit(e, handler._elm, handler._args);
  921. },
  922. dropZone: function(elm, args) {
  923. elm = AJS.$(elm);
  924. var item = {elm: elm};
  925. AJS.update(item, args);
  926. AJS._drop_zones.push(item);
  927. },
  928. removeDragAble: function(elm) {
  929. AJS.REV(elm, 'mousedown', AJS._dragStart);
  930. elm.style.cursor = '';
  931. },
  932. removeDropZone: function(elm) {
  933. var i = AJS.getIndex(elm, AJS._drop_zones, function(item) {
  934. if(item.elm == elm) return true;
  935. });
  936. if(i != -1) {
  937. AJS._drop_zones.splice(i, 1);
  938. }
  939. },
  940. _dragInit: function(e, click_elm, args) {
  941. AJS.drag_obj = new Object();
  942. AJS.drag_obj.args = args;
  943. AJS.drag_obj.click_elm = click_elm;
  944. AJS.drag_obj.mouse_pos = AJS.getMousePos(e);
  945. AJS.drag_obj.click_elm_pos = AJS.absolutePosition(click_elm);
  946. AJS.AEV(document, 'mousemove', AJS._dragMove, false, true);
  947. AJS.AEV(document, 'mouseup', AJS._dragStop, false, true);
  948. if (AJS.isIe())
  949. window.event.cancelBubble = true;
  950. AJS.preventDefault(e);
  951. },
  952. _initDragElm: function(elm) {
  953. if(AJS.drag_elm && AJS.drag_elm.style.display == 'none')
  954. AJS.removeElement(AJS.drag_elm);
  955. if(!AJS.drag_elm) {
  956. AJS.drag_elm = AJS.DIV();
  957. var d = AJS.drag_elm;
  958. AJS.insertBefore(d, AJS.getBody().firstChild);
  959. AJS.setHTML(d, elm.innerHTML);
  960. d.className = elm.className;
  961. d.style.cssText = elm.style.cssText;
  962. d.style.position = 'absolute';
  963. d.style.zIndex = 10000;
  964. var t = AJS.absolutePosition(elm);
  965. AJS.setTop(d, t.y);
  966. AJS.setLeft(d, t.x);
  967. if(AJS.drag_obj.args.on_init) {
  968. AJS.drag_obj.args.on_init(elm);
  969. }
  970. }
  971. },
  972. _dragMove: function(e) {
  973. var drag_obj = AJS.drag_obj;
  974. var click_elm = drag_obj.click_elm;
  975. AJS._initDragElm(click_elm);
  976. var drag_elm = AJS.drag_elm;
  977. if(drag_obj.args['hide_on_move'])
  978. click_elm.style.visibility = 'hidden';
  979. var cur_pos = AJS.getMousePos(e);
  980. var mouse_pos = drag_obj.mouse_pos;
  981. var click_elm_pos = drag_obj.click_elm_pos;
  982. AJS.map(AJS._drop_zones, function(d_z) {
  983. if(AJS.isOverlapping(d_z['elm'], drag_elm)) {
  984. if(d_z['elm'] != drag_elm) {
  985. var on_hover = d_z['on_hover'];
  986. if(on_hover)
  987. on_hover(d_z['elm'], click_elm, drag_elm);
  988. }
  989. }
  990. });
  991. if(drag_obj.args['on_drag'])
  992. drag_obj.args['on_drag'](click_elm, e);
  993. var max_move_top = drag_obj.args['max_move']['top'];
  994. var max_move_left = drag_obj.args['max_move']['left'];
  995. var p;
  996. if(drag_obj.args['move_x']) {
  997. p = cur_pos.x - (mouse_pos.x - click_elm_pos.x);
  998. if(max_move_left == null || max_move_left <= p)
  999. AJS.setLeft(elm, p);
  1000. }
  1001. if(drag_obj.args['move_y']) {
  1002. p = cur_pos.y - (mouse_pos.y - click_elm_pos.y);
  1003. if(max_move_top == null || max_move_top <= p)
  1004. AJS.setTop(elm, p);
  1005. }
  1006. if(AJS.isIe()) {
  1007. window.event.cancelBubble = true;
  1008. window.event.returnValue = false;
  1009. }
  1010. else
  1011. e.preventDefault();
  1012. },
  1013. _dragStop: function(e) {
  1014. var drag_obj = AJS.drag_obj;
  1015. var drag_elm = AJS.drag_elm;
  1016. var click_elm = drag_obj.click_elm;
  1017. AJS.REV(document, "mousemove", AJS._dragMove, true);
  1018. AJS.REV(document, "mouseup", AJS._dragStop, true);
  1019. var dropped = false;
  1020. AJS.map(AJS._drop_zones, function(d_z) {
  1021. if(AJS.isOverlapping(d_z['elm'], click_elm)) {
  1022. if(d_z['elm'] != click_elm) {
  1023. var on_drop = d_z['on_drop'];
  1024. if(on_drop) {
  1025. dropped = true;
  1026. on_drop(d_z['elm'], click_elm);
  1027. }
  1028. }
  1029. }
  1030. });
  1031. if(drag_obj.args['moveable']) {
  1032. var t = parseInt(click_elm.style.top) || 0;
  1033. var l = parseInt(click_elm.style.left) || 0;
  1034. var drag_elm_xy = AJS.absolutePosition(drag_elm);
  1035. var click_elm_xy = AJS.absolutePosition(click_elm);
  1036. AJS.setTop(click_elm, t + drag_elm_xy.y - click_elm_xy.y);
  1037. AJS.setLeft(click_elm, l + drag_elm_xy.x - click_elm_xy.x);
  1038. }
  1039. if(!dropped && drag_obj.args['on_mouse_up'])
  1040. drag_obj.args['on_mouse_up'](click_elm, e);
  1041. if(drag_obj.args['hide_on_move'])
  1042. drag_obj.click_elm.style.visibility = 'visible';
  1043. if(drag_obj.args.on_end) {
  1044. drag_obj.args.on_end(click_elm);
  1045. }
  1046. AJS._dragObj = null;
  1047. if(drag_elm)
  1048. AJS.hideElement(drag_elm);
  1049. AJS.drag_elm = null;
  1050. },
  1051. ////
  1052. // Misc.
  1053. ////
  1054. keys: function(obj) {
  1055. var rval = [];
  1056. for (var prop in obj) {
  1057. rval.push(prop);
  1058. }
  1059. return rval;
  1060. },
  1061. values: function(obj) {
  1062. var rval = [];
  1063. for (var prop in obj) {
  1064. rval.push(obj[prop]);
  1065. }
  1066. return rval;
  1067. },
  1068. urlencode: function(str) {
  1069. return encodeURIComponent(str.toString());
  1070. },
  1071. isDefined: function(o) {
  1072. return (o != "undefined" && o != null)
  1073. },
  1074. isArray: function(obj) {
  1075. return obj instanceof Array;
  1076. },
  1077. isString: function(obj) {
  1078. return (typeof obj == 'string');
  1079. },
  1080. isNumber: function(obj) {
  1081. return (typeof obj == 'number');
  1082. },
  1083. isObject: function(obj) {
  1084. return (typeof obj == 'object');
  1085. },
  1086. isFunction: function(obj) {
  1087. return (typeof obj == 'function');
  1088. },
  1089. isDict: function(o) {
  1090. var str_repr = String(o);
  1091. return str_repr.indexOf(" Object") != -1;
  1092. },
  1093. exportToGlobalScope: function() {
  1094. for(e in AJS)
  1095. eval(e + " = AJS." + e);
  1096. },
  1097. log: function(o) {
  1098. if(AJS.isMozilla())
  1099. console.log(o);
  1100. else {
  1101. var div = AJS.DIV({'style': 'color: green'});
  1102. AJS.ACN(AJS.getBody(), AJS.setHTML(div, ''+o));
  1103. }
  1104. }
  1105. }
  1106. AJS.Class = function(members) {
  1107. var fn = function() {
  1108. if(arguments[0] != 'no_init') {
  1109. return this.init.apply(this, arguments);
  1110. }
  1111. }
  1112. fn.prototype = members;
  1113. AJS.update(fn, AJS.Class.prototype);
  1114. return fn;
  1115. }
  1116. AJS.Class.prototype = {
  1117. extend: function(members) {
  1118. var parent = new this('no_init');
  1119. for(k in members) {
  1120. var prev = parent[k];
  1121. var cur = members[k];
  1122. if (prev && prev != cur && typeof cur == 'function') {
  1123. cur = this._parentize(cur, prev);
  1124. }
  1125. parent[k] = cur;
  1126. }
  1127. return new AJS.Class(parent);
  1128. },
  1129. implement: function(members) {
  1130. AJS.update(this.prototype, members);
  1131. },
  1132. _parentize: function(cur, prev) {
  1133. return function(){
  1134. this.parent = prev;
  1135. return cur.apply(this, arguments);
  1136. }
  1137. }
  1138. };
  1139. //Shortcuts
  1140. AJS.$ = AJS.getElement;
  1141. AJS.$$ = AJS.getElements;
  1142. AJS.$f = AJS.getFormElement;
  1143. AJS.$b = AJS.bind;
  1144. AJS.$p = AJS.partial;
  1145. AJS.$FA = AJS.forceArray;
  1146. AJS.$A = AJS.createArray;
  1147. AJS.DI = AJS.documentInsert;
  1148. AJS.ACN = AJS.appendChildNodes;
  1149. AJS.RCN = AJS.replaceChildNodes;
  1150. AJS.AEV = AJS.addEventListener;
  1151. AJS.REV = AJS.removeEventListener;
  1152. AJS.$bytc = AJS.getElementsByTagAndClassName;
  1153. AJSDeferred = function(req) {
  1154. this.callbacks = [];
  1155. this.errbacks = [];
  1156. this.req = req;
  1157. }
  1158. AJSDeferred.prototype = {
  1159. excCallbackSeq: function(req, list) {
  1160. var data = req.responseText;
  1161. while (list.length > 0) {
  1162. var fn = list.pop();
  1163. var new_data = fn(data, req);
  1164. if(new_data)
  1165. data = new_data;
  1166. }
  1167. },
  1168. callback: function () {
  1169. this.excCallbackSeq(this.req, this.callbacks);
  1170. },
  1171. errback: function() {
  1172. if(this.errbacks.length == 0)
  1173. alert("Error encountered:\n" + this.req.responseText);
  1174. this.excCallbackSeq(this.req, this.errbacks);
  1175. },
  1176. addErrback: function(fn) {
  1177. this.errbacks.unshift(fn);
  1178. },
  1179. addCallback: function(fn) {
  1180. this.callbacks.unshift(fn);
  1181. },
  1182. addCallbacks: function(fn1, fn2) {
  1183. this.addCallback(fn1);
  1184. this.addErrback(fn2);
  1185. },
  1186. sendReq: function(data) {
  1187. if(AJS.isObject(data)) {
  1188. this.req.send(AJS.queryArguments(data));
  1189. }
  1190. else if(AJS.isDefined(data))
  1191. this.req.send(data);
  1192. else {
  1193. this.req.send("");
  1194. }
  1195. }
  1196. };
  1197. //Prevent memory-leaks
  1198. AJS.addEventListener(window, 'unload', AJS._unloadListeners);
  1199. AJS._createDomShortcuts()
  1200. }
  1201. script_loaded = true;