Mercurial Hosting > dad
changeset 7:332d3e280f7e
minor
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Sun, 23 Apr 2023 20:46:17 -0600 |
parents | 4d699321068f |
children | 969d5980b375 |
files | src/examples/drop.html src/examples/handle.html src/examples/simple.html |
diffstat | 3 files changed, 11 insertions(+), 11 deletions(-) [+] |
line wrap: on
line diff
--- a/src/examples/drop.html Sun Apr 23 18:34:12 2023 -0600 +++ b/src/examples/drop.html Sun Apr 23 20:46:17 2023 -0600 @@ -6,12 +6,12 @@ @import "/site.css"; @import "/dad.css"; - span[handle] { + [handle] { display: inline-block; background-color: LightGreen; padding: 8px; } - span[outer] { + [outer] { display: inline-block; background-color: LightBlue; padding: 8px; @@ -38,8 +38,8 @@ }; function init() { - let span = document.querySelector('span[handle]'); - dad.setDraggable(span); + let handle = document.querySelector('[handle]'); + dad.setDraggable(handle); } </script> </head>
--- a/src/examples/handle.html Sun Apr 23 18:34:12 2023 -0600 +++ b/src/examples/handle.html Sun Apr 23 20:46:17 2023 -0600 @@ -6,12 +6,12 @@ @import "/site.css"; @import "/dad.css"; - span[handle] { + [handle] { display: inline-block; background-color: LightGreen; padding: 8px; } - span[outer] { + [outer] { display: inline-block; background-color: LightBlue; padding: 8px; @@ -24,8 +24,8 @@ }; function init() { - let span = document.querySelector('span[handle]'); - dad.setDraggable(span); + let handle = document.querySelector('[handle]'); + dad.setDraggable(handle); } </script> </head>
--- a/src/examples/simple.html Sun Apr 23 18:34:12 2023 -0600 +++ b/src/examples/simple.html Sun Apr 23 20:46:17 2023 -0600 @@ -6,7 +6,7 @@ @import "/site.css"; @import "/dad.css"; - span[drag] { + [drag] { display: inline-block; background-color: LightGreen; padding: 8px; @@ -15,8 +15,8 @@ <script src="/dad.js"></script> <script> function init() { - let span = document.querySelector('span[drag]'); - dad.setDraggable(span); + let drag = document.querySelector('[drag]'); + dad.setDraggable(drag); } </script> </head>