Mercurial > MadButterfly

view inkscape/firefox/content/madbuilder.html @ 1395:a768d74e5f49

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix the svg:use. For a svg:use, it is a group which include the content it reference. It means that we can not tween it to its origin object directly. Instead, we need to ungroup it and then use the result matrix to generate the tweened transformation matrix. Therefore, we need to concate its matrix to the referenced object. Ad center object when the bbox-x is not available.
author wycc
date Sat, 02 Apr 2011 05:36:36 +0800
parents 45e04408fc19
children
line wrap: on
line source

<html>
<head>
	<link rel="stylesheet" type="text/css" href="tree_component.css" />
	<link type="text/css" href="css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" />	
	<script language="javascript" src="css.js"></script>
	<script language="javascript" src="jquery-1.3.1.js"></script>
	<script language="javascript" src="jqXMLUtils.js"></script>
	<script language="javascript" src="jqSOAPClient.js"></script>
	<script language="javascript" src="tree_component.js"></script>
	<script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script>
	<script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script>
	<script type="text/javascript" src="wizard.js"></script>
	<script type="text/javascript" src="madswatter.js"></script>
	<script type="text/javascript" src="inkscape.js"></script>
	<script type="text/javascript" src="main.js" ></script>

	<style type="text/css"> 
		.normal {
			background-color:write
			}
		.active {
			background-color: yellow
			}
		a.button {
			background: transparent url('bg_button_a.gif') no-repeat scroll top right;
			color : #444 ;
			display : block ; 
			float : left ; 
			font : normal 12px arial, sans-serif ;
			height : 24px; 
			margin-right : 6px;
		        padding-right : 18px;
			text-decoration : none ;
			}
		a.button span {
			background : transparent url('bg_button_span.gif' ) no-repeat ;
			display : block ;
			line- height : 14px;
			padding : 5px 0 5px 18px;
			}
		a.button:active {
		    	background-position: bottom right;
		        color: blue;
			outline: none; /* hide dotted outline in Firefox */
	    	}

	    	a.button:active span {
		        background-position: bottom left;
		        color: blue;
		    	padding: 6px 0 4px 18px; /* push text down 1px */
		} 
		.filepanel {
			height:700px;
		}
		.tab {
			font-size: 20px;
		}
	</style>
</head>
<body>
<div class='draggable' id='frame' width=1100 height=200>
</div>

<div class='buttonpanel' id='btns'>
	<br/>
	<a class='button' href='#'> <span id='Jump'       onClick='onButtonClick(this)'>Jump</span></a>
	<a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
	<a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
	<a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
	<a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
	<a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
	<a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
	<a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a>
	<a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a>
	<a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a>
	<a class='button' href='#'> <span id='Open' onClick='onButtonClick(this)'>Open</span></a>
	<br/>
	<br/>
</div>

<table><tr>
<td valign='top'>	
<div width='200' height='700' id='list'>
	<ul>
		<li><a class='tab' href='#filelist'>Project</a></li>
		<li><a class='tab' href='#sourcelist'>Source list</a></li>
		<li><a class='tab' href='#debug' valign='top'>Debug</a></li>
	</ul>
<div class='filepanel' id='filelist'></div>
<div class='filepanel' id='sourcelist'></div>
<div class='filepanel' id='debug'></div>
</div>
</td>
<td valign='top' width='900'>
<div id='display'>
	<ul>
		<li><a class='tab' href='#inkscape'>MBSVG</a></li>
		<li><a class='tab' href='#editor'>Editor</a></li>
		<li><a class='tab' href='#madswatter'>Animation</a></li>
		<li><a class='tab' href='#compiler'>Compiler</a></li>
		<li><a class='tab' href='#debugger'>Debugger</a></li>
	</ul>
<div>
<div class='filepanel' id='inkscape'></div>
<div class='filepanel' id='editor'></div>
<div class='filepanel' id='madswatter'></div>
<div class='filepanel' id='compiler'></div>
<div class='filepanel' id='debugger'></div>
</div>
</div>
</td>
</table>



<div id='filedialog'></div>

<div id='wizard'>
	The name of the project<br>
	<input type=text id='wizardname' value='default'/><br>
	Please select the type of applications.<br>
	<ul>
		<a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a>
		<a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a>
	</ul>

</div>

<div id='wizard_step2'>
	Please select the output path<br>
	<input id='outputpath' type=file value='/tmp' /><br>
	<a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a>
	<a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a>
</div>
<div id='wizard_step3'>
	Generating files<br>
</div>

<div id='symboldialog' />

</body>
</html>