view echo.html @ 58:9d156039944e laserkard

[svn r59] final modifacatios wqith kevin
author rlm
date Sun, 14 Mar 2010 01:51:23 -0500
parents 95fa4bcc5d67
children 781127893010
line wrap: on
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <link href="./main.css" rel="stylesheet" type="text/css">
7 <link href="./sexy.css" rel="stylesheet" type="text/css">
8 <link href="./echo.css" rel="stylesheet" type="text/css">
9 <title>Laserkard | Echo</title>
11 <script type="text/javascript" src="./buycode.js"></script>
12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
13 <script type="text/javascript" src="./awesome_js/robert.js"></script>
14 <script type="text/javascript" src="./awesome_js/echo.js"></script>
15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
16 <script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_italic_700-HelveticaNeue_LT_55_Roman_italic_700.font.js"></script>
22 </head>
24 <body id = "echo">
27 PERL-REPLACE::TOP_MENU
28 <div id="whole">
30 <div id = "centerbox" >
32 <div id= "trifold" >
33 <div id = "disp_contain"></div>
34 <div id="display">PERL-REPLACE::DISPLAY</div>
35 </div>
37 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
38 </div>
40 <div id="inputbox" ><div id = "i_inputbox">
41 <div id = "sendTo">
42 Fill In your email:<br>
43 <textarea id = "sendOff" rows="1" cols="30">
44 rlm@mit.edu
45 </textarea>
46 </div>
47 <br>
48 <div id = "buttonButton">
49 <button id = "parseButton" onClick="parseFile();">GENERATE SVG</button>
50 </div>
51 ^-- Click here to send SVG file to yourself.<br>
52 (don't click multiple times)
53 <br>
55 <br>
56 ________________________________________<br>
57 This text area controls the svg file that will be generated. Be sure to be careful with the quotation marks so that the data format is correct. Please use this sample text as a template for filling out your own card. You will be sent an email for every 30 cards you create.
58 <br>
60 <div id = "textInput">
61 <textarea id = "textEntry" rows="60" cols="60">
62 {
64 "bold":
66 {
67 "style" : "bold",
68 "number" : "7",
69 "fields":
70 {
71 "Name" : "Robert McIntyre",
72 "Email" : "rlm@mit.edu",
73 },
74 },
75 "arrow":
77 {
78 "style" : "arrow",
79 "number" : "8",
80 "fields":
81 {
82 "Name" : "Robert McIntyre",
83 "Email" : "rlm@mit.edu",
84 "Company" : "MIT",
85 "Occupation" : "Course 6 & 9",
86 },
87 },
88 "classic":
90 {
91 "style" : "classic",
92 "number" : "7",
93 "fields":
94 {
95 "Name" : "Robert McIntyre",
96 "Email" : "rlm@mit.edu",
97 "Company" : "MIT",
98 "Occupation" : "Course 6 & 9",
99 "Phone" : "617.821.9129",
100 "Website" : "http://www.rlmcintyre.com",
101 },
102 },
103 "direct":
105 {
106 "style" : "direct",
107 "number" : "8",
108 "fields":
109 {
110 "Name" : "Robert McIntyre",
111 "Email" : "rlm@mit.edu",
112 "Company" : "MIT",
113 "Occupation" : "Course 6 & 9",
114 "Phone" : "617.821.9129",
115 "Website" : "http://www.rlmcintyre.com",
116 },
117 },
118 }
119 </textarea>
120 </div>
136 </div></div>
137 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
138 </div>
143 <div id = "formValues">PERL::INITIALVALUES</div>
145 <div id = "currentSpec">PERL::INITIALCARD</div>
147 <div id = "cardDefs">PERL::DEFS</div>
149 <div id = "output">OUTPUT</div>
159 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>
161 <!--
163 <script language="javascript">
166 //
167 //var raphe = Raphael("disp_contain", 515, 318);
168 //
169 //var c = raphe.rect(0, 0, 514, 317, 40);
170 //c.attr("stroke", "#00f");
171 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
172 //ta.attr('stroke', '#f00');
173 //ta.attr('fill', 'TRANSPARENT');
174 //
175 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
176 //tb.attr('stroke', '#f00');
177 //tb.attr('fill', 'TRANSPARENT');
178 //
179 //tc = raphe.path("M 0 269 L 270 269");
180 //tc.attr('stroke', '#f00');
181 //
183 //
188 </script>
189 -->
192 <script language="javascript">
193 //this is the main painting object, established here and created with Initial painting values
195 JSONtex = document.getElementById('cardDefs').innerHTML;
196 laserkard = new Object();
197 laserkard = eval('(' + JSONtex + ')');
198 color = 'ff0000';
199 var raphe = Raphael("disp_contain", 515, 318);
200 redraw("bold");
202 var c = raphe.rect(0, 0, 514, 317, 40);
203 c.attr("stroke", "#00f");
209 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
210 //ta.attr('stroke', '#f00');
211 //ta.attr('fill', 'TRANSPARENT');
213 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
214 //tb.attr('stroke', '#f00');
215 //tb.attr('fill', 'TRANSPARENT');
217 //tc = raphe.path("M 0 269 L 270 269");
218 //tc.attr('stroke', '#f00');
221 </script>
226 </body>
228 </html>