Ignore:
Timestamp:
Jun 7, 2011, 12:43:21 PM (14 years ago)
Author:
dennisw
Message:

Switching to jquery.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/django_gheat/website/templates/home.html

    r9223 r9234  
    22<head>
    33  <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
     4  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    45  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
    56  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
    67  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
    78  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions_test.js"></script>
    8   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    99  <script language="javascript" type="text/javascript">
    10     function toggleDiv(div){
    11       var show = div;
    12       var hide;
    13       if(show == 'info'){
    14         hide = 'filter';
    15       }
    16       else{
    17         hide = 'info';
    18       }     
    19       if(document.getElementById(show).style.display != 'block'){
    20         document.getElementById(show).style.display = 'block';
    21         document.getElementById(hide).style.display = 'none';
    22       }
    23       else{
    24         document.getElementById(show).style.display = 'none';
    25         document.getElementById(hide).style.display = 'none';
    26       }
    27     }
     10    $(function(){
     11      $('#menu_filter').click(function(){
     12        $('#filter').slideToggle('fast');
     13        $('#info').slideUp('fast');
     14      });
     15      $('#menu_info').click(function(){
     16        $('#filter').slideUp('fast');
     17        $('#info').slideToggle('fast');
     18      });
     19    });
    2820  </script>
    2921</head>
    30 
    31 
    3222<body onload="init(), get_filters()">
    3323  <div id="heatmap"></div>
    … …  
    3727    </div>
    3828    <div id="menu">
    39       <a href="javascript:toggleDiv('info')">Info</a>
    40       <a href="javascript:toggleDiv('filter')">Filters</a>
     29      <a id="menu_info">Info</a>
     30      <a id="menu_filter">Filters</a>
    4131    </div>
    4232    <div id="info">
    … …  
    5040      </div>
    5141      <div id="filter_list">
    52 
    5342      </div>
    5443    </div>
Note: See TracChangeset for help on using the changeset viewer.