From 92aaf3a89a032bcdefc19db1c159d6db8548b4cd Mon Sep 17 00:00:00 2001 From: Eriksen Costa Date: Sun, 19 Dec 2010 01:32:53 -0200 Subject: [PATCH] Adicionados novos métodos no objeto JavaScript {{{ied_forms}}}: --- ieducar/intranet/scripts/ied/forms.js | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 75 insertions(+), 3 deletions(-) diff --git a/ieducar/intranet/scripts/ied/forms.js b/ieducar/intranet/scripts/ied/forms.js index 6ca4a6e..367382c 100644 --- a/ieducar/intranet/scripts/ied/forms.js +++ b/ieducar/intranet/scripts/ied/forms.js @@ -40,6 +40,7 @@ var ied_forms = new function() { * @param document docObj * @param string formId * @param string fieldsName + * @see ied_forms.getElementsByName */ this.checkAll = function(docObj, formId, fieldsName) { if (checker === 0) { @@ -48,14 +49,85 @@ var ied_forms = new function() { checker = 0; } + var elements = ied_forms.getElementsByName(docObj, formId, fieldsName); + for (e in elements) { + elements[e].checked = checker == 1 ? true : false; + } + }; + + /** + * Faz um bind de eventos para um elemento HTML. Baseia-se nos métodos de + * eventos W3C e clássico. O método do Internet Explorer (attachEvent) é + * ignorado pois passa os argumentos das funções anônimas com cópia e sim + * por referência, fazendo com que as variáveis this referenciem o objeto + * window global. + * + * Para registrar diversas funções como listener ao evento, crie uma função + * anônima: + * + * + * window.load = function() { + * var events = function() { + * function1(params); + * function2(params); + * functionN(params); + * } + * new ied_forms.bind(document, 'formId', 'myRadios', 'click', events); + * } + * + * + * @param document docObj + * @param string formId + * @param string fieldsName + * @param string eventType O tipo de evento para registrar o evento + * (listener), sem a parte 'on' do nome. Exemplos: click, focus, mouseout. + * @param string eventFunction Uma função listener para o evento. Para + * registrar várias funções, crie uma função anônima. + * @see ied_forms.getElementsByName + * @link http://www.quirksmode.org/js/events_advanced.html Advanced event registration models + * @link http://www.quirksmode.org/js/events_tradmod.html Traditional event registration model + * @link http://javascript.about.com/library/bldom21.htm Cross Browser Event Processing + * @link http://www.w3schools.com/jsref/dom_obj_event.asp Event Handlers + */ + this.bind = function(docObj, formId, fieldsName, eventType, eventFunction) { + var elements = ied_forms.getElementsByName(docObj, formId, fieldsName); + + for (e in elements) { + if (elements[e].addEventListener) { + elements[e].addEventListener(eventType, eventFunction, false); + } + else { + // Usa o modo tradicional de registro de eventos ao invés do método + // nativo do Internet Explorer (attachEvent). + elements[e]['on' + eventType] = eventFunction; + } + } + }; + + /** + * Retorna objetos de um formulário ao qual o nome (atributo name) seja + * equivalente ao argumento fieldsName. Esse argumento aceita expressões + * regulares, o que o torna mais flexível para atribuir eventos ou atributos + * a múltiplos elementos da árvore DOM. + * + * @param document docObj Um objeto document, geralmente o objeto global document. + * @param string formId O atributo "id" do formulário. + * @param string fieldsName O nome do elemento de formulário ou uma string Regex. + * @return Array Um array com os elementos encontrados. + */ + this.getElementsByName = function(docObj, formId, fieldsName) { var regex = new RegExp(fieldsName); - var form = docObj.getElementById(formId); + var form = docObj.getElementById(formId); + var matches = []; + var matchId = 0; for (var i = 0; i < form.elements.length; i++) { var elementName = form.elements[i].name; if (null !== elementName.match(regex)) { - form.elements[i].checked = checker == 1 ? true : false; + matches[matchId++] = form.elements[i]; } } + + return matches; }; -}; \ No newline at end of file +}; -- libgit2 0.21.2