mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-09-30 06:21:19 +00:00
546e346e98
absolute 👑
* Restore WS and SSE code
First pass at restoring removed ws and sse code. More to come.
* More progress on WS and SSE restore
* Update htmx.js
crucial whitespace
* Update documentation
* Combine SSE and WS servers into single "realtime" demo
* Realtime Test Server Updates
- separated tests for old- and new- style calling
- updated intro content and stylesheet
- removed extensions from manual test suite
* Remove SSE/WS from manual tests
39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
<h1>Echo Test</h1>
|
|
|
|
<div role="tablist" hx-target="#page" hx-push-url="false">
|
|
<a role="tab" hx-get="/ws-echo.html" aria-selected="true">Legacy Style</a>
|
|
<a role="tab" hx-get="/ws-echo-ext.html">New Style</a>
|
|
</div>
|
|
|
|
<h3>Description</h3>
|
|
<p>This test lets you send and receive data to and from the WebSocket server. Every message that you send to the server will be "echoed"
|
|
back to you in a separate message</p>
|
|
|
|
<h3>Example HTML</h3>
|
|
|
|
<pre class="code">
|
|
<div hx-ws="connect:ws://localhost/echo">
|
|
|
|
<form hx-ws="send">
|
|
<input type="text" name="message" style="width:500px;" value="This Is The Message" />
|
|
<input type="submit"/>
|
|
</form>
|
|
|
|
<div id="idMessage"></div>
|
|
</div>
|
|
</pre>
|
|
|
|
<div class="container" hx-ws="connect:ws://localhost/echo">
|
|
|
|
<form hx-ws="send">
|
|
<h3>Send a Message</h3>
|
|
<div>
|
|
<input type="text" name="message" style="width:500px;" value="This Is The Message" />
|
|
<input type="submit" value="Send" class="btn primary"/>
|
|
</div>
|
|
</form>
|
|
|
|
<br>
|
|
<h3>Receive a Message</h3>
|
|
<div id="idMessage"></div>
|
|
</div> |