Changeset 186 for trunk


Ignore:
Timestamp:
Oct 26, 2006, 9:11:23 PM (15 years ago)
Author:
Nick Burch
Message:

Make more IE friendly

Location:
trunk/gpx.npemap.org.uk
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/gpx.npemap.org.uk/index.html

    r185 r186  
    1414                }
    1515        </style>
    16   </head>
    17   <body>
    18 <script src="js/yahoo.js"></script>
    19 <script src="js/dom.js"></script>
    20 <script src="js/event.js"></script>
    21 <script src="js/jsr_class.js"></script>
    22 <script src="js/jscoord-1.1.1.js"></script>
     16        <script src="js/yahoo.js"></script>
     17        <script src="js/dom.js"></script>
     18        <script src="js/event.js"></script>
     19        <script src="js/jsr_class.js"></script>
     20        <script src="js/jscoord-1.1.1.js"></script>
     21
     22        <!-- Fix if screen isn't big enough -->
     23        <script type="text/javascript">
     24                function tweak_widths() {
     25                        var screenWidth = YAHOO.util.Dom.getViewportWidth();
     26                        if(screenWidth > 300 && screenWidth < 1100) {
     27                                var rc = document.getElementById("right-col");
     28                                rc.style.width = "300px";
     29                        }
     30                }
     31        </script>
     32</head>
     33<body onload="tweak_widths()">
    2334<div id="body">
    2435<h1>New Popular Mapping - Map GPX Tracer<sup>beta</sup></h1>
    … …  
    5263
    5364</div>
    54 <div class="right-col">
     65<div class="right-col" id="right-col">
    5566<p>
    5667Click on the map to zoom in and get on with it.

  • trunk/gpx.npemap.org.uk/tracer.html

    r185 r186  
    66                        background-color: #dddddd;
    77                }
     8                div.images {
     9                        border: 0;
     10                        margin: 0;
     11                        padding: 0;
     12                }
    813                div.tilerow {
    914                        border: 0;
    1015                        margin: 0;
     16                        padding: 0;
    1117                }
    1218                img.tile {
    … …  
    2329                }
    2430        </style>
     31
     32        <!-- Include the Yahoo libraries -->
     33        <script src="js/yahoo.js"></script>
     34        <script src="js/dom.js"></script>
     35        <script src="js/connection.js"></script>
     36        <script src="js/event.js"></script>
    2537</head>
    2638<body id="body">
    … …  
    257269
    258270function click(e) {
    259         var img = e.target;
     271        // Ask the yahoo library to avoid browser nastyness for us
     272        e = YAHOO.util.Event.getEvent(e);
     273
     274        var img = img = YAHOO.util.Event.getTarget(e);
    260275        var link = img.parentNode;
    261276        var page = link.parentNode;
    … …  
    263278        // Note - this won't work in things like IE
    264279        //  Oh well, like we care...
    265         var drawX = e.pageX;
    266         var drawY = e.pageY;
    267         var x = e.pageX - img.x;
    268         var y = e.pageY - img.y;
     280        var drawX = YAHOO.util.Event.getPageX(e);
     281        var drawY = YAHOO.util.Event.getPageY(e);
     282
     283        var imgPos = YAHOO.util.Dom.getXY(img);
     284        var x = drawX - imgPos[0];
     285        var y = drawY - imgPos[1];
    269286        //alert(x + " " + y);
    270287
    … …  
    276293
    277294        if(clickIsCalibration) {
    278                 do_calibrate(facX, facY, e.pageX, e.pageY);
     295                do_calibrate(facX, facY, drawX, drawY);
    279296                return false;
    280297        }
Note: See TracChangeset for help on using the changeset viewer.