index.html 901 B

1234567891011121314151617181920212223242526272829303132333435
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <h1>bpipe demo</h1>
  6. <form>
  7. <hr/>
  8. #myInput <input id="myInput" type="text" value="" placeholder="enter text"/> <br/>
  9. Listen for text updates on myInput, pipe them to less <br/><code>bpipe -s "#myInput" -e "keyup" | less</code>
  10. <hr/>
  11. #mySelect <select id="mySelect">
  12. <option value="Orange">Orange</option>
  13. <option value="Red">Red</option>
  14. <option value="Blue">Blue</option>
  15. </select>
  16. <br/>
  17. Listen for change events on #mySelect <br/> <code>bpipe -s "#mySelect" -e "change" | less</code><br/>
  18. <hr/>
  19. #myDiv <div id="myDiv"></div>
  20. Send data to #myDiv from echo <br/> <code>echo "hello there" | bpipe -s "#myDiv"</code>
  21. <hr/>
  22. <br/>
  23. </form>
  24. <script src="bundle.js" type="text/javascript"></script>
  25. </body>
  26. </html>