mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-09-30 06:21:19 +00:00
d1288d202a
The website used to host every past test suite, copied into the www directory. We no longer need that on the website (and it makes the codebase impossible to search) so I removed all the old tests and the new tests are hosted simply at /test. I also replaced the www.js script with a simpler www.sh one (since we no longer need to do anything besides copying, really), which allowed me to remove a node dependency that was only used in that script.
108 lines
6.0 KiB
HTML
108 lines
6.0 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Test Scroll Event Handler</title>
|
|
<script src="../../node_modules/sinon/pkg/sinon.js"></script>
|
|
<script src="../util/util.js"></script>
|
|
<script src="../../src/htmx.js"></script>
|
|
|
|
<script>
|
|
server = makeServer();
|
|
server.autoRespond = true;
|
|
server.respondWith("GET", "/more_content", "Here is more content for this page, loaded 'remotely'.");
|
|
</script>
|
|
|
|
<style>
|
|
.panel {
|
|
height:200px;
|
|
background-color:#eee;
|
|
margin-bottom:20px;
|
|
padding:20px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body style="padding:20px;font-family: sans-serif">
|
|
<h1>Scrolling Event Handler Tests</h1>
|
|
<p>You should be able to scroll this page at any speed and see HTML fragments loaded into the DIVs "remotely" without any hiccups.</p>
|
|
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
<div class="panel" hx-get="/more_content" hx-trigger="revealed"></div>
|
|
|
|
</body>
|
|
</html>
|