# HG changeset patch # User Robert McIntyre # Date 1280190797 14400 # Node ID 0f19af92260ecd72e8d8d9b65f53aa14a9d9999d # Parent 69b4defd835db8984ad74243ab68ad4597421106 saving progress. diff -r 69b4defd835d -r 0f19af92260e css/buy3.css --- a/css/buy3.css Mon Jul 26 18:19:34 2010 -0400 +++ b/css/buy3.css Mon Jul 26 20:33:17 2010 -0400 @@ -9,7 +9,6 @@ font: bold 15px "helvetica","arial", "sans-serif"; color: white; height: 200px; - } div#text-entry { @@ -17,7 +16,6 @@ top : 15%; left : 25%; width : 150px; - } .hidden { diff -r 69b4defd835d -r 0f19af92260e js-lib/buy3.js --- a/js-lib/buy3.js Mon Jul 26 18:19:34 2010 -0400 +++ b/js-lib/buy3.js Mon Jul 26 20:33:17 2010 -0400 @@ -16,10 +16,30 @@ + + + Buy = (function (){ + + //Cards drawing functions: + + var Cards = + {"bold" : { + "name" :(function (text, display){ + return display.print(10,10,text,helvetica, 25).attr( + {"fill" : "#FFFFFF"}); + })}}; + + + + // Utility Functinos + + + + var switchText = (function (){ if ($(this).val() == $(this).attr('title')) $(this).val('').removeClass('exampleText'); @@ -48,6 +68,8 @@ var display; var color; var style; + var helvetica; + var helvetica_I; var state_map = { green : {ref : null, @@ -107,12 +129,15 @@ display = Raphael("card-display", 340 ,215); color = Raphael("color-select", 300, 100); style = Raphael("style-select", 200, 70); + helvetica = display.getFont('HelveticaNeue', 700); + helvetica_I = display.getFont('HelveticaNeue', 800); + color_select_init(); display_init(); card_init(); text_entry_init(); key_handling(); - + update(); }); @@ -180,28 +205,19 @@ assoc('#user-company', card.company); assoc('#user-occupation', card.occupation); assoc('#user-website', card.website); + }); -}); - - - var display_text_update = (function (){ var name = null; - return (function () { - + var check_text = (function () { if (name !== card.name.text){ - card.name.ref.remove(); - card.name.ref = - display.print(10,10,card.name.text, - display.getFont('HelveticaNeue',700), 25).attr( - {"fill" : "#FFFFFF"}); - - //card.name.ref.animate({"fill" : Raphael.getColor()} ,1000); + card.name.ref = Cards[order.style].name(card.name.text, display); name = card.name.text; }}); + return check_text; })(); diff -r 69b4defd835d -r 0f19af92260e stack.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/stack.css Mon Jul 26 20:33:17 2010 -0400 @@ -0,0 +1,24 @@ +.transparentDiv +{ + /* IE */ + filter:alpha(opacity=50); + /* CSS3 standard */ + opacity:0.5; + background-color:#000000; + height:800px; + width:300px; +} + +/* +.transparentDiv { + width:400px; + height:180px; + margin:30px 50px; + background-color:#ffffff; + border:1px solid black; + /* for IE */ + filter:alpha(opacity=60); + /* CSS3 standard */ + opacity:0.6; +} +*/ diff -r 69b4defd835d -r 0f19af92260e stack.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/stack.html Mon Jul 26 20:33:17 2010 -0400 @@ -0,0 +1,45 @@ + + + + + + + +

+
+
+
+ +

+ + + + +

+ + + +

+ +

+ + + + + +