Mercurial > MadButterfly

annotate inkscape/firefox/content/madbuilder.html @ 376:7d244a85dd68

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Change the screen layout to make it more like an usual IDE.
author wycc
date Sat, 04 Apr 2009 06:12:10 +0800
parents 3d21115297ba
children 29145d2affdb
rev   line source
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
1 <html>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
2 <head>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
5 <script language="javascript" src="css.js"></script>
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
6 <script language="javascript" src="jquery-1.3.1.js"></script>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
7 <script language="javascript" src="jqXMLUtils.js"></script>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
8 <script language="javascript" src="jqSOAPClient.js"></script>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
6fd8da22a5ef Implement scene file load function.
wycc
parents: 352
diff changeset
11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
12 <script type="text/javascript" src="wizard.js"></script>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
13
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
14 <style type="text/css">
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
15 .normal {
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
16 background-color:write
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
17 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
18 .active {
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
19 background-color: yellow
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
20 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
21 a.button {
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
22 background: transparent url('bg_button_a.gif') no-repeat scroll top right;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
23 color : #444 ;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
24 display : block ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
25 float : left ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
26 font : normal 12px arial, sans-serif ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
27 height : 24px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
28 margin-right : 6px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
29 padding-right : 18px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
30 text-decoration : none ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
31 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
32 a.button span {
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
33 background : transparent url('bg_button_span.gif' ) no-repeat ;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
34 display : block ;
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
35 line- height : 14px;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
36 padding : 5px 0 5px 18px;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
37 }
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
38 a.button:active {
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
39 background-position: bottom right;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
40 color: blue;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
41 outline: none; /* hide dotted outline in Firefox */
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
42 }
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
43
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
44 a.button:active span {
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
45 background-position: bottom left;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
46 color: blue;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
47 padding: 6px 0 4px 18px; /* push text down 1px */
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
52 </style>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
53 </head>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
56 </div>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
59 <br/>
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
60 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
61 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
62 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
63 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
64 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
65 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
66 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
69 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a>
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
70 <br/>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
71 <br/>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
106
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
107 <div id='wizard'>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
108 The name of the project<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
109 <input type=text id='wizardname' value='default'/><br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
110 Please select the type of applications.<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
111 <ul>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
112 <a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
113 <a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
114 </ul>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
115
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
116 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
117
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
118 <div id='wizard_step2'>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
119 Please select the output path<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
120 <input id='outputpath' type=file value='/tmp' /><br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
121 <a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
122 <a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
123 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
124 <div id='wizard_step3'>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
125 Generating files<br>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
126 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
127
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
128 <script type="text/javascript" src="inkscape.js" >
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
129 </script>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
130 </body>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
131 </html>