jquery產品生成器

-1

我想弄清楚如何使用jQuery來構建這個接口。我原本是用Flash做的。 http://www.allprocustomtrailers.com/jquery產品生成器

它允許客戶拖車定製thier需求，並繼續到另一頁，查看列表不是通過電子郵件發送給銷售人員。在過去的兩天裏，我一直在網上搜索幾個小時，以瞭解如何開始使用。如果已經有可用於構建HTML5的基礎，那麼我不想重蹈覆轍。我的jQuery技能至多是一箇中級，所以這是我推動我進入深度的大項目。我只是不想溺水。

預先感謝您。

來源

2012-10-19 user1760396

我現在陷入了一個僵局，至於如何開始。尋找我可以分析的東西，就像接觸我想要做的基礎知識的教程。 – user1760396

你可以做到這一點，沒有jQuery，只是小js和css –

這很容易在沒有使用JQuery的情況下完成。

要重新創建在Javascript/HTML/CSS這個應用程序，你可能會嚴重依賴於"OnClick" attribute of elements。這將允許您在給定元素（可能是按鈕樣式）被點擊時執行JavaScript代碼片段。 JQuery確實有一個方法binding actions to click events，但是對於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-19 20:23:43

這給了我一個方向繼續。我將在下週對此進行測試，我肯定會回覆更多問題。謝謝。 – user1760396

jquery產品生成器

回答

相關問題