Mercurial > laserkard
diff buy2.html @ 81:6adb5da55d18 laserkard
getting color select working
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 25 Jul 2010 05:45:56 -0400 |
parents | d913ee48d935 |
children | da3028a52ac1 |
line wrap: on
line diff
1.1 --- a/buy2.html Sun Jul 25 03:11:26 2010 -0400 1.2 +++ b/buy2.html Sun Jul 25 05:45:56 2010 -0400 1.3 @@ -2,7 +2,13 @@ 1.4 <html> 1.5 <head> 1.6 <link href="./css/buy2.css" rel="stylesheet" type="text/css"></link> 1.7 - <script type="text/javascript" src="/js-lib/jquery.js"></script> 1.8 + 1.9 + <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 1.10 + rel="stylesheet" type="text/css"/> 1.11 + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 1.12 + <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 1.13 + 1.14 +<!-- <script type="text/javascript" src="/js-lib/jquery.js"></script> --> 1.15 <script type="text/javascript" src="./awesome_js/raphael.js"></script> 1.16 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script> 1.17 <script type="text/javascript" src="./js-lib/HeleveticaNeue.font.js"></script> 1.18 @@ -10,9 +16,22 @@ 1.19 </head> 1.20 <body> 1.21 1.22 - <div id="color-select"></div> 1.23 + <div id="color-select"> 1.24 + <ul> 1.25 + <li class="select-green"><img src="buy-images/select-green.png"></img></li> 1.26 + <li class="select-red"><img src="buy-images/select-red.png"></img></li> 1.27 + <li class="select-blue"><img src="buy-images/select-blue.png"></img></li> 1.28 + <li class="select-black"><img src="buy-images/select-black.png"></img></li> 1.29 + </ul> 1.30 + </div> 1.31 <div id="whatev"></div> 1.32 - <div id="card-display"></div> 1.33 + <div id="card-display"> 1.34 + <img src="buy-images/display-black.png"></img> 1.35 + </div> 1.36 1.37 + 1.38 + 1.39 + 1.40 + 1.41 </body> 1.42 </html>