Author: yradtsevich
Date: 2009-11-12 09:55:19 -0500 (Thu, 12 Nov 2009)
New Revision: 18649
Modified:
workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/index.html
workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/script.js
Log:
https://jira.jboss.org/jira/browse/JBIDE-5042
JavaScript prototype:
- Drop over action has been added
- Dragging support has been enhanced (opacity added)
- Now the prototype is capable with XHTML
Modified: workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/index.html
===================================================================
--- workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/index.html 2009-11-12
14:03:47 UTC (rev 18648)
+++ workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/index.html 2009-11-12
14:55:19 UTC (rev 18649)
@@ -1,31 +1,38 @@
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
-table
+table.colory
{
border-color: black;
border-width: 1px;
border-style: solid;
}
-td
+table.colory td
{
border-color: blasck;
border-width: 1px 1px 1px 1px;
border-style: solid;
margin: 0;
padding: 0px;
- background-color: yellow;
+ background-color: pink;
}
</style>
</head>
<body style="margin-left: 25px; margin-top: 25px;">
- <img id="dragIcon" src="dragIcon.gif" style="display:none;
position: absolute; cursor: move"/>
- <button id="draggableButton">DRAG ME!</button>
+ <img id="dragIcon" src="dragIcon.gif" style="display:none;
position: absolute; cursor: move; z-index: 10000"/>
+ <div id="orect" style="position: absolute;
+ background-color:rgba(255, 174, 185, 0.5);
+ left : 400px;
+ top : 100px;
+ width : 200px;
+ height : 100px;">
+ </div>
<button>Non-draggable</button>
- <P/>
- <table>
+ <button id="draggableButton">DRAG ME!</button><p/>
+ <table class="colory">
<tr id="graggableRow">
<td>Draggable row</td>
<td id="graggableRow">DRAG ME!</td>
@@ -39,8 +46,8 @@
<td>non-draggable</td>
</tr>
</table>
- <P/>
- <table id="draggableTable">
+ <p/>
+ <table id="draggableTable" class="colory">
<tr>
<th colspan="2">Draggable Table</th>
</tr>
@@ -55,7 +62,14 @@
<td>row3</td>
</tr>
</table>
- <P/>
- <input id="draggableInputText" type="text" value="DRAG
ME!">
+ <p/>
+ <input id="draggableInputText" type="text" value="DRAG
ME!"/>
+ <p/>
+ <div id="dropableArea" style="width:200px; height:100px; border-color:
black;
+ border-width: 1px;
+ border-style: solid;">
+ <center>DROPABLE AREA<br/> Drag over me!</center>
+ </div>
+ <div id="statusLine"></div>
</body>
</html>
Modified: workspace/yradtsevich/DnD/trunk/DndJsPrototype/WebContent/script.js
===================================================================
(Binary files differ)