Bruce D Kyle devdays
devdays
/ data-measure-for-web-socket.js
Last active
August 29, 2015 14:10
Measure how much data is backed up in the outgoing buffer before calling send
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (websocket.bufferedAmount < bufferThreshold) { | |
| websocket.send(message); | |
| } |
devdays
/ display-text-websocket.js
Last active
August 29, 2015 14:10
Display incoming text from web socket
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function onMessage(evt) { | |
| writeToScreen( evt.data ); | |
| } |
devdays
/ receive-multiple-data-types.js
Last active
August 29, 2015 14:10
check your incoming data like this when receiving multiple data types
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function onMessage(evt) { | |
| if (evt.data instanceof Blob) { | |
| // do something with evt.data | |
| } else { | |
| document.getElementById("textresponse").value = evt.data; | |
| } | |
| }; |
devdays
/ close-websocket.js
Last active
August 29, 2015 14:10
updated the web page after receiving the close event
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function onClose(evt) { | |
| writeToScreen("DISCONNECTED"); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type="email" id="orderEmail" name="myEmail" placeholder="[email protected]" required /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <label for="price">Price</label> | |
| <input id="price" type="text" title="0.00" pattern="\d+(\.\d{2})?" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type="range" name="anumberbetween1and10" min="1" max="10" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input type= "text" list= "pacificstates" name= "State" id= "State" placeholder= "Pick a State" /> | |
| <datalist id= "pacificstates"> | |
| <select> | |
| <option value= "California" /> | |
| <option value= "Oregon" /> | |
| <option value= "Washington" /> | |
| </select> | |
| </datalist> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <label for= "zip">ZIP Code: </label><input type= "text" id= "zip" title="Five- or nine-digit zip code" | |
| pattern="^(\d{5}-\d{4}|\d{5}|\d{9})$" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| input:required:invalid, input:focus:invalid | |
| { | |
| background-image: url(/images/invalid.png); | |
| background-position: right top; | |
| background-repeat: no-repeat; | |
| } | |
| </style> |