0

ユーザーが（テキストフォームに入力して）進行状況を決定するjQueryプログレスバーを実装しようとしていますが、ユーザーがページを離れてから戻ってきた場合、プログレスバーは0に戻りません。それは、彼らが以前から中断した場所です。彼らの進行状況を保存する方法を見つけようとしています....

<form method="post" action="">
  <input id="first-value" type="text" name="first" value="" /><br />
  <input type="text" name="second" value="" />         
</form> 

<script>
 $(function() {
  $( "#progressbar" ).progressbar({
    value: 0  //set to zero for now, but want it to change permanently when user    
             // inputs data
      });
});
</script>

<script>
   $('input').change(function(){
    var new_amount = 0
    $('input').each(function() {

      if($(this).val() == "50") {
             new_amount += 5;   //5 Percent
      }
      if($(this).val() == "100") {
             new_amount += 10;  //10 Percent
       }
     }
   );

$("#progressbar").progressbar('value',new_amount);

});
</script>

ユーザーが入力した値 (つまり、100、30、80 など) を取得し、それらを合計して、その量をプログレスバーの値にしますが、ブラウザーを閉じて来たとしても、その値を維持したいと考えています。再びそのページに戻ります。

4

1 に答える 1

0

一般に、Cookie は、同じサイト内のページ/更新/戻る/進むなどにまたがってその情報を保存する効果的な方法です。ただし、慎重に使用する必要があり、JavaScript コードの問題によりサイトが Cookie を「キャッシュ」しているように見える場合には注意する必要があります。

それらが何であるか、およびそれらの使用方法の完全な概要については、W3c を参照してください。

http://www.w3schools.com/js/js_cookies.asp

より魅力的な場合は、セッション サーバー側を保存することもできます。その場合は、使用しているサーバー サイド テクノロジをお知らせください。(.NET、PHP、Java、Node.jsなど)

于 2013-01-28T22:01:06.470 に答える