Intercooler (+ JQuery)
Intercooler is very simple to use if you have any web development experience. Anyone reading this should be familiar with anchor tags in HTML:
Additionally, this makes intercooler a great tool for adding AJAX incrementally to an existing web app: there is no need for a huge rewrite, you can just start using it in the high value parts of your app quickly and simply.
Drag & Drop Form builder with JQuery
jQuery formBuilder: http://kevinchappell.github.io/formBuilder/
jQuery formBuilder is a 100% client-side plugin that gives users the power to create forms using an intuitive drag and drop interface. FormBuilder supports a number of form fields and some html tags.
Storing HTML Form data locally
<script type=”text/javascript”>
$(document).ready(function() {
var formElements = {};
var current_siteurl = window.location.href;
//console.log( ‘current_siteurl: ‘+ current_siteurl);
//WRITE
$(“form :input”).each(function(){
var input = $(this);
// console.log( input.attr(‘name’));
$(“textarea[name='”+input.attr(‘name’)+”‘]”).keyup(function() {
// console.log(‘click:’+ $(“textarea[name='”+input.attr(‘name’)+”‘]”).val());
formElements[input.attr(‘name’)] = $(“textarea[name='”+input.attr(‘name’)+”‘]”).val();
formElements_str = JSON.stringify(formElements);
// A süti neve az aktuális oldal neve, egyedi azonosító
Cookies.set(current_siteurl, formElements_str , { expires: 3 });
});
});
//READ
$(“#show_saved_btn”).click(function() {
formPack_str = Cookies.get(current_siteurl);
//console.log( ‘suti: ‘+ formPack_str);
if(formPack_str){
formPack = JSON.parse(formPack_str);
for (var k in formPack ){
if (formPack.hasOwnProperty(k)) {
$(“textarea[name='”+k+”‘]”).val(formPack[k]);
}
}
}
});
});
</script>
Autosave form content to Local Storage, a cookie if LS is not available, as changes are made realtime in forms
https://github.com/BenGriffiths/jquery-save-as-you-type
The jQuery.autosave plugin automatically and unobtrusively saves form data based on a set of critera. : https://github.com/nervetattoo/jquery-autosave
Guide to have Persistent Form data using jQuery: http://time2hack.com/2013/09/guide-to-have-persistent-form-data-using-jquery.html
The idea is to store the form data in the cookies and refill tht data if the form is called once again. And if the for submission goes successful; we will just clear the cookies.
JQuery Cookie Lib: https://github.com/js-cookie/js-cookie
Get content of an iframe
same domain:
https://www.youtube.com/watch?v=C-N9iO0RoVs
jQuery.getJSON(): http://api.jquery.com/jquery.getjson/