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();