--- /dev/null
+// © Benoît PIN 2006-2008
+// http://plinn.org
+// Licence GPL
+//
+//
+// GrowableTable: functions to edit quickly table form entries.
+
+function GrowableTable(tbody, fieldsDescription, submitExtName, skipFormManagerInit) {
+ this.fieldsDescription = fieldsDescription;
+ this.tbody = tbody;
+ this.length = tbody.getElementsByTagName('tr').length;
+ this.submitExtName = submitExtName;
+
+ var form = this.tbody.parentNode;
+ while (form.tagName != 'FORM')
+ form = form.parentNode;
+
+ var thisManager = this;
+
+ if (!skipFormManagerInit) {
+ var formManager = new FormManager(form);
+ formManager.onBeforeSubmit = function(m, e){return thisManager.onBeforeSubmit(m, e)};
+ formManager.onResponseLoad = function(req){thisManager.loadResponse(req);};
+ }
+
+ addListener(this.tbody.parentNode, 'click', function(evt){thisManager.tbodyClick(evt);});
+
+ var addButton;
+ var links = tbody.parentNode.getElementsByTagName('a');
+ for (var i=0 ; i<links.length ; i++) {
+ addButton = links[i];
+ if (addButton.name == 'addrow')
+ break;
+ }
+ this.addButton = addButton;
+ this.submittedRow = null;
+ this.editedRowInitialValues = null;
+
+
+}
+
+GrowableTable.prototype.tbodyClick = function(evt) {
+ var ob = getTargetedObject(evt);
+ if (ob.tagName == 'IMG') {
+ disablePropagation(evt);
+ disableDefault(evt);
+
+ var link = ob.parentNode;
+ var name = link.getAttribute('name');
+
+ if (name == 'addrow')
+ this.addRow();
+ else if (name)
+ this.removeRow(ob, name);
+ }
+ else {
+ while (ob.tagName != 'TBODY') {
+ if (ob.tagName == 'SPAN')
+ break;
+ else
+ ob = ob.parentNode;
+ }
+
+ if (ob.tagName == 'SPAN') {
+ disablePropagation(evt);
+ disableDefault(evt);
+ this.replaceRowByFields(ob);
+ }
+ }
+};
+
+GrowableTable.prototype.replaceRowByFields = function(ob) {
+ if (this.editedRowInitialValues)
+ return;
+ this.addButton.className = 'hidden';
+ var tr = ob;
+ while (tr.tagName != 'TR')
+ tr = tr.parentNode;
+
+ var span, cell, input, elementName, text;
+ var cells = tr.getElementsByTagName('td');
+ elementName = cells[0].getElementsByTagName('a')[0].getAttribute('name');
+
+ this.editedRowInitialValues = new Array();
+
+ for (var i=1; i < cells.length ; i++) {
+ cell = cells[i];
+ span = cell.getElementsByTagName('span')[0];
+ this.editedRowInitialValues[i-1] = span.innerHTML;
+
+ if (span.firstChild && span.firstChild.className == 'hidden_value')
+ text = span.firstChild.innerHTML;
+ else
+ text = span.innerHTML;
+
+ input = document.createElement('input');
+ with(input) {
+ type='text';
+ name=this.fieldsDescription[i-1][0];
+ size=this.fieldsDescription[i-1][1];
+ value=text;
+ }
+ cell.replaceChild(input, span);
+
+ if (i == cells.length - 1) {
+ var hiddenNameInput = document.createElement('input');
+ with (hiddenNameInput){
+ type='hidden';
+ name='row_edit' + this.submitExtName;
+ value=elementName;
+ }
+
+ var validButton = document.createElement('input');
+ with (validButton) {type = 'image'; name = 'row_edit_valid'; src = portal_url() + '/validate.gif'; alt = 'Validate'; height='16'; width='16'}
+
+ var cancelButton = document.createElement('input');
+ with (cancelButton) {type = 'image'; name = 'row_edit_cancel'; src = portal_url() + '/cancel.gif'; alt = 'Cancel';}
+
+ cell.appendChild(hiddenNameInput)
+ cell.appendChild(validButton);
+ cell.appendChild(cancelButton);
+ }
+ }
+ return tr;
+};
+
+GrowableTable.prototype.cancelEditRow = function(ob) {
+ var tr = ob;
+ while(tr.tagName != 'TR')
+ tr = tr.parentNode;
+
+ var cells = tr.getElementsByTagName('td');
+ var td, span, text;
+ for (var i=1 ; i < cells.length ; i++) {
+ td = cells[i];
+ while (td.firstChild)
+ td.removeChild(td.firstChild);
+
+ span = document.createElement('span');
+ td.appendChild(span);
+ span.innerHTML = this.editedRowInitialValues[i-1];
+ }
+
+ this.editedRowInitialValues = null;
+ this.addButton.className = '';
+}
+
+GrowableTable.prototype.onBeforeSubmit = function(m, evt) {
+ var target = getTargetedObject(evt);
+ var submitElement, form;
+
+ switch (target.tagName) {
+ case 'INPUT' :
+ submitElement = target;
+ form = target.form;
+ break;
+ case 'FORM' :
+ submitElement = m.submitButton;
+ form = target;
+ break;
+ }
+
+ switch(submitElement.name) {
+ case 'row_cancel':
+ this.cancelRow(submitElement);
+ break;
+ case 'row_edit_cancel':
+ this.cancelEditRow(submitElement);
+ return 'cancelSubmit';
+ break;
+ default :
+ var submittedRow = submitElement;
+ while(submittedRow.tagName != 'TR')
+ submittedRow = submittedRow.parentNode;
+ this.submittedRow = submittedRow;
+ return;
+ break;
+ }
+
+ return 'cancelSubmit';
+}
+
+GrowableTable.prototype.loadResponse = function(req) {
+ var doc = req.responseXML.documentElement;
+ switch (doc.nodeName) {
+ case 'computedField':
+ var copy = getCopyOfNode(doc.firstChild);
+ this.tbody.replaceChild(copy, this.submittedRow);
+ this.addButton.className = '';
+ this.submittedRow = null;
+ this.editedRowInitialValues = null;
+ break;
+ case 'error':
+ alert(doc.firstChild.nodeValue);
+ break;
+ }
+}
+
+GrowableTable.prototype.addRow = function(evt) {
+ var fieldDescription, input, fieldName, fieldSize;
+ var firstField;
+ var tr = document.createElement('tr');
+ var td = document.createElement('td');
+ var hiddenInputAddRowFlag = document.createElement('input');
+ with (hiddenInputAddRowFlag){
+ type='hidden';
+ name='row_add' + this.submitExtName;
+ value='add';
+ }
+ td.appendChild(hiddenInputAddRowFlag);
+ tr.appendChild(td);
+
+ for (var i=0 ; i < this.fieldsDescription.length ; i++) {
+ fieldDescription = this.fieldsDescription[i];
+ fieldName = fieldDescription[0];
+ fieldSize = fieldDescription[1];
+
+ td = document.createElement('td');
+ input = document.createElement('input')
+ with(input){type='text'; name=fieldName; size=fieldSize; }
+ td.appendChild(input);
+ tr.appendChild(td);
+ if (i == 0)
+ firstField = input;
+ if (i == this.fieldsDescription.length -1) {
+ var validButton = document.createElement('input');
+ with (validButton) {type = 'image'; name = 'row_valid'; src = portal_url() + '/validate.gif'; alt = 'Validate'; height='16'; width='16'}
+
+ var cancelButton = document.createElement('input');
+ with (cancelButton) {type = 'image'; name = 'row_cancel'; src = portal_url() + '/cancel.gif'; alt = 'Cancel';}
+
+ td.appendChild(validButton);
+ td.appendChild(cancelButton);
+ }
+ }
+
+ this.tbody.appendChild(tr);
+ this.length += 1;
+ firstField.focus();
+ this.addButton.className = 'hidden';
+ return tr;
+};
+
+GrowableTable.prototype.removeRow = function(ob, name) {
+ var tr = ob;
+ while (tr.tagName != 'TR')
+ tr = tr.parentNode;
+
+ var form = tr;
+ while (form.tagName != 'FORM')
+ form = form.parentNode;
+
+ var req = new XMLHttpRequest();
+ var thisManager = this;
+ req.onreadystatechange = function() {
+ switch (req.readyState) {
+ case 1 :
+ showProgressImage();
+ break;
+ case 4 :
+ hideProgressImage();
+ if (req.status == '200') {
+ if (req.responseXML.documentElement.tagName == 'done')
+ thisManager.tbody.removeChild(tr);
+ thisManager.onAfterRemove(name);
+ }
+ else
+ alert('Error: ' + req.status);
+ }
+ };
+
+ var url = form.action;
+ req.open("POST", url, true);
+ req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
+ req.send('name=' + name + '&rm=rm');
+}
+
+GrowableTable.prototype.onAfterRemove = function(name) { }
+
+GrowableTable.prototype.cancelRow = function(element) {
+ /* element must be on the "descendant-or-self" axis of the row to remove */
+ while (element.tagName != 'TR')
+ element = element.parentNode;
+ this.tbody.removeChild(element);
+ this.addButton.className= undefined;
+}
+
+
+/*
+* http://www.sitepoint.com/blogs/2006/01/17/javascript-inheritance/
+*/
+
+// déplacé dans javascript_events_api.js
+
+// function copyPrototype(descendant, parent) {
+// var sConstructor = parent.toString();
+// var aMatch = sConstructor.match( /\s*function (.*)\(/ );
+// if ( aMatch != null ) { descendant.prototype[aMatch[1]] = parent; }
+// for (var m in parent.prototype) {
+// descendant.prototype[m] = parent.prototype[m];
+// }
+// }
projects / Plinn.git / blobdiff