Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame] | 1 | <script> |
| 2 | (function() { |
| 3 | 'use strict'; |
| 4 | document.addEventListener('DOMContentLoaded', function() { |
| 5 | var title = document.querySelector('#header-title'); |
| 6 | if(title) { |
| 7 | title.innerHTML = 'Sticky Header'; |
| 8 | } |
| 9 | }); |
| 10 | |
| 11 | var btn = document.querySelector('#a-button'); |
| 12 | btn.addEventListener('click', function() { |
| 13 | |
| 14 | var content = document.querySelector('.mdl-layout__content'); |
| 15 | content.insertAdjacentHTML('beforeend', |
| 16 | '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor lorem eu faucibus aliquet. ' + |
| 17 | 'In vehicula risus turpis, ut dictum ante tristique et. Aenean ultricies sed urna ac condimentum. ' + |
| 18 | 'Vivamus nisl tortor, ultricies at aliquam nec, semper at purus. Duis purus tortor, laoreet eget ante a, ' + |
| 19 | 'rhoncus vulputate lorem. Pellentesque id enim ut massa posuere vestibulum sit amet eget elit. Nulla quis ' + |
| 20 | 'euismod massa, id varius dui. Ut congue urna non ipsum placerat rhoncus. Curabitur a sollicitudin diam. ' + |
| 21 | 'Donec id lectus eleifend, blandit magna a, mattis turpis. Fusce non tellus pulvinar, finibus dui ac, ' + |
| 22 | 'porttitor ante. Vestibulum et commodo purus, et tincidunt nulla. Suspendisse blandit sodales est, nec ' + |
| 23 | 'luctus sem sollicitudin in. Etiam libero tellus, porttitor sit amet velit a, commodo sodales neque.</p>' + |
| 24 | '<p>Maecenas id sodales lacus, eu ullamcorper nibh. Sed posuere consectetur nunc nec dapibus. Nam tristique ' + |
| 25 | 'ex vel urna dapibus luctus. Phasellus eget mi ac tortor aliquet auctor non vitae risus. Cum sociis natoque ' + |
| 26 | 'penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec et egestas elit. Sed id lorem enim.' + |
| 27 | 'Aliquam maximus enim sed tincidunt pretium.</p>' + |
| 28 | '<p>Phasellus dictum, leo vel bibendum efficitur, mauris metus volutpat magna, at pharetra libero dolor id ' + |
| 29 | 'tellus. Mauris convallis tempus libero, sit amet suscipit massa maximus a. Duis ut dignissim nulla, nec ' + |
| 30 | 'gravida purus. Proin eget erat justo. Phasellus congue sapien eleifend sapien mollis, nec molestie eros ' + |
| 31 | 'efficitur. Pellentesque et diam at risus ultrices pharetra nec in augue. Phasellus vestibulum, lacus a ' + |
| 32 | 'dictum vulputate, mauris nisi dictum massa, in venenatis felis sapien a nunc. Integer mi tellus, imperdiet ' + |
| 33 | 'vel dignissim sed, fringilla ut urna.</p>' + |
| 34 | '<p>Suspendisse potenti. Pellentesque eget suscipit orci, at tempor est. Cras sed sollicitudin nunc. Donec ' + |
| 35 | 'convallis, arcu a euismod cursus, arcu odio pharetra lectus, vitae feugiat diam massa vestibulum metus. In ' + |
| 36 | 'odio tellus, consectetur eget est et, vehicula hendrerit dolor. Ut ultrices nulla tellus, sit amet ' + |
| 37 | 'consectetur dolor aliquet quis. Etiam non fermentum dolor.</p>' + |
| 38 | '<p>Donec accumsan risus in lectus sollicitudin ' + |
| 39 | 'vulputate. Praesent condimentum a leo at interdum. Donec ' + |
| 40 | 'pharetra congue erat a accumsan. Aliquam gravida ' + |
| 41 | 'lobortis mi, id elementum sapien ultrices vel. ' + |
| 42 | 'Pellentesque habitant morbi tristique senectus et ' + |
| 43 | 'netus et malesuada fames ac turpis egestas. Proin ' + |
| 44 | 'consequat enim orci, nec blandit lorem luctus ut. ' + |
| 45 | 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' + |
| 46 | 'Etiam pretium nunc non metus gravida, nec tincidunt ' + |
| 47 | 'tortor volutpat. Aliquam erat volutpat. Curabitur ' + |
| 48 | 'varius purus ac auctor pharetra.</p>'); |
| 49 | }); |
| 50 | |
| 51 | }()); |
| 52 | </script> |