<body id="body">
<div id="right-test"
- style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 133px;top: 400px;"></div>
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 100px;"></div>
+
+ <div id="right-move-test"
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 600px;"></div>
+
+ <div id="left-flip-test"
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 400px;"></div>
<div id="below-test"
- style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 100px;"></div>
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
<div id="below-bad-test"
- style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 500px;"></div>
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
<div id="above-bad-test"
- style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 100px;"></div>
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
<div id="above-test"
- style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 500px;"></div>
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
+
+
+ <div id="left-test"
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 100px;"></div>
+
+ <div id="left-move-test"
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 600px;"></div>
+
+ <div id="right-flip-test"
+ style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 400px;"></div>
+
</body>
<script type="text/javascript">
Roo.onReady(function() {
Roo.get('right-test').on('click', function(e) {
-
Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
});
+
+ Roo.get('right-move-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
+ });
+
+ Roo.get('left-flip-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
+ });
+
+ Roo.get('left-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
+ });
+
+ Roo.get('left-move-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
+ });
+
+ Roo.get('right-flip-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
+ });
+
+
Roo.get('below-test').on('click', function(e) {
Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'bottom');
});
+ Roo.get('below-bad-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'bottom');
+ });
+
+ Roo.get('above-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'top');
+ });
+ Roo.get('above-bad-test').on('click', function(e) {
+ Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'top');
+ });
//Pman.Popover.FileTest.show({ });
//Roo.get("bootstrap-body").on('click', function() { Pman.Popover.FileTest.show({ _el : Roo.get("bootstrap-body") }); })