X-Git-Url: https://dev.renevier.net/?a=blobdiff_plain;f=public%2Fjs%2Futils.js;h=dfc1a3d76952e960e706653b6a94dfdfa9c616d4;hb=db98e1f62272cff0b425133aa3b909c5cfa6183d;hp=f5817d491a2087f3198089e5dad1d0d77bc87a18;hpb=ce001229accb2aff799560eec402344f0dbb1762;p=syj.git diff --git a/public/js/utils.js b/public/js/utils.js index f5817d4..dfc1a3d 100644 --- a/public/js/utils.js +++ b/public/js/utils.js @@ -10,22 +10,60 @@ var CloseBtn = Class.create({ return; } + if (typeof options !== "object") { + options = {}; + } + style = Object.extend({ float: "right", margin: "2px", fontWeight: "bold", padding: "0px" - }, typeof options === "object" ? options.style: {}); + }, options.style); - imgsrc = (options && options.closeBtnSrc) || "icons/close.png"; + imgsrc = (options.closeBtnSrc) || "icons/close.png"; btn = new Element("input", { type: "image", src: imgsrc, alt: "X"}).setStyle(style); elt.insert({top: btn}); btn.observe("click", function(evt) { + evt.stop(); + if (typeof options.callback === "function") { + options.callback.call(elt); + } elt.hide(); }); } }); +var Toggler = Class.create({ + initialize: function(target, options) { + options = Object.extend({}, options); + target = $(target).hide(); + + var openIcn = options.openIcn || 'icons/bullet_arrow_right.png', + closeIcn = options.closeIcn || 'icons/bullet_arrow_down.png'; + + this.element = new Element("img", { src: openIcn }) + .setStyle({ border: 'none', // in firefox, in image inside an anchor has a border + verticalAlign: "middle"}); + + this.element.observe('click', function(evt) { + if (target.visible()) { + evt.target.src = openIcn; + target.hide(); + } else { + evt.target.src = closeIcn; + target.show(); + } + evt.stop(); + }); + + if (options.initialShow) { + target.show(); + this.element.src = closeIcn; + } + } +}); + var Deck = Class.create({ initialize: function(elt, options) { this.element = $(elt); @@ -115,12 +153,12 @@ Ajax.TimedRequest = Class.create(Ajax.Request, { }, request: function($super, url) { - this.timeout = (function() { + this.timeout = function() { if (this.options.onFailure) { this.options.onFailure(null); } this.abort(); - }).bind(this).delay(this.delay); + }.bind(this).delay(this.delay); $super(url); } }); @@ -178,15 +216,41 @@ Element.addMethods('form', { reqoptions.method = this.method; } + if (reqoptions.onFailure) { + reqoptions.onFailure = reqoptions.onFailure.wrap(function(proceed, transport, json) { + form.enable(); + proceed(transport, json); + }); + } else { + reqoptions.onFailure = function() { + form.enable(); + }; + } + + if (reqoptions.onSuccess) { + reqoptions.onSuccess = reqoptions.onSuccess.wrap(function(proceed, transport, json) { + form.enable(); + proceed(transport, json); + }); + } else { + reqoptions.onSuccess = function() { + form.enable(); + }; + } + new Ajax.TimedRequest(action, options.delay || 20, reqoptions); if (Object.isFunction(options.postsubmit)) { options.postsubmit(this); } + Form.getElements(form).each(function(elt) { + elt.blur(); + elt.disable(); + }); }); }, - focus: function(form) { + setfocus: function(form) { var tofocus, error; tofocus = null; @@ -307,9 +371,13 @@ Element.addMethods('div', { addMessage: function(div, message) { var node = (div.ownerDocument || document).createTextNode(message); - if (!div.empty()) { + + if ($A(div.childNodes).filter(function(node) { + return (node.nodeType === 3 || node.tagName.toLowerCase() === 'br'); + }).length) { div.insert(new Element('br')); } + div.appendChild(node); return div.show(); },