4 <title>Bootstrap 101 Template</title>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <link rel="stylesheet" href="../../css-bootstrap4/sb-admin-2.min.css">
9 <link rel="stylesheet" href="../../css-bootstrap4/roojs-bootstrap.css">
10 <link rel="stylesheet" href="../../fonts/font-awesome.css">
16 <script type="text/javascript" src="../../roojs-core-debug.js"></script>
17 <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
18 <script type="text/javascript" src="../../Roo/bootstrap/Popover.js"></script>
20 <script type="text/javascript">
24 <script type="text/javascript" src="../bootstrap/popover.js"></script>
30 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 100px;"></div>
32 <div id="right-move-test"
33 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 600px;"></div>
35 <div id="left-flip-test"
36 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 400px;"></div>
39 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
41 <div id="below-bad-test"
42 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
44 <div id="above-bad-test"
45 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
48 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
52 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 700px;top: 100px;"></div>
54 <div id="left-move-test"
55 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 700px;top: 600px;"></div>
57 <div id="right-flip-test"
58 style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 700px;top: 400px;"></div>
62 <script type="text/javascript">
63 Roo.onReady(function() {
64 Roo.get('right-test').on('click', function(e) {
65 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
68 Roo.get('right-move-test').on('click', function(e) {
69 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
72 Roo.get('left-flip-test').on('click', function(e) {
73 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
76 Roo.get('left-test').on('click', function(e) {
77 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
80 Roo.get('left-move-test').on('click', function(e) {
81 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
84 Roo.get('right-flip-test').on('click', function(e) {
85 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
89 Roo.get('below-test').on('click', function(e) {
90 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'bottom');
93 Roo.get('below-bad-test').on('click', function(e) {
94 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'bottom');
97 Roo.get('above-test').on('click', function(e) {
98 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'top');
100 Roo.get('above-bad-test').on('click', function(e) {
101 Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'top');
104 //Pman.Popover.FileTest.show({ });
105 //Roo.get("bootstrap-body").on('click', function() { Pman.Popover.FileTest.show({ _el : Roo.get("bootstrap-body") }); })