Skip to content

Commit

Permalink
5.1.0 (2015-03-06)
Browse files Browse the repository at this point in the history 
- code cleaning - thanks to Naresh Jain
- drag class name and container id renamed to redips-drag
- mark class name renamed to redips-mark
- clone class name renamed to redips-clone
- only class name renamed to redips-only
- single class name renamed to redips-single
- trash class name renamed to redips-trash
- rowhandler class name renamed to redips-rowhandler
- row class name renamed to redips-row
- nolayout class name renamed to redips-nolayout
- noautoscroll class name renamed to redips-noautoscroll
- nodrag class name renamed to redips-nodrag
  • Loading branch information
@dbunic
dbunic committed Mar 20, 2015
1 parent ce191f2 commit a7fa1d0
Show file tree
Hide file tree
Showing 102 changed files with 1,103 additions and 1,065 deletions.
16 changes: 15 additions & 1 deletion changes.txt
View file
@@ -1,5 +1,19 @@
Changes for REDIPS.drag library

5.1.0 (2015-03-06)
- code cleaning - thanks to Naresh Jain
- drag class name and container id renamed to redips-drag
- mark class name renamed to redips-mark
- clone class name renamed to redips-clone
- only class name renamed to redips-only
- single class name renamed to redips-single
- trash class name renamed to redips-trash
- rowhandler class name renamed to redips-rowhandler
- row class name renamed to redips-row
- nolayout class name renamed to redips-nolayout
- noautoscroll class name renamed to redips-noautoscroll
- nodrag class name renamed to redips-nodrag

5.0.9 (2014-08-29)
- fixed bug in findParent() method (problem with skip and search nodes)

Expand Down Expand Up @@ -486,7 +500,7 @@ Changes for REDIPS.drag library

2.2.0
- added property "only" to enable defined DIV elements for marked table cell with class name 'only'
- properties "mark_cname", "marked_cell" and "marked_exception" replaced with object "mark"
- properties "mark_cname", "marked_cell" and "marked_exception" replaced with object "redips-mark"

2.1.1
- enabled textarea to be editable inside a dragable div
Expand Down
4 changes: 2 additions & 2 deletions example00/index1.html
View file
Expand Up @@ -12,7 +12,7 @@
<body onload="REDIPS.drag.init()">
<center>
<!-- tables inside this DIV could contain drag-able content -->
<div id="drag">
<div id="redips-drag">
<table>
<colgroup>
<col width="100"/>
Expand All @@ -27,7 +27,7 @@
</tr>
<tr>
<td></td>
<td><div class="drag">Hello World!</div></td>
<td><div class="redips-drag">Hello World!</div></td>
<td></td>
</tr>
<tr>
Expand Down
4 changes: 2 additions & 2 deletions example00/index2.html
View file
Expand Up @@ -19,7 +19,7 @@
<!-- input table -->
<input type="button" value="Load" class="button" onclick="redips.load_table(this)" title="Load table"/>
<!-- tables inside this DIV could contain drag-able content -->
<div id="drag">
<div id="redips-drag">
<table>
<colgroup>
<col width="100"/>
Expand All @@ -34,7 +34,7 @@
</tr>
<tr>
<td></td>
<td><div class="drag">Hello World!</div></td>
<td><div class="redips-drag">Hello World!</div></td>
<td></td>
</tr>
<tr>
Expand Down
8 changes: 4 additions & 4 deletions example00/style.css
View file
Expand Up @@ -12,20 +12,20 @@ body{
}

/* make drag container visible */
#drag{
#redips-drag{
border: 2px dashed LightBlue;
display: table;
}

/* table */
div#drag table {
div#redips-drag table {
background-color: #eee;
border-collapse: collapse;
margin: 7px;
}

/* table cells */
div#drag td{
div#redips-drag td{
border: 1px solid navy;
height: 50px;
text-align: center;
Expand All @@ -34,7 +34,7 @@ div#drag td{
}

