Changeset 662 for trunk


Ignore:
Timestamp:
Sep 16, 2008, 3:49:25 PM (11 years ago)
Author:
Nick Burch
Message:

Add css

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/gpx.npemap.org.uk/favourite_postcode.xml

    r661 r662  
    66<Content type="html">
    77<![CDATA[
     8<style>
     9        div#content_div {
     10                overflow: auto;
     11                height: 100%;
     12                width: 95%;
     13        }
     14        div#yourmap {
     15                display:inline;
     16        }
     17        div#pickpc {
     18                display:inline;
     19        }
     20        input#text {
     21                width: 8em;
     22        }
     23
     24        ul {
     25                vertical-align: middle;
     26        }
     27        li {
     28                vertical-align: middle;
     29        }
     30
     31        img {
     32                vertical-align: middle;
     33        }
     34</style>
     35
    836<script type="text/javascript" src="http://www.mattkruse.com/javascript/datadumper/datadumper.js"></script>
    937<script type="text/javascript">
     
    2452  }
    2553  function loadedFriends(data) {
    26         var html = "<ul style='vertical-align: middle'>";
     54        var html = "<ul>";
    2755
    2856        var fd = data.get("pc").getData();
     
    3260        friends.each(function(person) {
    3361                var postcode = "(not set)";
    34                 var mapDiv = "<span id='" + person.getId() + "'></span>";
     62                var mapDiv = " <span id='" + person.getId() + "'></span>";
    3563
    3664                var theirData = fd[person.getId()]
     
    3967                        postcodes[person.getId()] = postcode;
    4068                }
    41                 html += "<li style='vertical-align: middle'>" +
     69                html += "<li>" +
    4270                        person.getDisplayName() + " " + postcode + mapDiv +
    4371                        "</li>";
     
    84112                if(data.getError != null) {
    85113                        alert(data.getError());
     114//              } else if(data.errors != null) {
     115//                      alert(data.errors);
    86116                } else {
    87117                        alert("Unknown error!");
     
    138168
    139169                map.innerHTML = "<img src='" + tile + "' alt='Map of " +
    140                         json["pc"] + "' " + js + " style='vertical-align: middle' />";
     170                        json["pc"] + "' " + js + " />";
    141171        } else {
    142172                map.innerHTML = "No map found for postcode " + searchPC + ", sorry";
     
    153183</script>
    154184<div id="content_div">
    155  <div id="yourmap"></div>
    156  <div id="pickpc">
    157    <label for="pc">Favourite Postcode:</label>
    158    <input type="text" id="pc" style="width: 10em" onblur="pickPC()" />
    159    <input type="button" value="Change" onclick="pickPC()" />
     185 <div id="you">
     186        <div id="yourmap"></div>
     187        <div id="pickpc">
     188                <label for="pc">Favourite Postcode:</label>
     189                <input type="text" id="pc" />
     190                <input type="button" value="Change" onclick="pickPC()" />
     191        </div>
    160192 </div>
    161193 <br />
Note: See TracChangeset for help on using the changeset viewer.