itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 07:21:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

SSE Test Server

Browse Source
This commit is contained in:
Ben Pate 2021-11-15 10:15:15 -07:00
parent 6f9c3c2e03
commit 0e3e61b0ac
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
test/servers/sse/static/index.html
View File

@ -4,13 +4,20 @@
<title>&lt;/&gt; htmx SSE Test Server</title> <title>&lt;/&gt; htmx SSE Test Server</title>
<script src="/htmx/htmx.js"></script> <script src="/htmx/htmx.js"></script>
<script src="/htmx/ext/sse.js"></script> <script src="/htmx/ext/sse.js"></script>
<script src="https://unpkg.com/hyperscript.org@0.8.3"></script>
<script type="text/hyperscript">
on click(target) from <#navigation a/>
log "got it"
take .selected for target
</script>
</head> </head>
<body> <body>
<div id="header"></div> <div id="header"></div>
<div id="navigation" hx-target="#page" hx-push-url="false"> <div id="navigation" hx-target="#page" hx-push-url="false">
<a href="index.html" hx-boost="false">Home</a> <a href="index.html" hx-boost="false">About</a>
<a href="" hx-get="sse.html">Simple</a> <a href="" hx-get="sse-simple.html">Simple</a>
<a href="" hx-get="sse-multichannel.html">Multi-Channel</a> <a href="" hx-get="sse-multichannel.html">Multi-Channel</a>
<a href="" hx-get="sse-triggers.html">Event Trigger</a> <a href="" hx-get="sse-triggers.html">Event Trigger</a>
<a href="" hx-get="sse-target.html">Event Target</a> <a href="" hx-get="sse-target.html">Event Target</a>

2
test/servers/sse/static/sse.html → test/servers/sse/static/sse-simple.html
View File

@ -17,4 +17,4 @@
<div class="container" hx-ext="sse" sse-url="http://localhost/albums.html" sse-swap="message">Waiting for Albums...</div> <div class="container" hx-ext="sse" sse-url="http://localhost/albums.html" sse-swap="message">Waiting for Albums...</div>
<div class="container" hx-ext="sse" sse-url="http://localhost/todos.html" sse-swap="message">Waiting for ToDos...</div> <div class="container" hx-ext="sse" sse-url="http://localhost/todos.html" sse-swap="message">Waiting for ToDos...</div>
<div class="container" hx-ext="sse" sse-url="http://localhost/users.html" sse-swap="message">Waiting for Users...</div> <div class="container" hx-ext="sse" sse-url="http://localhost/users.html" sse-swap="message">Waiting for Users...</div>
</div> </div>

12
test/servers/sse/static/stylesheet.css
View File

@ -47,7 +47,12 @@ body {
padding: 10px; padding: 10px;
border: solid 1px gray; border: solid 1px gray;
margin-bottom: 20px; margin-bottom: 20px;
background-color:white; background-color:#f7f7f7;
}
.container.htmx-settling {
border:solid 3px red!important;
padding:8px!important;
} }
pre.code { pre.code {
@ -59,11 +64,6 @@ pre.code {
display:block; display:block;
} }
.container.htmx-settling {
border:solid 3px red!important;
padding:8px!important;
}
.bold { .bold {
font-weight:bold; font-weight:bold;
} }