/* drag object (DIV inside table cell) */
.drag{
.redips-drag {
margin: auto;
text-align: center;
width: 87px;
Expand Down
64 changes: 32 additions & 32 deletions example01/index.html
View file
Expand Up @@ -12,41 +12,41 @@
</head>
<body>
<!-- tables inside this DIV could have draggable content -->
<div id="drag">
<div id="redips-drag">
<table id="table1">
<colgroup><col width="100"/><col width="100"/><col width="100"/><col width="100"/><col width="100"/></colgroup>
<tr>
<td class="mark">You</td>
<td class="mark">can</td>
<td class="mark">not</td>
<td class="mark">drop</td>
<td class="mark">here</td>
<td class="redips-mark">You</td>
<td class="redips-mark">can</td>
<td class="redips-mark">not</td>
<td class="redips-mark">drop</td>
<td class="redips-mark">here</td>
</tr>
<tr style="background-color: #eee">
<td><div id="d1" class="drag t1">Drag</div></td>
<td><div id="d1" class="redips-drag t1">Drag</div></td>
<td></td>
<td><div id="d2" class="drag t1">and</div></td>
<td><div id="d3" class="drag t1">drop</div></td>
<td><div id="d2" class="redips-drag t1">and</div></td>
<td><div id="d3" class="redips-drag t1">drop</div></td>
<td></td>
</tr>
<tr>
<td><div id="d4" class="drag t1">content</div></td>
<td><div id="d4" class="redips-drag t1">content</div></td>
<td></td>
<td></td>
<td></td>
<td><div id="d5" class="drag t1"><select style="width: 60px"><option>table</option><option>drop</option><option>down</option><option>menu</option></select></div></td>
<td><div id="d5" class="redips-drag t1"><select style="width: 60px"><option>table</option><option>drop</option><option>down</option><option>menu</option></select></div></td>
</tr>
<tr style="background-color: #eee">
<td></td>
<td><div id="d6" class="drag t1">with</div></td>
<td><div id="d6" class="redips-drag t1">with</div></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><div id="d7" class="drag t1">JavaScript</div></td>
<td><div id="d7" class="redips-drag t1">JavaScript</div></td>
<td></td>
<td></td>
</tr>
Expand All @@ -55,24 +55,24 @@
<td></td>
<td></td>
<td></td>
<td><div id="d8" class="drag t1"><img id="smile_img" src="icon_smile.gif"/></div></td>
<!-- <td><div id="d8" class="drag t1"><img id="smile_img" src="/wp-includes/images/smilies/icon_smile.gif"/></div></td> -->
<td><div id="d8" class="redips-drag t1"><img id="smile_img" src="icon_smile.gif"/></div></td>
<!-- <td><div id="d8" class="redips-drag t1"><img id="smile_img" src="/wp-includes/images/smilies/icon_smile.gif"/></div></td> -->
</tr>
</table>
<table id="table2">
<colgroup><col width="100"/><col width="100"/><col width="100"/><col width="100"/><col width="100"/></colgroup>
<tr>
<td class="mark" title="You can not drop here">Table2</td>
<td style="background-color: #eee"><div id="d9" class="drag t2">and</div></td>
<td class="redips-mark" title="You can not drop here">Table2</td>
<td style="background-color: #eee"><div id="d9" class="redips-drag t2">and</div></td>
<td rowspan="3" style="background-color: #C6C8CB" title="rowspan 3"></td>
<td style="background-color: #eee"></td>
<td></td>
</tr>
<tr>
<td><div id="d10" class="drag t2">Drag</div></td>
<td><div id="d10" class="redips-drag t2">Drag</div></td>
<td style="background-color: #eee"></td>
<td style="background-color: #eee"><div id="d11" class="drag t2">drop</div></td>
<td><div id="d12" class="drag t2">table</div></td>
<td style="background-color: #eee"><div id="d11" class="redips-drag t2">drop</div></td>
<td><div id="d12" class="redips-drag t2">table</div></td>
</tr>
<tr>
<td colspan="2" style="background-color: #C6C8CB" title="colspan 2"></td>
Expand All @@ -84,48 +84,48 @@
<td colspan="2" style="background-color: #C6C8CB" title="colspan 2"></td>
</tr>
<tr>
<td><div id="d13" class="drag t2"><input type="text" style="width: 60px" value="content"/></div></td>
<td><div id="d13" class="redips-drag t2"><input type="text" style="width: 60px" value="content"/></div></td>
<td style="background-color: #eee"></td>
<td style="background-color: #eee"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background-color: #eee"><div id="d14" class="drag t2">with</div></td>
<td style="background-color: #eee"><div id="d15" class="drag t2">JavaScript</div></td>
<td class="mark smile" title="Only smile can be placed here"></td>
<td style="background-color: #eee"><div id="d14" class="redips-drag t2">with</div></td>
<td style="background-color: #eee"><div id="d15" class="redips-drag t2">JavaScript</div></td>
<td class="redips-mark smile" title="Only smile can be placed here"></td>
</tr>
</table>
<table id="table3">
<colgroup><col width="100"/><col width="100"/><col width="100"/><col width="100"/><col width="100"/></colgroup>
<tr style="background-color: #eee">
<td id="message" class="mark" title="You can not drop here">Table3</td>
<td id="message" class="redips-mark" title="You can not drop here">Table3</td>
<!-- jump to smile image -->
<td><div id="link1" class="drag t3"><a href="#smile_img" title="Jump to the smile image (links can be used as well)">Smile</a></div></td>
<td><div id="link1" class="redips-drag t3"><a href="#smile_img" title="Jump to the smile image (links can be used as well)">Smile</a></div></td>
<td></td>
<td></td>
<td><div id="d16" class="drag t3"><input type="checkbox" name="cb1"/><input type="checkbox" name="cb2"/><input type="checkbox" name="cb3"/></div></td>
<td><div id="d16" class="redips-drag t3"><input type="checkbox" name="cb1"/><input type="checkbox" name="cb2"/><input type="checkbox" name="cb3"/></div></td>
</tr>
<tr>
<td></td>
<td></td>
<td><div id="d17" class="drag t3 clone" title="infinite cloning">Clone</div></td>
<td><div id="d17" class="redips-drag t3 redips-clone" title="infinite cloning">Clone</div></td>
<td></td>
<td></td>
</tr>
<tr>
<td><div id="d18" class="drag t3 clone climit1_3" title="Clone three elements">(1) Clone</div></td>
<td><div id="d18" class="redips-drag t3 redips-clone climit1_3" title="Clone three elements">(1) Clone</div></td>
<td></td>
<td></td>
<td></td>
<td><div id="d19" class="drag t3 clone climit2_2" title="Clone two elements and die">(2) Clone</div></td>
<td><div id="d19" class="redips-drag t3 redips-clone climit2_2" title="Clone two elements and die">(2) Clone</div></td>
</tr>
<tr style="background-color: #eee">
<td><div id="d20" class="drag t3"><input type="radio" name="radio1"/><input type="radio" name="radio1"/><input type="radio" name="radio1"/></div></td>
<td><div id="d20" class="redips-drag t3"><input type="radio" name="radio1"/><input type="radio" name="radio1"/><input type="radio" name="radio1"/></div></td>
<td></td>
<td></td>
<td></td>
<td class="trash" title="Trash">Trash</td>
<td class="redips-trash" title="Trash">Trash</td>
</tr>
</table>
<div><input type="button" value="Save1" class="button" onclick="save('plain')" title="Send content to the server (it will only show accepted parameters)"/><span class="message_line">Save content of the first table (plain query string)</span></div>
Expand Down
16 changes: 8 additions & 8 deletions example01/style.css
View file
Expand Up @@ -16,19 +16,19 @@ body {
}

/* drag container */
#drag {
#redips-drag {
margin: auto;
width: 530px;
}

/* set border for images inside DRAG region - exclude image margin inheritance */
/* my WordPress theme had some funny margin settings */
#drag img {
#redips-drag img {
margin: 1px;
}

