| 1 | <html>
|
|---|
| 2 | <script src="js/prototype.js"></script>
|
|---|
| 3 | <script src="js/TagBuilder.class.js"></script>
|
|---|
| 4 | <script src="js/JSLoader.js"></script>
|
|---|
| 5 | <script src="js/Widget.class.js"></script>
|
|---|
| 6 | <script src="js/widgets/HelloWorldWidget.class.js"></script>
|
|---|
| 7 | <script>
|
|---|
| 8 | createEvent=function(e){
|
|---|
| 9 | var ie=!(e.pageX);
|
|---|
| 10 | if (ie) {
|
|---|
| 11 | e=window.event;
|
|---|
| 12 | }
|
|---|
| 13 | var event=e;
|
|---|
| 14 | var res={};
|
|---|
| 15 | res.button=event.button;
|
|---|
| 16 | if (ie) {
|
|---|
| 17 | res.screenX=window.event.screenX ;
|
|---|
| 18 | res.screenY=window.event.screenY ;
|
|---|
| 19 | res.pageX =(window.event.clientX+window.document.body.scrollLeft) ;
|
|---|
| 20 | res.pageY =(window.event.clientY+window.document.body.scrollTop) ;
|
|---|
| 21 | } else {
|
|---|
| 22 | res.screenX=event.screenX;
|
|---|
| 23 | res.screenY=event.screenY;
|
|---|
| 24 | res.pageX =event.pageX ;
|
|---|
| 25 | res.pageY =event.pageY ;
|
|---|
| 26 | }
|
|---|
| 27 | return res;
|
|---|
| 28 | };
|
|---|
| 29 | function m(e) {
|
|---|
| 30 | $tag("s2").set(Object.toJSON(createEvent(e)));
|
|---|
| 31 | }
|
|---|
| 32 | function go() {
|
|---|
| 33 | try {
|
|---|
| 34 | $("res").innerHTML=eval($("prog").value);
|
|---|
| 35 | } catch (e) {alert(e); throw e;}
|
|---|
| 36 | }</script>
|
|---|
| 37 | <body onmousemove="m(event)">
|
|---|
| 38 | <textarea id=prog rows=24 cols=80>
|
|---|
| 39 | var b;
|
|---|
| 40 | r=$tag("s");
|
|---|
| 41 |
|
|---|
| 42 | go2=function () {b.remove();}
|
|---|
| 43 |
|
|---|
| 44 | r.add(
|
|---|
| 45 | ["font",{color:"blue",onclick: go2},
|
|---|
| 46 | "uho!",new HelloWorldWidget(),
|
|---|
| 47 | b=tag(["input",{type:"text", size:30}])
|
|---|
| 48 | ]
|
|---|
| 49 | );
|
|---|
| 50 |
|
|---|
| 51 | </textarea>
|
|---|
| 52 | <button onclick="go()" >GO</button><Br/>
|
|---|
| 53 | <span id=res></span><Br/>
|
|---|
| 54 | <span id=s>
|
|---|
| 55 | <span id=s2>B</span>
|
|---|
| 56 | </span>
|
|---|
| 57 |
|
|---|
| 58 | <table border=1 id=t></table>
|
|---|
| 59 | </body>
|
|---|
| 60 | </html> |
|---|