X-Git-Url: https://svn.cri.ensmp.fr/git/Plinn.git/blobdiff_plain/292a91bf78532d43a81bc528307ded8c6733d130..cd19d4b7c2523b587f00e41b9401aec71166691d:/skins/ajax_scripts/ajax_form_manager.js diff --git a/skins/ajax_scripts/ajax_form_manager.js b/skins/ajax_scripts/ajax_form_manager.js index bdea518..acca796 100644 --- a/skins/ajax_scripts/ajax_form_manager.js +++ b/skins/ajax_scripts/ajax_form_manager.js @@ -1,4 +1,4 @@ -// (c) Benoît PIN 2006-2007 +// (c) Benoît PIN 2006-2014 // http://plinn.org // Licence GPL // @@ -8,16 +8,16 @@ var FormManager; (function(){ -FormManager = function(form, responseTextDest, lazy) { +FormManager = function(form, responseTextDest, lazy, noHistory) { if (form.elements.namedItem("noAjax")) {return;} this.form = form; this.responseTextDest = responseTextDest; this.lazy = lazy; + this.noHistory = noHistory; var thisManager = this; this.form.onsubmit = function(evt) { thisManager.submit(evt); }; this.form.onclick = function(evt) { thisManager.click(evt); }; - this.submitButton = null; /* raised on form submit */ this.onBeforeSubmit = null; @@ -55,6 +55,7 @@ FormManager.prototype.submit = function(evt) { if (onBeforeSubmit.length) { onBeforeSubmit = onBeforeSubmit[0]; } + /*jslint evil: true */ this.onBeforeSubmit = eval(onBeforeSubmit.value); bsMessage = this.onBeforeSubmit(thisManager, evt); } @@ -99,7 +100,7 @@ FormManager.prototype.submit = function(evt) { query += submitButton.name + '=' + submitButton.value + '&'; } - if (window.AJAX_CONFIG && (AJAX_CONFIG & 1 === 1)) { + if (window.AJAX_CONFIG && ((AJAX_CONFIG & 1) === 1)) { if (form.method.toLowerCase() === 'post') { this._post(query); } @@ -175,10 +176,10 @@ FormManager.prototype.replaceElementByField = function(evt) { var tabIndex = ob.tabIndex; var text; if (ob.firstChild && ob.firstChild.className === 'hidden_value') { - text = ob.firstChild.innerHTML; + text = ob.firstChild.innerHTML; } else { - text = ob.innerHTML; + text = ob.innerHTML; } disablePropagation(evt); var parent; @@ -391,19 +392,30 @@ FormManager.prototype.loadResponse = function(req) { return; } var fragments = req.responseXML.documentElement.childNodes; - var fragment, dest; - var i; - for (i=0 ; i 0) { + headBase[0].setAttribute('href', element.getAttribute('href')); + } + else { + headBase = document.createElement('base'); + headBase.setAttribute('href', element.getAttribute('href')); + document.head.appendChild(headBase); + } + break; } } break; @@ -422,21 +434,19 @@ FormManager.prototype.loadResponse = function(req) { } var onAfterPopulate = this.onAfterPopulate; - if (typeof(onAfterPopulate) === "string") { - if (window.console) { - console.warn('Deprecation WARNING onAfterPopulate: ' + onAfterPopulate); - } - onAfterPopulate = eval(onAfterPopulate); - } onAfterPopulate(); this.scrollToPortalMessage(); + var url = this.form.action; + if (!this.noHistory){ history.pushState(url, document.title, url); } }; FormManager.prototype.scrollToPortalMessage = function() { var psm = document.getElementById('DesktopStatusBar'); - var msgOffset = psm.offsetTop; - smoothScroll(window.scrollY, msgOffset); - shake(psm, 10, 1000); + if (psm) { + var msgOffset = psm.offsetTop; + smoothScroll(window.scrollY, msgOffset); + shake(psm, 10, 1000); + } }; FormManager.prototype._fitField = function(evt) { @@ -478,49 +488,49 @@ function smoothScroll(from, to) { window.clearInterval(intervalId); window.scroll(0, to); } - } + }; intervalId = window.setInterval(jump, 10); } /* adapted from http://xahlee.info/js/js_shake_box.html */ function shake(e, distance, time) { - // Handle arguments - if (!time) time = 500; - if (!distance) distance = 5; - - // Save the original style of e, Make e relatively positioned, Note the animation start time, Start the animation - var originalStyle = e.style.cssText; - e.style.position = "relative"; - var start = (new Date()).getTime(); - animate(); - - // This function checks the elapsed time and updates the position of e. - // If the animation is complete, it restores e to its original state. - // Otherwise, it updates e's position and schedules itself to run again. - function animate() { - var now = (new Date()).getTime(); - // Get current time - var elapsed = now-start; - // How long since we started - var fraction = elapsed/time; - // What fraction of total time? - if (fraction < 1) { - // If the animation is not yet complete - // Compute the x position of e as a function of animation - // completion fraction. We use a sinusoidal function, and multiply - // the completion fraction by 4pi, so that it shakes back and - // forth twice. - var x = distance * Math.sin(fraction*8*Math.PI); - e.style.left = x + "px"; - // Try to run again in 25ms or at the end of the total time. - // We're aiming for a smooth 40 frames/second animation. - setTimeout(animate, Math.min(25, time-elapsed)); - } - else { - // Otherwise, the animation is complete - e.style.cssText = originalStyle // Restore the original style - } - } + // Handle arguments + if (!time) { time = 500; } + if (!distance) { distance = 5; } + + // Save the original style of e, Make e relatively positioned, Note the animation start time, Start the animation + var originalStyle = e.style.cssText; + e.style.position = "relative"; + var start = (new Date()).getTime(); + + // This function checks the elapsed time and updates the position of e. + // If the animation is complete, it restores e to its original state. + // Otherwise, it updates e's position and schedules itself to run again. + function animate() { + var now = (new Date()).getTime(); + // Get current time + var elapsed = now-start; + // How long since we started + var fraction = elapsed/time; + // What fraction of total time? + if (fraction < 1) { + // If the animation is not yet complete + // Compute the x position of e as a function of animation + // completion fraction. We use a sinusoidal function, and multiply + // the completion fraction by 4pi, so that it shakes back and + // forth twice. + var x = distance * Math.sin(fraction*8*Math.PI); + e.style.left = x + "px"; + // Try to run again in 25ms or at the end of the total time. + // We're aiming for a smooth 40 frames/second animation. + setTimeout(animate, Math.min(25, time-elapsed)); + } + else { + // Otherwise, the animation is complete + e.style.cssText = originalStyle; // Restore the original style + } + } + animate(); } }());