Mercurial > MadButterfly

comparison inkscape/firefox/content/madbuilder.html @ 389:45e04408fc19

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Implement stub functions for the MadSwatter integration.
author wycc
date Sun, 12 Apr 2009 11:58:53 +0800
parents 29145d2affdb
children
comparison
equal deleted inserted replaced
388:f3e6ac47752c 389:45e04408fc19
8 <script language="javascript" src="jqSOAPClient.js"></script> 8 <script language="javascript" src="jqSOAPClient.js"></script>
9 <script language="javascript" src="tree_component.js"></script> 9 <script language="javascript" src="tree_component.js"></script>
10 <script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script> 10 <script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script>
11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script> 11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script>
12 <script type="text/javascript" src="wizard.js"></script> 12 <script type="text/javascript" src="wizard.js"></script>
13 <script type="text/javascript" src="madswatter.js"></script>
14 <script type="text/javascript" src="inkscape.js"></script>
15 <script type="text/javascript" src="main.js" ></script>
13 16
14 <style type="text/css"> 17 <style type="text/css">
15 .normal { 18 .normal {
16 background-color:write 19 background-color:write
17 } 20 }
45 background-position: bottom left; 48 background-position: bottom left;
46 color: blue; 49 color: blue;
47 padding: 6px 0 4px 18px; /* push text down 1px */ 50 padding: 6px 0 4px 18px; /* push text down 1px */
48 } 51 }
49 .filepanel { 52 .filepanel {
50 height:700px 53 height:700px;
54 }
55 .tab {
56 font-size: 20px;
51 } 57 }
52 </style> 58 </style>
53 </head> 59 </head>
54 <body> 60 <body>
55 <div class='draggable' id='frame' width=1100 height=200> 61 <div class='draggable' id='frame' width=1100 height=200>
65 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a> 71 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
66 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a> 72 <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> 73 <a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a>
68 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a> 74 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a>
69 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a> 75 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a>
76 <a class='button' href='#'> <span id='Open' onClick='onButtonClick(this)'>Open</span></a>
70 <br/> 77 <br/>
71 <br/> 78 <br/>
72 </div> 79 </div>
73 80
74 <table><tr> 81 <table><tr>
75 <td valign='top'> 82 <td valign='top'>
76 <div width='200' height='700' id='list'> 83 <div width='200' height='700' id='list'>
77 <ul> 84 <ul>
78 <li><a href='#filelist'>Project</a></li> 85 <li><a class='tab' href='#filelist'>Project</a></li>
79 <li><a href='#sourcelist'>Source list</a></li> 86 <li><a class='tab' href='#sourcelist'>Source list</a></li>
87 <li><a class='tab' href='#debug' valign='top'>Debug</a></li>
80 </ul> 88 </ul>
81 <span class='filepanel' height='600' id='filelist' valign='top'/> 89 <div class='filepanel' id='filelist'></div>
82 <span class='filepanel' id='sourcelist' valign=top/> 90 <div class='filepanel' id='sourcelist'></div>
91 <div class='filepanel' id='debug'></div>
83 </div> 92 </div>
84 </td> 93 </td>
85 <td valign='top' width='900'> 94 <td valign='top' width='900'>
86 <div id='display'> 95 <div id='display'>
87 <ul> 96 <ul>
88 <li><a href='#inkscape'>MBSVG</a></li> 97 <li><a class='tab' href='#inkscape'>MBSVG</a></li>
89 <li><a href='#editor'>Editor</a></li> 98 <li><a class='tab' href='#editor'>Editor</a></li>
90 <li><a href='#compiler'>Compiler</a></li> 99 <li><a class='tab' href='#madswatter'>Animation</a></li>
91 <li><a href='#debugger'>Debugger</a></li> 100 <li><a class='tab' href='#compiler'>Compiler</a></li>
101 <li><a class='tab' href='#debugger'>Debugger</a></li>
92 </ul> 102 </ul>
93 <div> 103 <div>
94 <div class='filepanel' id='inkscape'></div> 104 <div class='filepanel' id='inkscape'></div>
95 <div class='filepanel' id='editor'></div> 105 <div class='filepanel' id='editor'></div>
106 <div class='filepanel' id='madswatter'></div>
96 <div class='filepanel' id='compiler'></div> 107 <div class='filepanel' id='compiler'></div>
97 <div class='filepanel' id='debugger'></div> 108 <div class='filepanel' id='debugger'></div>
98 </div> 109 </div>
99 </div> 110 </div>
100 </td> 111 </td>
125 Generating files<br> 136 Generating files<br>
126 </div> 137 </div>
127 138
128 <div id='symboldialog' /> 139 <div id='symboldialog' />
129 140
130 <script type="text/javascript" src="inkscape.js" >
131 </script>
132 </body> 141 </body>
133 </html> 142 </html>