Update of /cvsroot/qooxdoo/qooxdoo/source/test/user
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv2863/source/test/user
Added Files:
Tag: renderer
Builder_1.html Builder_2.html Builder_2.xml Builder_3.html
Builder_3.xml Builder_4.html
Log Message:
Re-added QxBuilder
--- NEW FILE: Builder_3.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
<script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="MsThemeCompatible" content="yes" />
<meta http-equiv="ImageToolBar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="yes" />
<title>qooxdoo demo dev</title>
<link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
<link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>
<script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
<script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
<script type="text/javascript">
window.application.main = function() {
new QxBuilder().buildFromUrl(this, 'Builder_3.xml');
}
</script>
<div id="testDescription">
<p>QxBuilder demo.</p>
<p>Build your web apps using qooxdooml.</p>
<p>Property Editor Example</p>
</div>
</body>
</html>
</body>
</html>
--- NEW FILE: Builder_3.xml ---
<qx:widgets xmlns:qx='qooxdoo'>
<qx:menu id='m2'>
<qx:menuButton label='New Window'/>
<qx:menuButton label='Overlapping'/>
<qx:menuButton label='Split Vertical'/>
<qx:menuButton label='Split Horizontal'/>
<qx:menuButton label='Next Window'/>
<qx:menuButton label='Previous Window'/>
</qx:menu>
<qx:menu id='m1'>
<qx:menuButton label='View/Lists'/>
<qx:menuButton label='Syntax Highlighting'/>
<qx:menuSeparator/>
<qx:menuButton label='Window Font'/>
<qx:menuButton label='Printer Font' menu='m2'/>
</qx:menu>
<qx:button id='btn' label='Reference Property' location='20,48'>
<qx:eventListener type='click' args='e'>
var el = this.getElement();
m1.setLeft(QxDom.getComputedPageBoxLeft(el));
m1.setTop(QxDom.getComputedPageBoxBottom(el));
m1.show();
e.setPropagationStopped(true);
</qx:eventListener>
<qx:eventListener type='mousedown' args='e'>
e.setPropagationStopped(true);
</qx:eventListener>
</qx:button>
<qx:atom label='Comma Delimited Property & Eval Property ' location='140,48' backgroundColor='#BDD2EF' dimension='220,220' border='QxBorderObject.presets.outset'/>
</qx:widgets>
--- NEW FILE: Builder_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
<script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="MsThemeCompatible" content="yes" />
<meta http-equiv="ImageToolBar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="yes" />
<title>qooxdoo demo dev</title>
<link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
<link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>
<script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
<script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
<script type="text/javascript">
window.application.main = function() {
new QxBuilder().build(this, document.getElementById('widgets'));
}
// test delegate object
var d = {
hello : 'world',
click : function(e) {
alert(e + '\n\nclick received at delegate object\n\n' + this.hello);
}
}
// test delegate function
var f = function(e) {
alert(e + '\n\nclick received at delegate function\n\n');
}
</script>
<div id="testDescription">
<p>QxBuilder demo.</p>
<p>Build your web apps using qooxdooml.</p>
<p>Textarea example</p>
</div>
<textarea id='widgets' style='display:none'>
<qx:widgets xmlns:qx='qooxdoo'>
<qx:button id='btn' label='Click Me!!!' location='20,50'>
<!-- function body event listener -->
<qx:eventListener type='click' args='event'>
btn.setLabel(btn.getLabel() + ".");
alert(event + "\n\nClicked on: " + this.getLabel());
</qx:eventListener>
<!--
global object.method delegation
when the button is clicked, d.click(event) will be called
-->
<qx:eventListener type='click' delegate='d.click'/>
<!--
global function delegation
when the button is clicked, f(event) will be called
-->
<qx:eventListener type='click' delegate='f'/>
</qx:button>
<qx:atom id='atom1' label='Test No #1' icon='icons/16/penguin.png' border='QxBorder.presets.black' location='20,90'/>
<qx:button label='Test No #2' icon='icons/16/penguin.png' location='20,120'>
<qx:eventListener type='click'>
atom1.setLabel(atom1.getLabel() + ".");
</qx:eventListener>
</qx:button>
<qx:atom label='Test No #3' icon='icons/16/penguin.png' location='20,160'/>
<qx:atom label='a' icon='icons/16/penguin.png' location='20,200'/>
<qx:atom label='b' icon='icons/16/penguin.png' location='20,240'/>
</qx:widgets>
</textarea>
</body>
</html>
</body>
</html>
--- NEW FILE: Builder_2.xml ---
<qx:widgets xmlns:qx='qooxdoo'>
<qx:button id='btn' label='Click Me!!!' location='20,50'>
<!-- function body event listener -->
<qx:eventListener type='click' args='event'>
btn.setLabel(btn.getLabel() + ".");
alert(event + "\n\nClicked on: " + this.getLabel());
</qx:eventListener>
<!--
global object.method delegation
when the button is clicked, d.click(event) will be called
-->
<qx:eventListener type='click' delegate='d.click'/>
<!--
global function delegation
when the button is clicked, f(event) will be called
-->
<qx:eventListener type='click' delegate='f'/>
</qx:button>
<qx:atom id='atom1' label='Test No #1' icon='icons/16/penguin.png' border='QxBorder.presets.black' location='20,90'/>
<qx:button label='Test No #2' icon='icons/16/penguin.png' location='20,120'>
<qx:eventListener type='click'>
atom1.setLabel(atom1.getLabel() + ".");
</qx:eventListener>
</qx:button>
<qx:atom label='Test No #3' icon='icons/16/penguin.png' location='20,160'/>
<qx:atom label='a' icon='icons/16/penguin.png' location='20,200'/>
<qx:atom label='b' icon='icons/16/penguin.png' location='20,240'/>
<qx:script>
// test delegate function
var f = function(e) {
alert(e + '\n\nclick received at delegate function\n\n');
}
// test delegate object
var d = {
hello : 'world',
click : function(e) {
alert(e + '\n\nclick received at delegate object\n\n' + this.hello);
}
}
</qx:script>
</qx:widgets>
--- NEW FILE: Builder_2.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
<script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="MsThemeCompatible" content="yes" />
<meta http-equiv="ImageToolBar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="yes" />
<title>qooxdoo demo dev</title>
<link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
<link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>
<script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
<script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
<script type="text/javascript">
window.application.main = function() {
new QxBuilder().buildFromUrl(this, 'Builder_2.xml');
}
</script>
<div id="testDescription">
<p>QxBuilder demo.</p>
<p>Build your web apps using qooxdooml.</p>
<p>XmlHttp Example</p>
</div>
</body>
</html>
</body>
</html>
--- NEW FILE: Builder_4.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
<script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="MsThemeCompatible" content="yes" />
<meta http-equiv="ImageToolBar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="yes" />
<title>qooxdoo demo dev</title>
<link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
<link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>
<script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
<script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
<script type="text/javascript">
window.application.main = function() {
new QxBuilder().build(this, document.getElementById('widgets'));
}
</script>
<div id="testDescription">
<p>QxBuilder demo.</p>
<p>3 Format Example</>
</div>
<textarea id='widgets' style='display:none'>
<qx:widgets xmlns:qx='qooxdoo'>
<qx:atom id="linfo" label="Current Value" icon="icons/16/forward.png" border="QxBorder.presets.black" padding="2,4" backgroundColor="white" top="48" left="20"/>
<qx:radioManager id='_rm1' name="mygroup">
<qx:eventListener type='changeSelected' args='e'>
linfo.setLabel("Current Value: \"" + e.getNewValue().getLabel() + "\" (" + e.getNewValue().getValue() + ")");
</qx:eventListener>
</qx:radioManager>
<qx:radioButton qxtype="radioButton" label="Option #1" value="rb1" location="20,80" manager="_rm1"/>
<qx:radioButton label="Option #2" value="rb2" location="20,110" manager="_rm1" checked="true"/>
<div qxtype="radioButton" label="Top RadioButton" value="rb3" location="20,160" manager="_rm1" iconPosition="top"/>
<radioButton label="Bottom RadioButton" value="rb4" location="160,160" manager="_rm1" iconPosition="bottom"/>
<qx:radioButton label="Left RadioButton" value="rb5" location="20,220" manager="_rm1" iconPosition="left"/>
<qx:radioButton label="Right RadioButton" value="rb6" location="160,220" manager="_rm1" iconPosition="right"/>
<qx:radioButton value="rb7" location="20,280" manager="_rm1"/>
</qx:widgets>
</textarea>
</body>
</html>
</body>
</html>
|