Changeset 9


Ignore:
Timestamp:
Oct 10, 2006, 10:47:58 PM (15 years ago)
Author:
David Sheldon
Message:

started integrating matthew's postcode entry box.

Location:
trunk/npemap.org.uk/static/tiles
Files:
2 added
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/npemap.org.uk/static/tiles/map.html

    r8 r9  
    44        <link rel="stylesheet" type="text/css" href="grid.css">
    55    </head>
    6 <body onload="initializePage(); initialGrid();"  onResize="window.location.href = window.location.href;">
     6<body onload="initializePage(); initialGrid(); go();"  onResize="window.location.href = window.location.href;">
    77<script src="mapTiles.js"></script>
     8<script src="postcode.js"></script>
    89        <h1 id=theTitle>New popular mapping</h1>
    910   
    … …  
    4142                </div>
    4243</div>
    43 <div id="grid" style="float:left">
    44         <table border=1 bgcolor="red" cellpadding="10" id="theTable">
    45 <script type="text/javascript">
    46   drawTable()
    47 </script>
     44<div id="map_container" style="float:left">
     45  <div id="marker"></div>
     46  <div id="postcode_form">
     47    <div style="text-align: right;"><a href="javascript:closePostcodeWindow()" title="close">X</a></div>
     48    <div><label for="postcode">Enter the postcode...</label></div>
     49    <div><input type="text" id="postcode" /></div>
     50    <div><input type="submit" value="submit" /></div>
     51  </div>
    4852
    49         </table>
     53  <div id="map">
     54  <script type="text/javascript">
     55    drawTable()
     56  </script>
     57  </div>
    5058</div>
    5159</div>

  • trunk/npemap.org.uk/static/tiles/mapTiles.js

    r8 r9  
    77var sizeGridX = 6;   // Size of visible grid (table) in each dimension
    88var sizeGridY = 4;   // Size of visible grid (table) in each dimension
     9
     10var tileWidth = 125;
     11var tileHeight = 125;
     12
    913
    1014var offsetGridX = 425;
    … …  
    9296
    9397    document.getElementById('msgCall').innerHTML = 'Ajax Enabled.';
    94     document.getElementById('theTable').className = 'inputTable';
    9598}
    9699
    … …  
    124127        if ( offsetGridX < size-sizeGridX )
    125128            offsetGridX ++;
    126         else
    127             document.getElementById('msgCall').innerHTML =
    128               'Function Called: Update Grid:' + theDirection + ' (already at far right)';
    129129    }
    130130    else if ( theDirection == 'left' ) {
    131131        if ( offsetGridX > 0 )
    132132            offsetGridX --;
    133         else
    134             document.getElementById('msgCall').innerHTML =
    135               'Function Called: Update Grid:' + theDirection + ' (already at far left)';
    136133    }
    137134
    … …  
    139136        if ( offsetGridY < size-sizeGridY )
    140137            offsetGridY ++;
    141         else
    142             document.getElementById('msgCall').innerHTML =
    143               'Function Called: Update Grid:' + theDirection + ' (already at top)';
    144138    }
    145139    else if ( theDirection == 'down' ) {
    146140        if ( offsetGridY > 0 )
    147141            offsetGridY --;
    148         else
    149             document.getElementById('msgCall').innerHTML =
    150               'Function Called: Update Grid:' + theDirection + ' (already at bottom)';
    151142    }
    152143
    153144        refreshGrid();
    154145}
     146
     147
     148
Note: See TracChangeset for help on using the changeset viewer.