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.
83 lines
3.7 KiB
HTML
83 lines
3.7 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../src/htmx.js"></script>
|
|
<script src="../../src/ext/preload.js"></script>
|
|
|
|
<style>
|
|
div.container {
|
|
border:solid 1px black;
|
|
margin-bottom:25px;
|
|
padding:25px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body hx-ext="preload">
|
|
|
|
<div class="container" preload="preload:init" preload-images="true">
|
|
<h4>Triggered by: preload:init</h4>
|
|
<a href="preload-fragment.html?init=xhr1">Trigger on load (xhr)</a><br>
|
|
<a href="preload-fragment.html?init=xhr2">Trigger on load (xhr)</a><br>
|
|
<button hx-get="preload-fragment.html?init=hx-get">Trigger on load (hx-get)</a><br>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h4>Defaults</h4>
|
|
<a href="preload-fragment.html?default=link" preload>Trigger mousedown immediately</a><br>
|
|
<button hx-get="preload-fragment.html?default=button" preload>Trigger mousedown immediately</button><br>
|
|
</div>
|
|
|
|
<div class="container" preload="mouseover">2.html
|
|
<h4>Inherited</h4>
|
|
<a href="preload-fragment.html?inherited=link">Trigger mouseover (after 100ms)</a><br>
|
|
<button hx-get="preload-fragment.html?inherited=button">Trigger mousedown (after 100ms)</button><br>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h4>Mouse Over</h4>
|
|
<button hx-get="preload-fragment.html?on=mouseover1" preload="mouseover">Trigger on mouseover</button><br>
|
|
<button hx-get="preload-fragment.html?on=mouseover2" preload="mouseover">Trigger on mouseover</button><br>
|
|
<button hx-get="preload-fragment.html?on=mouseover3" preload="mouseover">Trigger mouseover</button><br>
|
|
<a href="preload-fragment.html?on=mouseover4" preload="mouseover">Trigger on mouseover</a><br>
|
|
<a href="preload-fragment.html?on=mouseover5" preload="mouseover">Trigger on mouseover</a><br>
|
|
<a href="preload-fragment.html?on=mouseover6" preload="mouseover">Trigger mouseover</a><br>
|
|
|
|
<h4>Mouse Down</h4>
|
|
<button hx-get="preload-fragment.html?on=mousedown1" preload="mousedown">Trigger on mousedown</button><br>
|
|
<button hx-get="preload-fragment.html?on=mousedown2" preload="mousedown">Trigger on mousedown</button><br>
|
|
<button hx-get="preload-fragment.html?on=mousedown3" preload="mousedown">Trigger mousedown</button><br>
|
|
<a href="preload-fragment.html?on=mousedown4" preload="mousedown">Trigger on mousedown</a><br>
|
|
<a href="preload-fragment.html?on=mousedown5" preload="mousedown">Trigger on mousedown</a><br>
|
|
<a href="preload-fragment.html?on=mousedown6" preload="mousedown">Trigger mousedown</a><br>
|
|
|
|
</div>
|
|
|
|
<div class="container" hx-get="preload-fragment.html?complex=mousedown" preload="mousedown">
|
|
<h4>Mouse Down</h4>
|
|
<div>This is a complex object</div>
|
|
<div>With many sub-objects</div>
|
|
<div>Preload should only be canceled</div>
|
|
<div>If we leave the whole parent</div>
|
|
<div>Triggers on:mouseover after 1s</div>
|
|
</div>
|
|
|
|
<div class="container" hx-get="preload-fragment.html?complex=mouseover" preload="mouseover">
|
|
<h4>Mouse Over</h4>
|
|
<div>This is a complex object</div>
|
|
<div>With many sub-objects</div>
|
|
<div>Preload should only be canceled</div>
|
|
<div>If we leave the whole parent</div>
|
|
<div>Triggers on:mouseover after 1s</div>
|
|
</div>
|
|
|
|
<div class="container" hx-get="preload-fragment.html?complex=default" preload>
|
|
<h4>Default (Mouse Down)</h4>
|
|
<div>This is a complex object</div>
|
|
<div>With many sub-objects</div>
|
|
<div>Preload should only be canceled</div>
|
|
<div>If we leave the whole parent</div>
|
|
<div>Triggers on:mouseover after 1s</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |