こんなサイトのプロトタイプを作っています
オリジナル: http://imageshack.us/a/img513/6013/tavor.png
私のウェブサイト: http://imageshack.us/a/img507/8461/manok.png
右側の画像は div id ovsian、左側の小さい画像は ovsia-mini です
<div id="ovsian" name="ovsian" value="15" onclick="test()">OVSIA 15r</div>
<script type="text/javascript">
document.getElementById('ovsia-mini').style.backgroundImage="url('http://localhost/musli/mini.png')";
var kaina = this.ovsian.value;
$('#price').html("kaina");
}
</script>
私はこのようにしようとしましたが、(少なくとも html では) div 要素に値を入れることができないことに気付きました。
「ovsian」(写真の右) の価格値を 15 に設定しonclick
、15 を合計価格に追加して、左側の灰色のボックスに印刷するにはどうすればよいですか?
どのテクノロジーを使用する必要がありますか? XML、AJAX? PHP/MYSQL? 私はそれらのどれも知りません。
最終的な価格と製品の選択を Cookie で渡す予定です。セキュリティの失敗であることはわかっていますが、そのような単純なショッピング カートには個人情報がないため、セッション ハイジャックなどの問題はありません。
このようなプロジェクトはどれほど難しいと思いますか? それを行う最良の方法は何ですか?ウェブサイトの目的は主に学習ですので、あなたが書くことができるすべての詳細は非常に高く評価されます:)