Log In Sign Up
Models:
Daniel Galbraith
DanielG/
krang-dataset-viewer
0
Downloads: 1
Diff of /deepzoom.html [000000] .. [d7fa72]

Switch to unified view

a b/deepzoom.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html>





  
  

  3
  
  <head>





  
  

  4
  
    <meta charset="utf-8">





  
  

  5
  
    <title>Krang Dataset - DeepZoom Viewer</title>





  
  

  6
  
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>





  
  

  7
  





  
  

  8
  
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/>





  
  

  9
  
    <link rel="stylesheet" href="src/overview.css">





  
  

  10
  





  
  

  11
  
    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script>





  
  

  12
  
    <script src='src/krang-dataset-loaders.js' defer></script>





  
  

  13
  
    <script src='src/map-script.js' defer></script>





  
  

  14
  
  </head>





  
  

  15
  
  <body onload="openDeepzoom(); insertCutsDeepzoom()">





  
  

  16
  
    <nav><a href="index.html">Main</a></nav>





  
  

  17
  





  
  

  18
  
    <div class="container">





  
  

  19
  
        <div class="info-tools">





  
  

  20
  
        <div id="createmark">





  
  

  21
  
        <input type="number" name="x" id="xCoord" placeholder="x-coordinates">





  
  

  22
  
        <input type="number" name="y" id="yCoord" placeholder="y-coordinates">





  
  

  23
  
        <button  id="newMarkerButt" onclick="createMarker(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Create Marker</button>





  
  

  24
  
        <button  id="showCoordButt" onclick="showCoord(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Show coordinates</button><br/>





  
  

  25
  
        <label class="switch">





  
  

  26
  
          <input type="checkbox" id="mapClick">





  
  

  27
  
          <span class="slider"></span>





  
  

  28
  
        </label>Create markers by clicking on the map<br/>





  
  

  29
  





  
  

  30
  
        fly to this <input type="number" name="num" id="markNum" placeholder="marker">





  
  

  31
  
        <button onclick="flyToMarker(document.getElementById('markNum').value)">Show marker</button>





  
  

  32
  
      </div>





  
  

  33
  
      <div id="moreInfo">





  
  

  34
  
        you have <span id="markArrLength">0</span> markers &nbsp; <button id="showMarkersArr">Show markers list</button> <br/>





  
  

  35
  
        mouse coordinates: X(<span id="xMouseCoord"></span>), Y(<span id="yMouseCoord"></span>)





  
  

  36
  
      </div>





  
  

  37
  
    </div>





  
  

  38
  





  
  

  39
  
      <h2>Слайд <span class="slideId"></span></h2>





  
  

  40
  
    </div>





  
  

  41
  
      <div id='map'></div>





  
  

  42
  
      <div class="container">





  
  

  43
  
      <table id="metainfo">





  
  

  44
  
          <tr><td>Код</td><td class="slideId"></td></tr>





  
  

  45
  
          <tr><td>Пол</td><td >M</td></tr>





  
  

  46
  
          <tr><td>Возраст на момент забора образца</td><td>56</td></tr>





  
  

  47
  
          <tr><td>Предварительный диагноз</td><td>глиома головного мозга</td></tr>





  
  

  48
  
          <tr><td>Верификация</td><td>глиобластома Грейд 4</td></tr>





  
  

  49
  
          <tr><td>Окончательный диагноз</td><td>глиобластома Грейд 4</td></tr>





  
  

  50
  
          <tr><td>Разное/примечания</td><td>глиома головного мозга</td></tr>





  
  

  51
  
          <tr><td>Источник препарата</td><td><a href="#">ДГТУ</a></td></tr>





  
  

  52
  
          <tr><td colspan="2" id="downloadslide"></td></tr>





  
  

  53
  
          <tr><td colspan="2" id="display-cuts"></td></tr>





  
  

  54
  
      </table>





  
  

  55
  
    </div>





  
  

  56
  
  </body>





  
  

  57
  
</html>