Changeset 2091


Ignore:
Timestamp:
03/11/21 11:31:41 (11 months ago)
Author:
yushan
Message:

XIOS TRAINING : add graph tool in hands-on-9 for easier use

File:
1 edited

Legend:

Unmodified
Added
Removed
  • XIOS/xios_training/hands-on-9/TP_src/graph.html

    r2090 r2091  
    1 <html><!-- 
     1<html> 
     2 
     3<!-- 
    24 ########################################################################## 
    35 Author: Yushan WANG 
    46 yushan.wang@lsce.ipsl.fr 
    57 ########################################################################## 
    6 --><head> 
    7 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     8--> 
     9 
     10<head> 
    811 
    912<meta charset="utf-8"> 
     
    4750 
    4851<body> 
    49     <script type="text/javascript" src="graph_files/jquery.js"></script> 
    50     <script type="text/javascript" src="graph_files/jquery-ui.js"></script> 
    51     <script type="text/javascript" src="graph_files/bootstrap.js"></script> 
    52     <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css"> 
    53     <script type="text/javascript" src="graph_files/vis.js"></script> 
    54     <link href="graph_files/vis.css" rel="stylesheet" type="text/css"> 
    55     <link href="graph_files/bootstrap-toggle.css" rel="stylesheet"> 
    56     <script src="graph_files/bootstrap-toggle.js"></script> 
     52    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
     53    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
     54    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
     55    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
     56    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script> 
     57    <link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css" rel="stylesheet" type="text/css" /> 
     58    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
     59    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
    5760    <script type="text/javascript"> 
    5861 
     
    861864    <div class="row"> 
    862865        <label for="file"> Choose your JSON file 
    863         <input type="file" id="file" onchange="$('#upload-file-info').html(this.files[0].name)"> 
     866        <input type="file" id="file"  onchange="$('#upload-file-info').html(this.files[0].name)"> 
    864867        </label> 
    865868    </div> 
     
    888891    <div class="row" style="width:300px"> 
    889892        <p> Choose Edge Length : </p> 
    890         <input autocomplete="off" type="range" id="zoomEdge" min="200" max="600" value="300" step="10">        
     893        <input autocomplete="off" type="range" id="zoomEdge" min="200" max="600" value="300" step="10" >        
    891894         
    892895          
     
    897900        From 
    898901        <select id="minTimeSelect"> 
    899             <option value="0000-00-00 00:00:00" selected="selected" hidden="">-</option> 
     902            <option value="0000-00-00 00:00:00" hidden selected>-</option> 
    900903        </select> 
    901904        To 
    902905        <select id="maxTimeSelect"> 
    903             <option value="9999-00-00 00:00:00" selected="selected" hidden="">-</option> 
     906            <option value="9999-00-00 00:00:00" hidden selected>-</option> 
    904907        </select> 
    905908 
     
    911914    </div> 
    912915 
    913  
    914  
    915  
    916 </div></body></html> 
     916</body> 
     917 
     918</html> 
     919 
     920 
Note: See TracChangeset for help on using the changeset viewer.