-1

私のウェブサイトでは、フォームからユーザー入力を取得し、それをクエリ プラグインに追加して画面に出力します。ユーザーの入力を取得するのはいいことですが、ページを更新するとすぐに、すべての入力が失われてリセットされます。ユーザー入力を保存して、ページが更新されてもデータが永久に保持されるようにするにはどうすればよいですか? 私のコードを使って見せてもらえますか?

<html>
 <head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="textualizer.min.js"></script>
</head>

<style type="text/css">

#txtlzr{color:#585856; font-size:50px; width:1200px; height:100px;
margin-left:10%;
margin-top:80px;
font-family:"futura";
position: fixed;
}
 </style>

<body>

   <div id="txtlzr"></div>
    <form action="#" method="post"/>
      <fieldset>
       <label for="kwote">Comment:</label>
       <input class="kwote" type="text" maxlength="40" id="kwote"
         placeholder="Enter a something here."/>
       <lable for="name">Name:</label>
       <input class="name" type="text" maxlength="17" id="name"
         placeholder="Enter your name."/>
       <input class="post" type="button" value="Add comment"
         onclick="add_comment();" />
     </fieldset>
   </form>


 <script language="javascript">
    var COMMENTS_FOR_DISPLAY = new Array('Thanks for the help: nick');

    // Adds a new comment, name pair to the Array feeding textualizer.
    function add_comment() {
      // Retrieve values and add them to Array.
      var new_comment = $('#kwote').val();
      COMMENTS_FOR_DISPLAY.push(new_comment + ': ' + new_name);

      // Reset <input> fields.
      $('#kwote').val('');
      $('#name').val('');
    }

    $(document).ready(function() {
      var txt = $('#txtlzr');  // The container in which to render the list

       var options = {
        rearrangeDuration: 5, // Time a character takes to reach its position
        effect: 'random',     // Animation effect the characters use to appear
        centered: true        // Centers the text relative to its container
  }

  txt.textualizer(COMMENTS_FOR_DISPLAY); // textualize it!
  txt.textualizer('start'); // start
});
</script>
  </body>
</html>
 </html>

入力を手伝ってくれた chris btw に感謝します。

4

1 に答える 1

2

ページ上のコード以外にも、多くの機能があります。他のことを行う前に、サーバー側の言語とデータベース サーバーへの書き込みアクセスが必要です。

言語とプラットフォームを選択していない場合は、Flask チュートリアルまたはDjango チュートリアルを参照してください。どちらもサーバーをセットアップする必要がありますが、ファイルベースのデータベース システムである SQLite を使用するため、データベース サーバーの設定にまだ対処する必要はありません。

于 2012-04-16T22:01:04.790 に答える