Mercurial > laserkard
diff buy2.js @ 83:e0dadfad3dc4 laserkard
going to try a pure raphael solution
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 25 Jul 2010 21:46:00 -0400 |
parents | da3028a52ac1 |
children |
line wrap: on
line diff
1.1 --- a/buy2.js Sun Jul 25 10:14:05 2010 -0400 1.2 +++ b/buy2.js Sun Jul 25 21:46:00 2010 -0400 1.3 @@ -1,18 +1,20 @@ 1.4 +//expects: Raphael.js, jQuery.js 1.5 + 1.6 1.7 var Buy = 1.8 /* main LaserKard function. Deals with updating the order. 1.9 expects the following: 1.10 1.11 - classes: 1.12 + class: 1.13 select-green 1.14 select-red 1.15 select-blue 1.16 select-black 1.17 1.18 - ids: 1.19 + id: 1.20 card-display 1.21 color-select 1.22 - 1.23 + pokedex 1.24 */ 1.25 1.26 (function (){ 1.27 @@ -23,6 +25,12 @@ 1.28 quantity: 30, 1.29 content: undefined, 1.30 info: undefined}; 1.31 + 1.32 + var display = 1.33 + {green: "buy-images/display-green.png", 1.34 + red: "buy-images/display-red.png", 1.35 + blue: "buy-images/display-blue.png", 1.36 + black: "buy-images/display-black.png"}; 1.37 1.38 var raphe = undefined; 1.39 1.40 @@ -35,42 +43,46 @@ 1.41 }); 1.42 1.43 var drawRect = (function (){raphe.rect(0,0,337,212);}); 1.44 + 1.45 + var update_style = (function (){ 1.46 + var info = undefined; 1.47 + return (function () { 1.48 + if (order.info === info){} 1.49 + else { 1.50 + info = order.info; 1.51 + $("#pokedex").html(order.info); 1.52 + }});})(); 1.53 + 1.54 + var update_pokedex = (function (){ 1.55 + var info = undefined; 1.56 + return (function () { 1.57 + if (order.info === info){} 1.58 + else { 1.59 + info = order.info; 1.60 + $("#pokedex").html(order.info); 1.61 + }});})(); 1.62 1.63 - var display = 1.64 - {green: "buy-images/display-green.png", 1.65 - red: "buy-images/display-red.png", 1.66 - blue: "buy-images/display-blue.png", 1.67 - black: "buy-images/display-black.png"}; 1.68 - 1.69 var update_color = (function (){ 1.70 var color = undefined; 1.71 return (function () { 1.72 - if (order.color === color){$("#debug").html("REPEAT!");} 1.73 + if (order.color === color){} 1.74 else { 1.75 color = order.color; 1.76 - 1.77 + $("#debug").append("color change"); 1.78 + $("#card-display > img").attr("src", display[(order.color)]); 1.79 $(".selected").removeClass("selected"); 1.80 $(".select-"+order.color).addClass("selected"); 1.81 }});})(); 1.82 1.83 - var update_display = (function (){ 1.84 - var color = undefined; 1.85 - return (function () { 1.86 - if (order.color === color){} 1.87 - else { 1.88 - $("#debug").html("make displayings!!! Sexy Time!!!"); 1.89 - color = order.color; 1.90 - $("#card-display > img").attr("src", display[(order.color)]); 1.91 - 1.92 - }});})(); 1.93 - 1.94 var update_info = (function (){}); 1.95 - 1.96 - 1.97 + 1.98 var update = (function (){ 1.99 - update_color(); 1.100 - update_display(); 1.101 - update_info();}); 1.102 + update_style(); 1.103 + update_pokedex(); 1.104 + update_color(); 1.105 + 1.106 + update_info(); 1.107 + }); 1.108 1.109 return {init : init, 1.110 draw : drawRect, 1.111 @@ -81,7 +93,6 @@ 1.112 1.113 1.114 $(document).ready(function() { 1.115 - // $("#color-select").html("Hello World"); 1.116 Buy.init(); 1.117 Buy.draw(); 1.118 $("#radio1").buttonset();