Author: jmorliaguet
Date: Mon Mar 13 21:00:53 2006
New Revision: 2634
Modified:
cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_dragdrop_test.html
Log:
- the opacity can be set on dragged objects
- test updates
Modified: cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js
==============================================================================
--- cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js (original)
+++ cpsskins/branches/jmo-perspectives/ui/framework/cpsskins.js Mon Mar 13
21:00:53 2006
@@ -705,6 +705,7 @@
}
}
this.dragged = draggable;
+ this.dragged.setOpacity(this.def.dragging.opacity || 0.8);
this.moved.setStyle({'position': 'absolute'});
this.moved.moveTo({'x': x-this.x1, 'y': y-this.y1});
@@ -794,6 +795,7 @@
});
}
}
+ this.dragged.setOpacity(1);
Event.stop(e);
}
Modified:
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_dragdrop_test.html
==============================================================================
---
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_dragdrop_test.html
(original)
+++
cpsskins/branches/jmo-perspectives/ui/framework/tests/functional/cpsskins_dragdrop_test.html
Mon Mar 13 21:00:53 2006
@@ -104,7 +104,7 @@
"feedback": {
"opacity": 0.8,
"border": "#000",
- "background": "#fc3"
+ "background": "#9c3"
}
}
}}
@@ -115,7 +115,8 @@
"type": "drag-and-drop",
"action": "displayInfo",
"dragging": {
- "sources": ["#movethis"]
+ "sources": ["#movethis"],
+ "opacity": 0.6
},
"dropping": {
"targets": ["#drophere"],
@@ -171,7 +172,7 @@
<div style="clear:both"></div>
<table style="width: 100%">
- <tr valign="top" style="height: 200px">
+ <tr valign="top" style="height: 120px">
<td style="width: 20%" class="container">
<div class="block">A</div>
</td>
@@ -184,6 +185,20 @@
</tr>
</table>
+ <table style="width: 100%">
+ <tr valign="top" style="height: 120px">
+ <td style="width: 20%" class="container">
+ <div class="block">D</div>
+ </td>
+ <td style="width: 60%" class="container">
+ <div class="block">E</div>
+ </td>
+ <td style="width: 20%" class="container">
+ <div class="block">F</div>
+ </td>
+ </tr>
+ </table>
+
<script type="text/javascript">
function displayInfo(event) {
}
--
http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins
