Source

arduino_rfid_controller / ThreeWireMatrix / matrix_solver.html

Full commit
<html>
	<head>
		<title>Matrix Keypad Wiring Solver</title>
		<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/base/jquery-ui.css" rel="stylesheet" />
		<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/black-tie/jquery-ui.css" rel="stylesheet" />
		<style>
			/* Custom
----------------------------------*/
		html, body{
		    font-size: 10px;
		    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		    padding:0;
		    margin:0;
		}
    #container{
		    margin:0; padding:0;
		}
		#col_center{
		    padding:1em;
		    padding-top:0;
		    overflow:hidden;
		}
		#col_left{
		    float: left;
		    width: 300px;
		}
		div.panel>div.ui-widget-content {
			min-height: 400px;
			padding: 0.5em;
		}

		</style>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
		<script type="text/javascript">
	    $(document).ready(
				function(){
					/* select number of keys on the keypad */
					$( "#slider_key_count" ).slider({
						value:12,
						min: 3,
						max: 60,
						step: 1,
						slide: function( event, ui ) {
							$( "#var_key_count" ).val( ui.value );
							
						}
					});
					$( "#var_key_count" ).val( $( "#slider_key_count" ).slider( "value" ) );
				});
		</script>
	</head>
	<body>
		<div id="container">
			<div id="col_left">
				<div id="panel_pin_input" class="panel ui-widget">
					<div class="ui-widget-header">Pin Inputs</div>
					<div class="ui-widget-content">
						<div id="content_holder_key_count_select">
								<label for="var_key_count">Total Number of keys:</label>
								<input type="text" id="var_key_count" style="border:0; color:#f6931f; font-weight:bold;" />
							<div id="slider_key_count"></div>
						</div>
						<div id="content_holder_pin_forms">
							
						</div>
						<ul>
							<li>PinOne,PinTwo,Key</li>
						</ul>
	  		  </div>
				</div>
			</div>
			<div id="col_center">
				<div id="panel_display" class="panel ui-widget">
					<div class="ui-widget-header">Results</div>
					<div class="ui-widget-content">
						display crap here
					</div>
				</div>
			</div>
		</div>
	</body>
</html>