Ticket #6350: test2.html

File test2.html, 2.5 kB (added by guest, 10 months ago)

small HTML page example of the problem

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2        "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4<head>
5        <title>dojox.layout.FloatPane - simplest extension on TitlePane ... ever.</title>
6               
7        <script type="text/javascript" src="http://localhost:8180/id/dojo/dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true" ></script>
8        <script type="text/javascript" src="http://localhost:8180/id/dojo/dojo/dnd/Source.js" ></script>
9        <script type="text/javascript" src="http://localhost:8180/id/dojo/dojo/dnd/Manager.js" ></script>
10        <script type="text/javascript">
11                dojo.require("dijit.layout.ContentPane");
12                dojo.require("dijit.layout.BorderContainer");
13                dojo.require("dojox.layout.FloatingPane");
14                dojo.require("dijit.Dialog");
15                dojo.require("dojo.dnd.Source");
16                dojo.require("dojo.parser"); // scan page for widgets
17
18                dojo.addOnLoad(function() {
19                        dojo.connect(dojo.byId('cp2'), 'onmousemove', function() {
20                                console.log("My.mousemove");
21                        });
22
23                        dojo.connect(dojo.byId('div1'), 'onmouseover', function() {
24                                console.log("div.mouseover");
25                        });
26                });
27        </script>
28        <style type="text/css">
29                @import "http://localhost:8180/id/dojo/dojo/resources/dojo.css";
30                @import "http://localhost:8180/id/dojo/dijit/themes/dijit.css";
31                @import "http://localhost:8180/id/dojo/dijit/themes/tundra/tundra.css";
32                @import "http://localhost:8180/id/dojo/dojox/layout/resources/FloatingPane.css";
33                @import "http://localhost:8180/id/dojo/dojox/layout/resources/ResizeHandle.css";
34
35                .target {border: 1px dotted gray; padding: 5px;width: 300px; height: 300px;}
36                .source {border: 1px dotted skyblue;height: 200px; width: 300px;}
37                .bluesquare {height:50px;width:100px;background-color:skyblue}
38                .redsquare {height:50px;width:100px;background-color:red}
39        </style>
40</head>
41<body class="tundra">
42
43<div dojoType="dijit.layout.BorderContainer" style="border: 2px solid black; width: 100%; height: 300px;">
44        <div dojoType="dijit.layout.ContentPane" region="left" splitter="true">
45                <div dojoType="dojo.dnd.Source" id="mySource2" class="source">
46                        SOURCE
47                        <div class="dojoDndItem" dndType="blue">
48                                <div class="bluesquare">BLUE</div>
49                        </div>
50                        <div class="dojoDndItem" dndType="red,darkred">
51                                <div class="redsquare">RED</div>
52                        </div>
53                </div>
54                <div id="div1" style="width: 50px; border: 1px solid black;">This is some content</div>
55        </div>
56        <div dojoType="dijit.layout.ContentPane" id="cp2" region="center">
57                <div dojoType="dojo.dnd.Source" id="myTarget2" accept="blue,darkred" style="border: 1px solid black;">
58                        Content is<br />
59                        some content
60                </div>
61        </div>
62</div>
63
64</body>
65</html>