Comment implémenter CrateAndBarrel.com comme le shopping-cart?

Question

Nous cherchons approche à mettre en œuvre le shopping-cart qui gardent des articles commerciaux au bas de la page, comme CrateAndBarrels

http://www.crateandbarrel.com/family.aspx?c=837&f=28291

Le visiteur doit être en mesure d'ajouter achats article au panier en cliquant sur le bouton "+ Ajouter au panier" de l'article. D'après ce que je comprends, pour CrateAndBarrel, le panier inférieur est en effet un objet flash. Cependant, je souhaite que nous puissions trouver un moyen de l'implémenter en mode ajax si possible.

Nous ne sommes pas des experts en matière de web 2.0 et nous sommes à la recherche d'un guide pour implémenter cette fonctionnalité. Notre consultant suggère que nous utilisions un cadre pour l'implémenter.

1. Si vous étiez moi, comment implémenteriez-vous cette fonctionnalité?

   • A. Page WebForms Plaine
   • B. Utiliser Frame ou iframe.
   • C. HTML et Flash, comme CrateAndBarrel
   • D. AJAX

2. Quelques explications simples sur la façon dont ces éléments devraient collaborer seront appréciés.

Answer 1

1) Personnellement je voudrais utiliser Ajax (et je suis sûr que CrateandBarrel doit le faire, et utiliser Flash juste pour rendre le panier) - bizarrement, même si mon Firefox est à jour, il ne me laisse pas utiliser son site en cela)

Vous pouvez ensuite rendre le panier avec un DIV positionné en bas de la fenêtre.

Vous pourriez utiliser un cadre, mais je pense qu'un DIV positionné de manière absolue serait une meilleure solution. (2) Comme Adam Pope dit, quand un article est ajouté (via Ajax) le panier peut être redessiné (peut-être un appel JSON pour obtenir le contenu du panier?).

Et utilisez certainement un framework javascript.

Modifier: Et n'oubliez pas de le laisser se dégrader gracieusement pour ceux qui n'ont pas javascript!

Answer 2

Je voudrais vraiment aller avec AJAX. Regardez jquery ou l'un des autres cadres pour vous aider à faire la plupart du travail.

Je voudrais créer une méthode pour dessiner le panneau inférieur. Cela serait alors appelé lorsque la page se charge, avec un appel asynchrone pour obtenir le contenu du panier. Lorsque l'utilisateur ajoute un élément au panier, vous pouvez soit actualiser la page (qui redessinerait le panneau), soit appeler une méthode de mise à jour pour redessiner le contenu du panier.