diff options
| author | Mario <mario@mariovavti.com> | 2021-09-08 07:43:40 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2021-09-08 07:43:40 +0000 |
| commit | 4c5f0a05c75cc66113f589a3ffe6df351abb1273 (patch) | |
| tree | 15148d08a99f8375992e554a90e6d4333286a7cc /library/Sortable/st/iframe/index.html | |
| parent | 952407363e245d41986cfb90e4ccf509bddc7322 (diff) | |
| parent | 977a55eb8423745e4d88257b704d3e36f7337b9f (diff) | |
| download | volse-hubzilla-6.2.tar.gz volse-hubzilla-6.2.tar.bz2 volse-hubzilla-6.2.zip | |
Merge branch '6.2RC'6.2
Diffstat (limited to 'library/Sortable/st/iframe/index.html')
| -rw-r--r-- | library/Sortable/st/iframe/index.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/library/Sortable/st/iframe/index.html b/library/Sortable/st/iframe/index.html new file mode 100644 index 000000000..fcd089857 --- /dev/null +++ b/library/Sortable/st/iframe/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>IFrame playground</title> +</head> +<body> + + +<!-- Latest compiled and minified CSS --> +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> + + +<!-- Latest Sortable --> +<script src="../../Sortable.js"></script> + + +<!-- Simple List --> +<div id="simpleList" class="list-group"> + <div class="list-group-item">This is <a href="http://rubaxa.github.io/Sortable/">Sortable</a></div> + <div class="list-group-item">It works with Bootstrap...</div> + <div class="list-group-item">...out of the box.</div> + <div class="list-group-item">It has support for touch devices.</div> + <div class="list-group-item">Just drag some elements around.</div> +</div> + +<script> + (function () { + Sortable.create(simpleList, {group: 'shared'}); + + + var iframe = document.createElement('iframe'); + + iframe.src = 'frame.html'; + iframe.width = '100%'; + iframe.onload = function () { + var doc = iframe.contentDocument, + list = doc.getElementById('listWithHandle'); + + Sortable.create(list, {group: 'shared'}); + }; + + + document.body.appendChild(iframe); + })(); +</script> + +</body> +</html> |