PersistentFormdata

gibney.org : Technology : Javascript : Includes : PersistentFormdata : PersistentFormdata

See as: raw | code

terms of service | imprint

gibney.org
is powered by m1d1

PersistentFormdata (Entry Nr. 214, by user 39 \| edit)


/* www.gibney.org PersistentFormdata / // // / Script by Gibney-Enterprises include this script in a HTML-Page with a Form. Fill the form and press ctrl+shift+p to get a url for the current page with your values in input-fields and textareas */ ge_persistentFormdata_forms=Array(); function ge_persistentFormdata_KeyPress(e) { var code; if (!e) e = window.event; if (e.which) { code=e.which; } else { code=e.keyCode; } if (e.ctrlKey && e.shiftKey) { if(code==80) // 80=p as persistent { ge_persistentFormdata_MakePersistent() e.preventDefault(); } } } function isInArray(array, value) { for (var i=0; i<array.length; i++) if(array[i]==value) return true; return false; } function ge_persistentFormdata_MakePersistent() { var parameters=''; if(ge_persistentFormdata_forms.length==0) ge_persistentFormdata_forms=document.forms; for (var f=0; f<document.forms.length; f++) { var form=document.forms[f]; if(!isInArray(ge_persistentFormdata_forms, form)) continue; var elementcount=form.elements.length; for (var e=0; e<elementcount; e++) { if (form.elements[e].name=='') continue; if (parameters.length>0) parameters+='&'; // parameters+=form.elements[e].name; parameters+='gePF_'+f+'_'+e; parameters+='='; parameters+=encodeURIComponent(form.elements[e].value); } } window.location.hash=encodeURIComponent(parameters); } // 06.20.2010: // code to detect and read the legacy format using query-strings. // alerts the user, that an old URL was decoded and he should bookmark // the form again. // to be removed some day... function ge_persistentFormdata_LegacyCheck() { if (window.location.search.length>0) { var parameters=window.location.search.substr(1).split('&'); for (var p=0; p<parameters.length; p++) { if (parameters[p].substr(0,5)=='gePF_') return true; } } return false; } function ge_persistentFormdata_RestoreLegacy() { if (window.location.search.length>0) { parameters=window.location.search.substr(1).split('&'); parametercount=parameters.length; for (var p=0; p<parametercount; p++) { var temp=parameters[p].split('='); if (temp[0].substr(0,5)!='gePF_') continue; // this i not a persistentForm-Field var name=temp[0]; var value=unescape(temp[1]); temp=name.split('_'); document.forms[temp[1]].elements[temp[2]].value=value; } } } function ge_persistentFormdata_Restore() { if(ge_persistentFormdata_LegacyCheck()) { ge_persistentFormdata_RestoreLegacy(); ge_persistentFormdata_MakePersistent(); alert('This URL contains an outdated persistentformdata-Format. Please remove the old query string from the URL and bookmark this page again, then remove the old bookmark.'); } if (window.location.hash.length>0) { var parameters=window.location.hash .substr(1) // remove # .replace(/%s/g,'%25s'); // validate hash if Firefox placeholder %s is used if(parameters.indexOf("=")==-1) // false if hash is already decoded (FF does so) parameters=decodeURIComponent(parameters); parameters=parameters.split('&'); // split to single parameters var parametercount=parameters.length; for (var p=0; p<parametercount; p++) { var temp=parameters[p].split('='); if (temp[0].substr(0,5)!='gePF_') continue; // this i not a persistentForm-Field var name=temp[0]; var value=decodeURIComponent(temp[1]); temp=name.split('_'); document.forms[temp[1]].elements[temp[2]].value=value; } } } document.addEventListener('keydown' ,ge_persistentFormdata_KeyPress,false); window .addEventListener('load' ,ge_persistentFormdata_Restore ,false); window .addEventListener('hashchange',ge_persistentFormdata_Restore ,false); // </td></tr> <tr><td height="1" class="TdSeperatorLine" colspan="2"></td></tr> <tr><td colspan=2> <a href="./go/authors/entry_create.php?pstParentCatId=214&pstAction=Edit&pstTitle=new+entry"> <b>Create a new entry at this position</b> </a> </td></tr> <tr><td height="1" class="TdSeperatorLine" colspan="2"></td></tr> </table> </td></tr> </table> </td></tr> </table> </body></html>