Mercurial > laserkard

annotate buy2.js @ 82:da3028a52ac1 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
wrote display_update
author Robert McIntyre <rlm@mit.edu>
date Sun, 25 Jul 2010 10:14:05 -0400
parents 6adb5da55d18
children e0dadfad3dc4
rev   line source
rlm@79 1
rlm@82 2 var Buy =
rlm@82 3 /* main LaserKard function. Deals with updating the order.
rlm@82 4 expects the following:
rlm@82 5
rlm@82 6 classes:
rlm@82 7 select-green
rlm@82 8 select-red
rlm@82 9 select-blue
rlm@82 10 select-black
rlm@82 11
rlm@82 12 ids:
rlm@82 13 card-display
rlm@82 14 color-select
rlm@82 15
rlm@82 16 */
rlm@82 17
rlm@80 18 (function (){
rlm@80 19
rlm@80 20 var order =
rlm@80 21 {color: "black",
rlm@80 22 style: "bold",
rlm@81 23 quantity: 30,
rlm@82 24 content: undefined,
rlm@82 25 info: undefined};
rlm@81 26
rlm@80 27 var raphe = undefined;
rlm@80 28
rlm@80 29 var init = (function () {
rlm@81 30 raphe = Raphael("card-display", 337 ,212);
rlm@81 31 $(".select-green").click(function() {order.color="green";update();});
rlm@81 32 $(".select-red").click(function() {order.color="red";update();});
rlm@81 33 $(".select-blue").click(function() {order.color="blue";update();});
rlm@81 34 $(".select-black").click(function() {order.color="black";update();});
rlm@82 35 });
rlm@80 36
rlm@82 37 var drawRect = (function (){raphe.rect(0,0,337,212);});
rlm@80 38
rlm@82 39 var display =
rlm@82 40 {green: "buy-images/display-green.png",
rlm@82 41 red: "buy-images/display-red.png",
rlm@82 42 blue: "buy-images/display-blue.png",
rlm@82 43 black: "buy-images/display-black.png"};
rlm@81 44
rlm@81 45 var update_color = (function (){
rlm@81 46 var color = undefined;
rlm@81 47 return (function () {
rlm@82 48 if (order.color === color){$("#debug").html("REPEAT!");}
rlm@82 49 else {
rlm@82 50 color = order.color;
rlm@82 51
rlm@82 52 $(".selected").removeClass("selected");
rlm@82 53 $(".select-"+order.color).addClass("selected");
rlm@82 54 }});})();
rlm@82 55
rlm@82 56 var update_display = (function (){
rlm@82 57 var color = undefined;
rlm@82 58 return (function () {
rlm@81 59 if (order.color === color){}
rlm@82 60 else {
rlm@82 61 $("#debug").html("make displayings!!! Sexy Time!!!");
rlm@82 62 color = order.color;
rlm@82 63 $("#card-display > img").attr("src", display[(order.color)]);
rlm@82 64
rlm@82 65 }});})();
rlm@80 66
rlm@81 67 var update_info = (function (){});
rlm@81 68
rlm@81 69
rlm@81 70 var update = (function (){
rlm@81 71 update_color();
rlm@82 72 update_display();
rlm@81 73 update_info();});
rlm@81 74
rlm@80 75 return {init : init,
rlm@81 76 draw : drawRect,
rlm@81 77 update : update
rlm@81 78 };
rlm@80 79 })();
rlm@80 80
rlm@80 81
rlm@80 82
rlm@80 83 $(document).ready(function() {
rlm@81 84 // $("#color-select").html("Hello World");
rlm@80 85 Buy.init();
rlm@80 86 Buy.draw();
rlm@81 87 $("#radio1").buttonset();
rlm@80 88
rlm@80 89
rlm@80 90 });
rlm@80 91