XHTMLのFMLのショッピングカートフォーム
ショッピングカートフォームあなたが現在、十分なXHTMLのノウハウFMLの連絡先フォームを作成するので、それは時間がもっと複雑なマークアップに移動します。いくつかの場合、これまで上の計算、画像、フライ対話、一般的なショッピングカートと、完全なクロスレイヤナビゲーション-すべてのFMLで作成し、学んだことをとることができます。
起動すると、単一の製品とつまり、あなたの連絡先情報を、フォームを保存する必要がありますあなたがいるかについてはあなたのe -コマースのオーダーフォームを完全に新しいセグメントを開始する（contactform.xhtml）と、新しいファイルを開きます。この新しいファイルを保存し、呼び出しが
shoppingcart.xhtml。最初のステップを設定されているトグルとメニューのいくつかの 0-6の要素を持つ数値。第八要素には、オプションの内容（ない値）として多く使用される前の編集可能なリストと同じonclickイベントハンドラを利用する必要があります。 要素は厳密には数値と検証する必要が以前の編集可能なリストと同じonchangeイベントハンドラを利用する必要があります。最後に、人はそれについての簡単な説明と一緒に購入されている項目を追加する必要があります。これは、新しいXHTMLの体内にあなたの最初のソースコードはFMLのドキュメントです：
今は、お客様の製品や機能の量を選択するには、価格や何かの合計を計算するように設定する必要があります。新しい2つの要素を入力します： および 。使用する価格を設定する。これは、静的な金額なので、ユーザーの必要はないそれを修正しています。次の場合は、挿入する要素は、価格と量の合計を追加します。注意してください直接ブラウザには、実際には何も出力しない1チャンネル。 2番目のによってラップ全体の値を継承し、それを出力します。
| PPの | PPの | のさまざまな価格の外観を持つ新しいアイテムを追加してみましょう： | 蜂蜜ミード | 最高のローヤルゼリーを製造
（スズメバチの蜂蜜） | 0 1 2 3 4 5 よりたくさんの | SPの | SPの |
通知方法にもかかわらず、このミード1シルバー作品と6銅作品のコストは、全体の数に丸めを保持します。を簡単にするために桁の要素を追加することによってこの問題を修正することができます要素です。
桁の要素には2の値を与えることを、最初の2桁の数字で小数点の後にベースのラウンドにMozquitoに指示します。注文の場合、2番目の製品を追加する小数点以下の丸めの例を示しています。あなたは、ソースコードのほとんどの長さは80から112行から倍増している気づいていない場合があります。場合は、カットアンドペーストし、あなたもが、それぞれのidは異なる必要があるという事実だけを行う場合は、値のほとんどは変更する必要が見逃すことがあります。迷惑な、それは何ですか？を考えてどのようにする場合、100項目以上追加する必要がありますそれは退屈。ありがたいことに、そこの救助と呼ばれるに来て新たな要素の 。単純にして、使用するテンプレートの一部として、テーブル全体の行を定義する要素を使用するお客様は、元のソリューションよりも-はるかに簡単にプロセステンプレートを使用するようにしたい、いつでもまず、あなたからテーブルを削除する必要があります要素内に配置して、アイテムのidの値を要素のテンプレートを与えます。を追加することを忘れないで（ください後に、テーブルを閉じます。）
（商品表）
次に、バックアップの要素に追加する 。この要素の各インスタンスは独自のidの値と属性を持つテンプレートの参照を取得します：
（通貨を買う表）
ここにあなたのFMLどのように見えるのは、すべて一緒に置く。は、一時的に完全に2番目のアイテムのテーブルを削除しました注意してください。
これは、代わりの偉大されている巨大なテーブルを複製する場合、コードはたったの4つの新しい行を追加します。しかし、何かが依然として行方不明。ためには、テンプレートを使用する場合は、テーブルハニーミードアイテムを含むダンプする必要があります。どのように取得することができるバックアップが存在しながら、コードを利用して要素のテンプレートを減らすのに？シンプル。あなたの使用要素です。するたびに使用する要素には、一連のことができます要素は、新しいアイテムごとに異なるデータテンプレートをフィード。テンプレートでは、アイテムのプロパティに置き換えるidの値をパイプ記号で囲まれた言及（|）。例えば：
PPの
の変化に
PPの
の下で要素は、価格変数を追加します：
10000 1.60
一度他のすべてのフィールドとデータでは、ここで追加するフルFMLのフォームのようになります：
これは便利だが、それはまだ何かが足りない。場合、また、これまでに何を購入したのは、実行中の総計を設定できれば便利だろう。これはかなり簡単です。グループの後に要素は、別の設定方程式。今回は、それぞれの合計の値を追加する要素：
合計：
その周りにテーブルをラップしてください：
層その場合でも、フォームに追加したい項目の巨大なデータベースを持って以前の私の利便性、挿入、テンプレート、およびプロップ述べた。場合でも、ほんの数、それはまだ仕事を得るための便利な方法があります。同じラインに沿って、なぜ1つのページ上のリストのすべてのアイテム？あなたが利用することができます要素は、既に編集可能なリストの1つはFML文書内に複数のページを作成するために使用した。これを行うには、場所あなたの最初のすぐ上に移動するのid属性の値を持つ要素要素とその下の要素です。対応する場所の下での最後の要素です。
燃えるようなアヴェンジャーブレードの燃焼炎を上げて強力な魔法の剣 10000.00 蜂蜜ミード最高のロイヤルゼリー（スズメバチの蜂蜜）を製造 1.60
"総計"テーブルの場所の下に2つ要素としては、イベントハンドラのonclickを使用して次のとおり：
後に、これらの変更や追加は、ファイルを保存してからお使いのブラウザにプッシュします。
クリーンアップ今は、FMLのほとんど覆われている場合、いくつかの画像を追加することによってあなたのe -コマースの注文フォームのショッピングカートの部分をまとめることができます。を使用して各項目の要素にすることができますプリロード画像の例としては、|項目の場所を変更する|変数と新しい要素を追加 ：
| |商品| | 〜へ |商品|
|
|商品の再ノート| alt属性の値を変数です。また、用要素は、幅と高さを設定するための要件です。とする項目からの項目には、属性を追加移動するためにイエスの値に設定すると、プリロード長いロード時間を防ぐために。この負荷のすべての一度に画像を設定します。追加することを忘れないでくださいの要素|イメージ|：
10000.00 燃えるようなアヴェンジャーブレードの燃焼炎を上げて強力な魔法の剣 http://www.eqmaps.com/itemicons/2hslash003.jpg 1.60 蜂蜜ミード最高のロイヤルゼリー（スズメバチの蜂蜜）を製造 http://www.eqmaps.com/itemicons/potion001.jpg
記事は、アルバートLichtblau提出
免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は"XHTMLのFMLショッピングカートフォームの"自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。