sheep-market

commit

c72898b3a8377e774b1c2e781a59a2be390b5eac

parent

791f025620892e1883835559f5880ca23845bb97

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2019-08-29 07:11

add dialog-polyfill

Diffstat

2 files changed, 5 insertions, 0 deletions

diff --git a/index.html b/index.html

@@ -4,6 +4,7 @@
    4     4     <meta charset="utf-8" />
    5     5     <title>The Sheep Market</title>
    6     6     <link rel="stylesheet" href="style.css" />
   -1     7     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.5.0/dialog-polyfill.min.css" integrity="sha256-qVjBFbunjrWQ4IikV5dkK1ziW9XKskisX1rUbCIJEhk=" crossorigin="anonymous" />
    7     8     <!-- This is a HTML5 clone of http://thesheepmarket.com -->
    8     9 </head>
    9    10 
@@ -44,5 +45,6 @@
   44    45         </ul>
   45    46     </dialog>
   46    47 
   -1    48     <script src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.5.0/dialog-polyfill.min.js" integrity="sha256-zuWV5NPG/4LAjEtLJIe7ZyTHW7glLsCJcP2za9U7KEM=" crossorigin="anonymous"></script>
   47    49     <script src="sheep.js"></script>
   48    50 </body>

diff --git a/sheep.js b/sheep.js

@@ -101,6 +101,9 @@ if (id) {
  101   101 	setHelperPosition(gridFocus, i, j);
  102   102 }
  103   103 
   -1   104 var dialog = document.querySelector('dialog');
   -1   105 dialogPolyfill.registerDialog(dialog);
   -1   106 
  104   107 document.querySelector('[href="#more"]').addEventListener('click', function(event) {
  105   108 	event.preventDefault();
  106   109 	document.querySelector('#more').showModal();