Examples/example.html

<html>
	<head>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script src="../Files/$.connect.js"></script>
		<script src="../Files/$.connect.box.js"></script>
		<script src="../Files/$.connect.line.js"></script>
		<script src="../Files/$.element.js"></script>
		<script src="../Files/$.element.textInput.js"></script>
		<script src="../Files/$.dataTypes.js"></script>
		<script src="../Files/$.fn.drag.js"></script>
	</head>
	<body>
		<style>
			input{
				width:300px;
				font-size:20px;
			}
			p, button{
				font-family:arial;
				font-size:20px;
			}
		</style>
		<p>Draw lines to connect the socket (try: wss://echo.websocket.org)</p>
		<p id="panels">
			Panels: 
		</p>
		<script>
			$(function(){
				for(var i in $.element){
					$('#panels').append('<button onclick="$(document.body).append($.element(\''+i+'\'));">Add '+i+'</button>')
				}
			})
		</script>
	</body>
</html>