/* drag objects (DIV inside table cells) */
.drag {
.redips-drag {
cursor: move;
margin: auto;
margin-bottom: 1px;
Expand Down Expand Up @@ -59,25 +59,25 @@ body {
border: 2px solid #FF8A58;
}
/* allow / deny access to cells marked with 'mark' class name */
.mark {
.redips-mark {
color: white;
background-color: #9B9EA2;
}
/* trash cell */
.trash {
.redips-trash {
color: white;
background-color: #2D4B7A;
}

/* tables */
div#drag table {
div#redips-drag table {
background-color: #e0e0e0;
border-collapse: collapse;
}


/* input elements in dragging container */
div#drag input {
div#redips-drag input {
cursor: auto;
}
/* height for input text in DIV element */
Expand All @@ -90,7 +90,7 @@ div#drag input {
}

/* table cells */
div#drag td {
div#redips-drag td {
height: 32px;
border: 1px solid white;
text-align: center;
Expand Down
6 changes: 3 additions & 3 deletions example02/index.html
View file
Expand Up @@ -12,7 +12,7 @@
</head>
<body>
<!-- tables inside this DIV could have draggable content -->
<div id="drag">
<div id="redips-drag">
<table id="table1">
<colgroup>
<col width="100"/>
Expand Down Expand Up @@ -43,7 +43,7 @@
</tr>
<tr>
<!-- define green clone element (2 cloned elements + last element) -->
<td class="dark"><div id="green" class="drag green clone climit1_2">Green</div></td>
<td class="dark"><div id="green" class="redips-drag green redips-clone climit1_2">Green</div></td>
<td class="mark blank"></td>
<td></td>
<td class="mark orange_cell single"></td>
Expand All @@ -62,7 +62,7 @@
</tr>
<tr>
<!-- define orange clone element (2 cloned elements + last element) -->
<td class="dark"><div id="orange" class="drag orange clone climit1_2">Orange</div></td>
<td class="dark"><div id="orange" class="redips-drag orange redips-clone climit1_2">Orange</div></td>
<td class="mark blank"></td>
<td></td>
<td class="mark green_cell single"></td>
Expand Down
16 changes: 8 additions & 8 deletions example02/style.css
View file
Expand Up @@ -12,7 +12,7 @@ body{
}

/* drag container*/
#drag{
#redips-drag {
/* make drag div visible */
/* border: 2px solid lime; */

Expand All @@ -25,7 +25,7 @@ body{
}

/* drag objects (DIV inside table cells) */
.drag{
.redips-drag {
cursor: move;
margin: auto;
z-index: 10;
Expand All @@ -45,14 +45,14 @@ body{
}

/* tables */
div#drag table{
div#redips-drag table {
background-color: #eee;
border-collapse: collapse;
margin: auto;
}

/* table cells */
div#drag td{
div#redips-drag td {
height: 32px;
border: 1px solid white;
text-align: center;
Expand All @@ -76,22 +76,22 @@ div#drag td{
}

/* green cell */
.green_cell{
.green_cell {
background-color: #AFD0A7;
}

/* orange cell */
.orange_cell{
.orange_cell {
background-color: #DDC5B5;
}

/* message line */
#message{
#message {
color: white;
background-color: #aaa
}

/* left column and corners in main table */
.dark{
.dark {
background-color: #e0e0e0;
}

0 comments on commit a7fa1d0

Please sign in to comment.