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