3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <p>Iframe implementation. Elastic.</p>
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var d = qx.ui.core.ClientDocument.getInstance();
27 w1 = new qx.ui.embed.Iframe();
29 w1.addEventListener("load", function(e) {
30 this.debug("Loaded: " + this.getSource());
34 w1.set( { left: 20, top: 96, right: 335, bottom: 48 } );
35 w1.setSource("http://www.google.com");
40 function changeURL(e) {
42 this.setSource(e.getData());
45 // make qx.ui.embed.Iframe react to event "surfTo" via function changeURL()
46 d.addEventListener("surfTo", changeURL, w1);
53 var rd1 = new qx.ui.form.RadioButton("Google", "http://www.google.com");
54 var rd2 = new qx.ui.form.RadioButton("Yahoo", "http://www.yahoo.com");
56 rd1.set( { left: 20, top: 48, checked: true } );
57 rd2.set( { left: 120, top: 48 } );
59 var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2]);
61 // elements of radio group fire event "surfTo"
62 rbm.addEventListener("changeSelected", function(e)
64 d.dispatchEvent( new qx.event.type.DataEvent("surfTo", e.getData().getValue() ) );