-1

jQueryを使用してこのインターフェースを構築する方法を理解しようとしています。私はもともとフラッシュでそれをやった. http://www.allprocustomtrailers.com/

これにより、顧客はトレーラーをニーズに合わせてカスタマイズし、別のページに進んでリストを表示し、それを営業担当者に電子メールで送信できます. これを始める方法について、過去 2 日間、オンラインで何時間も検索してきました。HTML5 で構築できる優れたベースが既にある場合、車輪の再発明はしたくありません。私のjQueryスキルはせいぜい中級者なので、これは私を深いところに追いやる大きなプロジェクトです。溺れたくないだけです。

前もって感謝します。

4

1 に答える 1

3

これは、JQuery を使用しなくても簡単に実行できます。

"OnClick"このアプリケーションを Javascript/HTML/CSS で再作成するには、 elementsの属性に大きく依存することになるでしょう。これにより、特定の要素 (ボタンとしてスタイル設定されている可能性が高い) がクリックされるたびに、Javascript のスニペットを実行できます。JQueryにはアクションをクリックイベントにバインドする方法がありますが、JQueryに比較的慣れていない人（および私が個人的に好む方法）はOnClick属性です。

OnClickこれは、アプリケーションの再作成に役立つと思われる機能の基本的な実装です。

<!doctype html>
<html>
  <head>
    <script>
      function update_form(selection){
        document.getElementById("preview").src = selection + ".jpg";
        document.getElementById("formdata").value = selection;
      }
    </script>
  </head>
  <body>
    <span OnClick="update_form('option1');">Click here for Option 1.</span><br />
    <span OnClick="update_form('option2');">Click here for Option 2.</span><br />
    <img src="blank.jpg" id="preview" /><br />
    <form action="submit.php" action="post">
      <input type="text" name="selectionvalue" id="formdata"><br />
      <input type="submit" value="submit">
    </form>
  </body>
</html>

これがあなたを正しい方向に導くのに役立つことを願っています。

于 2012-10-19T20:23:43.897 に答える