2011-08-08 4 views
3

저장 버튼이있는 양식이 있지만 사용자가 양식을 작성하기 위해 언제든지 양식에 다시 돌아올 수 있기를 바랍니다. 알고 싶습니다. 저장 버튼을 무시할 수있는 경우 사용자가 페이지에서 벗어나 브라우저를 닫으면 양식이 자동으로 저장되어 다음 번에 다시 시작됩니다.페이지에 자동 저장/제출/브라우저 닫기/종료

이것을 구현하는 가장 좋은 방법은 무엇입니까? 어떤 도움을 주셔서 감사합니다, 그 많은 감사하겠습니다.

일부 자바 스크립트 예제를 보았지만 크로스 브라우저 지원과 관련된 문제가있었습니다.

+1

'저장'은 무엇을합니까? 서버로 보내거나 쿠키/localStorage에 저장 하시겠습니까? – pimvdb

+0

마법의 단어는'onclose'와'ajax'입니다. –

+0

@pimvdb : 저장 버튼은 mysql db에 저장하는 PHP로 폼을 제출합니다. – Codded

답변

0

jQuery 플러그인은 자동 저장 기능을위한 치료를 작동합니다. 여기 http://plugins.jquery.com/project/jquery-autosave

더 많은 정보는 :

<script type="text/javascript" src="scripts/jquery.autosave.js"></script> 
    $('form.formnamehere').autosave({ 
     'interval': 20000 
    }); 

자동 페이지 새로 고침없이 양식을 제출 : http://rikrikrik.com/jquery/autosave/#examples

는 플러그인을 포함한다.

양식을 1 초마다 저장하도록 내 간격을 1 초 (1000)로 설정했습니다. 따라서 사용자가 편집 후 양식을 종료하면 자동 저장됩니다.

2

는이 같은 언로드에 AJAX를 전화를 사용할 수 있습니다

window.onunload = myfunc(); 

function myfunc() { 
    alert("i am closing now"); 
    // Your AJAX Call that saves your data (e.g. all input fields) 
} 
+0

고마워, 난 그냥이 시도했지만 페이지에서로드 할 때 페이지에서 이동하는 것보다는 오히려 작동하는 것으로 보인다. – Codded

+0

대신 window.onload를 사용하지 않았습니까? :) – Zeemee

+0

위 코드를 복사하여 붙여 넣기 만하면됩니다. window.onunload = function() { document.checklist.submit(); } 좋은 결과를 얻은 것으로 보입니다. 다른 곳을 탐색 할 때와 별도로 양식을 제출하고 저장하지만 다른 링크를 클릭하더라도 양식이있는 페이지로 돌아갑니다. – Codded

관련 문제