diff options
| author | nobody <nobody@zotlabs.com> | 2021-08-25 19:13:31 -0700 |
|---|---|---|
| committer | nobody <nobody@zotlabs.com> | 2021-08-25 19:13:31 -0700 |
| commit | aa2106f9495bee4dcf0701fbd9fec8de6fa44984 (patch) | |
| tree | f2e7178f78311069bd54471f6c063c5901d16fb7 /library/Sortable/tests/nested.html | |
| parent | 73b53675b1a339cfd950845279438e35b4e2dc7c (diff) | |
| parent | 6261d0826c49ca24df9f694931592fbb9bf60f7e (diff) | |
| download | volse-hubzilla-aa2106f9495bee4dcf0701fbd9fec8de6fa44984.tar.gz volse-hubzilla-aa2106f9495bee4dcf0701fbd9fec8de6fa44984.tar.bz2 volse-hubzilla-aa2106f9495bee4dcf0701fbd9fec8de6fa44984.zip | |
Merge branch 'dev' of https://framagit.org/hubzilla/core into dev
Diffstat (limited to 'library/Sortable/tests/nested.html')
| -rw-r--r-- | library/Sortable/tests/nested.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/library/Sortable/tests/nested.html b/library/Sortable/tests/nested.html new file mode 100644 index 000000000..f9dd15778 --- /dev/null +++ b/library/Sortable/tests/nested.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html> +<head> + <title></title> + <link rel="stylesheet" type="text/css" href="./style.css"> +</head> +<body> + +<div id="list1" class="list"> + <div>Item 1.1 + <div class="list n1"> + <div>Item 2.1</div> + <div>Item 2.2 + <div class="list n2"> + <div>Item 3.1</div> + <div>Item 3.2</div> + <div>Item 3.3</div> + <div>Item 3.4</div> + </div> + </div> + <div>Item 2.3</div> + <div>Item 2.4</div> + </div> + </div> + <div>Item 1.2</div> + <div>Item 1.3</div> + <div>Item 1.4 + <div class="list n1"> + <div>Item 2.1</div> + <div>Item 2.2</div> + <div>Item 2.3</div> + <div>Item 2.4</div> + </div> + </div> + <div>Item 1.5</div> +</div> + +<style> + .n1 > div { + background-color: lightblue; + } + + .n2 > div { + background-color: lightgreen + } + + .list { + padding: 50px; + } + +</style> + +<script src="../Sortable.js"></script> + +<script type="text/javascript"> + var elements = document.getElementsByClassName('list'); + + for (var i = 0; i < elements.length; i++) { + new Sortable(elements[i], { + group: 'shared', + invertSwap: true + }); + } +</script> + +</body> +</html> |