Mercurial > MadButterfly
annotate inkscape/firefox/content/madbuilder.html @ 427:8f900da42eed
Make sh_text_draw() passes first test case.
author | Thinker K.F. Li <thinker@branda.to> |
---|---|
date | Tue, 28 Jul 2009 15:11:42 +0800 |
parents | 45e04408fc19 |
children |
rev | line source |
---|---|
288 | 1 <html> |
2 <head> | |
352 | 3 <link rel="stylesheet" type="text/css" href="tree_component.css" /> |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
4 <link type="text/css" href="css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" /> |
352 | 5 <script language="javascript" src="css.js"></script> |
288 | 6 <script language="javascript" src="jquery-1.3.1.js"></script> |
7 <script language="javascript" src="jqXMLUtils.js"></script> | |
8 <script language="javascript" src="jqSOAPClient.js"></script> | |
352 | 9 <script language="javascript" src="tree_component.js"></script> |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
10 <script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script> |
357 | 11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script> |
367 | 12 <script type="text/javascript" src="wizard.js"></script> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
13 <script type="text/javascript" src="madswatter.js"></script> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
14 <script type="text/javascript" src="inkscape.js"></script> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
15 <script type="text/javascript" src="main.js" ></script> |
352 | 16 |
288 | 17 <style type="text/css"> |
18 .normal { | |
19 background-color:write | |
20 } | |
21 .active { | |
22 background-color: yellow | |
23 } | |
24 a.button { | |
352 | 25 background: transparent url('bg_button_a.gif') no-repeat scroll top right; |
26 color : #444 ; | |
288 | 27 display : block ; |
28 float : left ; | |
29 font : normal 12px arial, sans-serif ; | |
30 height : 24px; | |
31 margin-right : 6px; | |
32 padding-right : 18px; | |
33 text-decoration : none ; | |
34 } | |
35 a.button span { | |
352 | 36 background : transparent url('bg_button_span.gif' ) no-repeat ; |
288 | 37 display : block ; |
352 | 38 line- height : 14px; |
39 padding : 5px 0 5px 18px; | |
288 | 40 } |
352 | 41 a.button:active { |
42 background-position: bottom right; | |
43 color: blue; | |
44 outline: none; /* hide dotted outline in Firefox */ | |
45 } | |
46 | |
47 a.button:active span { | |
48 background-position: bottom left; | |
49 color: blue; | |
50 padding: 6px 0 4px 18px; /* push text down 1px */ | |
51 } | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
52 .filepanel { |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
53 height:700px; |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
54 } |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
55 .tab { |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
56 font-size: 20px; |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
57 } |
288 | 58 </style> |
59 </head> | |
60 <body> | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
61 <div class='draggable' id='frame' width=1100 height=200> |
288 | 62 </div> |
63 | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
64 <div class='buttonpanel' id='btns'> |
352 | 65 <br/> |
288 | 66 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a> |
67 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a> | |
68 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a> | |
69 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a> | |
70 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a> | |
71 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a> | |
352 | 72 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a> |
73 <a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a> | |
365
6adb28388132
Add capability to add new scene and source into the project
wycc
parents:
364
diff
changeset
|
74 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a> |
367 | 75 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
76 <a class='button' href='#'> <span id='Open' onClick='onButtonClick(this)'>Open</span></a> |
288 | 77 <br/> |
78 <br/> | |
79 </div> | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
80 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
81 <table><tr> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
82 <td valign='top'> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
83 <div width='200' height='700' id='list'> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
84 <ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
85 <li><a class='tab' href='#filelist'>Project</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
86 <li><a class='tab' href='#sourcelist'>Source list</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
87 <li><a class='tab' href='#debug' valign='top'>Debug</a></li> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
88 </ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
89 <div class='filepanel' id='filelist'></div> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
90 <div class='filepanel' id='sourcelist'></div> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
91 <div class='filepanel' id='debug'></div> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
92 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
93 </td> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
94 <td valign='top' width='900'> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
95 <div id='display'> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
96 <ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
97 <li><a class='tab' href='#inkscape'>MBSVG</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
98 <li><a class='tab' href='#editor'>Editor</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
99 <li><a class='tab' href='#madswatter'>Animation</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
100 <li><a class='tab' href='#compiler'>Compiler</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
101 <li><a class='tab' href='#debugger'>Debugger</a></li> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
102 </ul> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
103 <div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
104 <div class='filepanel' id='inkscape'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
105 <div class='filepanel' id='editor'></div> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
106 <div class='filepanel' id='madswatter'></div> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
107 <div class='filepanel' id='compiler'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
108 <div class='filepanel' id='debugger'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
109 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
110 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
111 </td> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
112 </table> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
113 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
114 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
115 |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
116 <div id='filedialog'></div> |
367 | 117 |
118 <div id='wizard'> | |
119 The name of the project<br> | |
120 <input type=text id='wizardname' value='default'/><br> | |
121 Please select the type of applications.<br> | |
122 <ul> | |
371 | 123 <a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a> |
367 | 124 <a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a> |
125 </ul> | |
126 | |
127 </div> | |
128 | |
129 <div id='wizard_step2'> | |
130 Please select the output path<br> | |
131 <input id='outputpath' type=file value='/tmp' /><br> | |
132 <a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a> | |
371 | 133 <a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a> |
367 | 134 </div> |
135 <div id='wizard_step3'> | |
371 | 136 Generating files<br> |
367 | 137 </div> |
138 | |
381 | 139 <div id='symboldialog' /> |
140 | |
288 | 141 </body> |
142 </html> |