Episteme - dmlnav - Install

Prerequisites

Please note that the dmlnav has only been tested on Safari and Firefox 3.

Theoretically a browser that supports JavaScript and SVG

Installation

Download the dmlnav script.
Grab a dataset of diagrams, for example Book I of Archimedes.
Add the following lines to the top of the svg files in the dataset.

	  <!-- The DML URN should correspond to the first step of the 
	           construction for this diagram (here Prop. 1) -->
	  < svg xmlns:xlink='http://www.w3.org/1999/xlink'
	          onload='init(evt, 'urn:dml:tlg0552.tlg008:1.1')'...>
	   
              <script type='text/javascript' xlink:href='/path/to/dml_navigator.js'/>
	      
	      <!-- Add the slider bar -->
	      
	      <g onmousedown='startColorDrag(0)'
	            onmouseup='endColorDrag()'
	            onmousemove='doColorDrag(evt,0)'
	            transform='translate(370, 30)'>
	           
	            <rect x='-10' y='-5' width='40' height='110' style='fill:white;'/>
	            <rect x='5' y='0' width='10' height='100' style='fill:none; stroke:black;'/>
	            <line id='slide0' x1='0' y1='100' x2='20' y2='100' style='stroke:green; stroke-width: 2;'/>
	      </g>
	      
	      <!-- Finally add the maximum and minimum step number-->
	      
		<text id='max_step_num' x='365' y='35' style='font-size: 9pt; text-anchor: middle;'>2</text>
		<text id='min_step_num' x='365' y='135' style='font-size: 9pt; text-anchor: middle;'>1</text>
              

	      <!-- Of course if there are any questions, just view source while browing diagrams online :) -->