私は主にホームページの開発に集中しているため、この問題を開始するのに苦労しています。
サインアップフォームの進行状況インジケーターを表示して、フォームが完成に近づくと明らかに進行状況を表示することが望まれますが、入力用のフィールドが6つしかない単一ページのフォームです。
これはインジケーターに使用されるライブラリであり、jQueryライブラリを使用するように指示されています。js
これがインジケーターのそれです-
<script>
var front_index_gage = new JustGage({
id: "front_gage",
value: 3,
min: 0,
max: 100,
title: "Signup Progress",
startAnimationType: "bounce",
refreshAnimationType: "bounce",
refreshAnimationTime: 1500,
startAnimationTime: 1500
});
</script>
明らかに、値フィールドに動的なものを記述する必要がありますが、イベント呼び出しに.keypress()や.focus()のようなものを使用しますか?
私の実装アプローチはどうあるべきですか?ご清聴ありがとうございました。
===========更新=========
進行状況インジケーターdivの背景色をぼかしで変更しましたが、これが解決策だと思います。APIに基づいて実際のプログレスバーを操作するスナッグをヒットしました。進行状況インジケーターでrefreshを呼び出して、値を更新できるはずです。この場合3
から16
コーヒー-
jQuery ->
$("#user_first_name").blur (event) ->
$("#front_gage").refresh "value", 16
まだ条件付き(何も入力されていない場合)ではありませんが、この単純なhello worldの実装は機能するはずですが、そうではありません。