/
index.html
89 lines (69 loc) · 3.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html style="height:100%">
<head>
<title> Axon guidance simulation </title>
<!--Jquery-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--Jquery UI-->
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!--Bootstrap-->
-<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!--Load simulation framework-->
<script type="text/javascript" src="js/lib/sim-0.26-debug.js"></script>
<script src="js/AxonGrowthSimulation.js"></script>
<script src="js/AxonGrowthAnimation.js"></script>
<!--Load openlayers framework-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/openlayers/2.11/OpenLayers.js"></script>
<style>
</style>
<script>
// Initialization code
$(document).ready( function () {
$("#run_simulation").click(function(event) {
$("#log").html("<br/>");
console.log("Ready to simulate");
$(event.target).val("cancel");
var mean_sel = parseFloat($('[name="MeanTimeTubuleSelect"]').val());
var mean_length = parseFloat($('[name="MeanLengthProtrusion"]').val());
var mean_arrival = parseFloat($('[name="MeanTimeProtrusionArrival"]').val());
var mean_withdraw = parseFloat($('[name="MeanTimeProtrusionWithdraw"]').val());
// var mean_arrival = parseFloat($('[name="MeanLengthProtrusion"]').val());
var seed = $.now()%2500;
var simtime = parseFloat($('[name="Simtime"]').val());
var results = AxonGrowthSimulation(mean_length,mean_arrival, mean_withdraw, mean_sel, simtime, seed);
$("#run_simulation").val("Run Simulation");
var vis = new AxonGrowthAnimation({ container : $("#mapcontainer"), log:results});
});
});
</script>
</head>
<body>
<div class="container">
<div class="row">
<h1> Axon Guidance Simulation </h1>
<form class="form">
<table class="table table-striped">
<tr><td> Mean length of the Protrusion (mm):
<td><input type="text" name="MeanLengthProtrusion" value="10"/> </tr>
<tr><td> Mean time before a new protrusion is created (Sec):
<td><input type="text" name="MeanTimeProtrusionArrival" value="2"/> </tr>
<tr><td> Mean time for protrusion selection (Sec):
<td><input class="input" type="text" name="MeanTimeTubuleSelect" value="10" /> </tr>
<tr><td> Mean life time for protrusion (Sec):
<td><input class="input" type="text" name="MeanTimeProtrusionWithdraw" value="10" /> </tr>
<tr><td>Simulation time (sec):
<td><input type="text" name="Simtime" value="240.0"/> </tr>
<!--<tr><td>Random seed:-->
<!--<td><input type="text" name="Simtime" value="240.0"/> </tr>-->
</table>
<input type="button" class="button" value="Run Simulation" id="run_simulation"/>
</form>
<div id="log" class="row" style="height:100px;overflow-y:scroll;"></div>
</div>
<div id="mapcontainer" class="row">
</div>
</div>
</body>
</html>