OpenLayers OpenLayers

Ticket #515: $.patch

File $.patch, 35.2 kB (added by euzuro, 2 years ago)

patch to replace the $() function

  • tests/test_Map.html

    old new  
    77    function test_01_Map_constructor (t) { 
    88        t.plan( 9 ); 
    99         
    10         map = new OpenLayers.Map('map'); // no longer need to call $(), constructor does it 
     10        map = new OpenLayers.Map('map');  
    1111        var baseLayer = new OpenLayers.Layer.WMS("Test Layer",  
    1212            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    1313            {map: "/mapdata/vmap_wms.map", layers: "basic"}); 
    …… 
    3131    } 
    3232    function test_02_Map_center(t) { 
    3333        t.plan(3); 
    34         map = new OpenLayers.Map($('map')); 
     34        map = new OpenLayers.Map('map'); 
    3535        var baseLayer = new OpenLayers.Layer.WMS("Test Layer",  
    3636            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    3737            {map: "/mapdata/vmap_wms.map", layers: "basic"}); 
    …… 
    4444    } 
    4545    function test_03_Map_add_layers(t) { 
    4646        t.plan(6); 
    47         map = new OpenLayers.Map($('map')); 
     47        map = new OpenLayers.Map('map'); 
    4848        var layer1 = new OpenLayers.Layer.WMS("Layer 1",  
    4949            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    5050            {map: "/mapdata/vmap_wms.map", layers: "basic"}); 
    …… 
    6363    } 
    6464    function test_04_Map_options(t) { 
    6565        t.plan(3); 
    66         map = new OpenLayers.Map($('map'), {numZoomLevels: 6, maxResolution: 3.14159, theme: 'foo'}); 
     66        map = new OpenLayers.Map('map', {numZoomLevels: 6, maxResolution: 3.14159, theme: 'foo'}); 
    6767        t.eq( map.numZoomLevels, 6, "map.numZoomLevels set correctly via options hashtable" ); 
    6868        t.eq( map.maxResolution, 3.14159, "map.maxResolution set correctly via options hashtable" ); 
    6969        t.eq( map.theme, 'foo', "map theme set correctly." ); 
    7070    } 
    7171    function test_05_Map_center(t) { 
    7272        t.plan(4); 
    73         map = new OpenLayers.Map($('map')); 
     73        map = new OpenLayers.Map('map'); 
    7474        var baseLayer = new OpenLayers.Layer.WMS("Test Layer",  
    7575            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    7676            {map: "/mapdata/vmap_wms.map", layers: "basic"} ); 
    …… 
    159159 
    160160    function 08_Map_px_lonlat_translation (t) { 
    161161        t.plan( 6 );     
    162         map = new OpenLayers.Map($('map')); 
     162        map = new OpenLayers.Map('map'); 
    163163        var baseLayer = new OpenLayers.Layer.WMS("Test Layer",  
    164164            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    165165            {map: "/mapdata/vmap_wms.map", layers: "basic"}); 
    …… 
    190190 */ 
    191191    function test_09_Map_isValidLonLat(t) { 
    192192        t.plan( 3 );     
    193         map = new OpenLayers.Map($('map')); 
     193        map = new OpenLayers.Map('map'); 
    194194        layer = new OpenLayers.Layer.WMS('Test Layer',  
    195195                    "http://octo.metacarta.com/cgi-bin/mapserv",  
    196196                    {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'},  
    …… 
    204204 
    205205    function test_10_Map_getLayer(t) { 
    206206        t.plan( 2 );     
    207         map = new OpenLayers.Map($('map')); 
     207        map = new OpenLayers.Map('map'); 
    208208        layer = new OpenLayers.Layer.WMS('Test Layer',  
    209209                    "http://octo.metacarta.com/cgi-bin/mapserv",  
    210210                    {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'},  
    …… 
    223223    function test_10_Map_setBaseLayer(t) { 
    224224        t.plan( 4 ); 
    225225         
    226         map = new OpenLayers.Map($('map')); 
     226        map = new OpenLayers.Map('map'); 
    227227 
    228228        var wmslayer = new OpenLayers.Layer.WMS('Test Layer',  
    229229                    "http://octo.metacarta.com/cgi-bin/mapserv",  
    …… 
    253253    function test_12_Map_moveLayer (t) { 
    254254        t.plan(10); 
    255255        var ct  = 0; 
    256         map = new OpenLayers.Map($('map')); 
     256        map = new OpenLayers.Map('map'); 
    257257        var wmslayer = new OpenLayers.Layer.WMS('Test Layer',  
    258258                    "http://octo.metacarta.com/cgi-bin/mapserv",  
    259259                    {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'},  
    …… 
    291291     
    292292    function test_08_Map_setCenter(t) { 
    293293        t.plan(1); 
    294         map = new OpenLayers.Map($('map')); 
     294        map = new OpenLayers.Map('map'); 
    295295        var baseLayer = new OpenLayers.Layer.WMS("Test Layer",  
    296296            "http://octo.metacarta.com/cgi-bin/mapserv?", 
    297297            {map: "/mapdata/vmap_wms.map", layers: "basic"}, 
    …… 
    305305     
    306306    function test_99_Map_destroy (t) { 
    307307        t.plan( 2 );     
    308         map = new OpenLayers.Map($('map')); 
     308        map = new OpenLayers.Map('map'); 
    309309        map.destroy(); 
    310310        t.eq( map.layers, null, "map.layers is null after destroy" ); 
    311311        t.eq( map.controls, null, "map.controls is null after destroy" ); 

  • tests/test_Layer_KaMap.html

    old new  
    2626 
    2727    function test_02_Layer_KaMap_inittiles (t) { 
    2828        t.plan( 2 ); 
    29         var map = new OpenLayers.Map($('map')); 
     29        var map = new OpenLayers.Map('map'); 
    3030        layer = new OpenLayers.Layer.KaMap(name, url, params, units); 
    3131        map.addLayer(layer); 
    3232        map.setCenter(new OpenLayers.LonLat(0,0),5); 

  • tests/test_Layer_Grid.html

    old new  
    3232 
    3333    function test_02_Layer_Grid_inittiles (t) { 
    3434        t.plan( 2 ); 
    35         var map = new OpenLayers.Map($('map')); 
     35        var map = new OpenLayers.Map('map'); 
    3636        layer = new OpenLayers.Layer.WMS(name, url, params); 
    3737        map.addLayer(layer); 
    3838        map.setCenter(new OpenLayers.LonLat(0,0),5); 

  • tests/test_Control_Permalink.html

    old new  
    1212    function test_02_Control_Permalink_updateLinks (t) { 
    1313        t.plan( 2 ); 
    1414     
    15         control = new OpenLayers.Control.Permalink($('permalink')); 
     15        control = new OpenLayers.Control.Permalink('permalink'); 
    1616        t.ok( control instanceof OpenLayers.Control.Permalink, "new OpenLayers.Control returns object" ); 
    17         map = new OpenLayers.Map($('map')); 
     17        map = new OpenLayers.Map('map'); 
    1818        layer = new OpenLayers.Layer.WMS('Test Layer', "http://octo.metacarta.com/cgi-bin/mapserv", {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'}); 
    1919        map.addLayer(layer); 
    2020        if (!map.getCenter())  map.zoomToMaxExtent(); 
    2121        map.addControl(control); 
    2222        map.pan(5, 0); 
     23        var pm = OpenLayers.Util.getElement('permalink'); 
    2324        if (/MSIE/.test(navigator.userAgent)) { 
    24             t.eq($('permalink').href, "?lat=0&lon=1.75781&zoom=2&layers=B", "Panning sets permalink"); 
     25            t.eq(pm.href, "?lat=0&lon=1.75781&zoom=2&layers=B", "Panning sets permalink"); 
    2526        } else { 
    26             t.eq($('permalink').href, location+"?lat=0&lon=1.75781&zoom=2&layers=B", "Panning sets permalink"); 
     27            t.eq(pm.href, location+"?lat=0&lon=1.75781&zoom=2&layers=B", "Panning sets permalink"); 
    2728        } 
    2829    } 
    2930    function test_03_Control_Permalink_updateLinksBase (t) { 
    3031        t.plan( 2 ); 
    3132     
    32         control = new OpenLayers.Control.Permalink($('permalink'), "./edit.html" ); 
     33        control = new OpenLayers.Control.Permalink('permalink', "./edit.html" ); 
    3334        t.ok( control instanceof OpenLayers.Control.Permalink, "new OpenLayers.Control returns object" ); 
    34         map = new OpenLayers.Map($('map')); 
     35        map = new OpenLayers.Map('map'); 
    3536        layer = new OpenLayers.Layer.WMS('Test Layer', "http://octo.metacarta.com/cgi-bin/mapserv", {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'}); 
    3637        map.addLayer(layer); 
    3738        if (!map.getCenter())  map.zoomToMaxExtent(); 
    3839        map.addControl(control); 
    3940        map.pan(5, 0); 
    40         $('edit_permalink').href = './edit.html?lat=0&lon=1.75781&zoom=2&layers=B'; 
    41         t.eq($('permalink').href, $('edit_permalink').href, "Panning sets permalink with base"); 
     41        var edit_pm = OpenLayers.Util.getElement('edit_permalink'); 
     42        edit_pm.href = './edit.html?lat=0&lon=1.75781&zoom=2&layers=B'; 
     43        t.eq(OpenLayers.Util.getElement('permalink').href, edit_pm.href, "Panning sets permalink with base"); 
    4244  } 
    4345  function test_04_Control_Permalink_noElement (t) { 
    4446        t.plan( 2 ); 
    4547        control = new OpenLayers.Control.Permalink( ); 
    4648        t.ok( control instanceof OpenLayers.Control.Permalink, "new OpenLayers.Control returns object" ); 
    47         map = new OpenLayers.Map($('map')); 
     49        map = new OpenLayers.Map('map'); 
    4850        map.addControl(control); 
    4951        t.eq(map.controls[3].div.firstChild.nodeName, "A", "Permalink control creates div with 'a' inside." ); 
    5052  } 

  • tests/test_Control_LayerSwitcher.html

    old new  
    6868        map.addControl(control); 
    6969 
    7070         
    71         var wmsInput = $("input_" + layer.name); 
     71        var wmsInput = OpenLayers.Util.getElement("input_" + layer.name); 
    7272        t.ok(wmsInput != null, "correctly makes an input for wms layer"); 
    7373        t.eq(wmsInput.type, "radio", "wms correctly made a radio button"); 
    7474        t.eq(wmsInput.name, "baseLayers", "wms correctly named"); 
    7575        t.eq(wmsInput.value, layer.name, "wms correctly valued"); 
    7676         
    77         var markersInput = $("input_" + markers.name); 
     77        var markersInput = OpenLayers.Util.getElement("input_" + markers.name); 
    7878        t.ok(markersInput != null, "correctly makes an input for markers layer"); 
    7979        t.eq(markersInput.type, "checkbox", "wms correctly made a radio button"); 
    8080        t.eq(markersInput.name, markers.name, "wms correctly named"); 

  • tests/test_Control_Scale.html

    old new  
    1212    function test_02_Control_Scale_updateScale (t) { 
    1313        t.plan( 4 ); 
    1414     
    15         control = new OpenLayers.Control.Scale($('scale')); 
     15        control = new OpenLayers.Control.Scale('scale'); 
    1616        t.ok( control instanceof OpenLayers.Control.Scale, "new OpenLayers.Control returns object" ); 
    17         map = new OpenLayers.Map($('map')); 
     17        map = new OpenLayers.Map('map'); 
    1818        layer = new OpenLayers.Layer.WMS('Test Layer', "http://octo.metacarta.com/cgi-bin/mapserv", {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'}); 
    1919        map.addLayer(layer); 
    2020        map.zoomTo(0); 
    2121        map.addControl(control); 
    22         t.eq($('scale').innerHTML, "Scale = 1 : 443M", "Scale set by default."  ); 
     22        var scaleElem = OpenLayers.Util.getElement('scale'); 
     23        t.eq(scaleElem.innerHTML, "Scale = 1 : 443M", "Scale set by default."  ); 
    2324        map.zoomIn(); 
    24         t.eq($('scale').innerHTML, "Scale = 1 : 221M", "Zooming in changes scale"  ); 
     25        t.eq(scaleElem.innerHTML, "Scale = 1 : 221M", "Zooming in changes scale"  ); 
    2526        map.baseLayer.resolutions = [OpenLayers.Util.getResolutionFromScale(110)]; 
    2627        map.zoomTo(0); 
    27         t.eq($('scale').innerHTML, "Scale = 1 : 110", "Scale of 100 isn't rounded"  ); 
     28        t.eq(scaleElem.innerHTML, "Scale = 1 : 110", "Scale of 100 isn't rounded"  ); 
    2829    } 
    2930    function test_03_Control_Scale_internalScale (t) { 
    3031        t.plan(2); 
    3132        control = new OpenLayers.Control.Scale(); 
    3233        t.ok( control instanceof OpenLayers.Control.Scale, "new OpenLayers.Control returns object" ); 
    33         map = new OpenLayers.Map($('map')); 
     34        map = new OpenLayers.Map('map'); 
    3435        layer = new OpenLayers.Layer.WMS('Test Layer', "http://octo.metacarta.com/cgi-bin/mapserv", {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'}); 
    3536        map.addLayer(layer); 
    3637        map.zoomTo(0); 

  • tests/test_Layer_WMS.html

    old new  
    3131     
    3232        var url = "http://octo.metacarta.com/cgi-bin/mapserv"; 
    3333        layer = new OpenLayers.Layer.WMS(name, url, params); 
    34         var map = new OpenLayers.Map($('map')); 
     34        var map = new OpenLayers.Map('map'); 
    3535        map.addLayer(layer); 
    3636        var pixel = new OpenLayers.Pixel(5,6); 
    3737        var tile = layer.addTile(new OpenLayers.Bounds(1,2,3,4), pixel); 
    …… 
    6666     
    6767    function test_03_Layer_WMS_inittiles (t) { 
    6868        t.plan( 2 ); 
    69         var map = new OpenLayers.Map($('map')); 
     69        var map = new OpenLayers.Map('map'); 
    7070        layer = new OpenLayers.Layer.WMS(name, url, params); 
    7171        map.addLayer(layer); 
    7272        map.setCenter(new OpenLayers.LonLat(0,0),5); 

  • tests/test_Events.html

    old new  
    77    var a; 
    88     
    99    function test_01_Events_constructor (t) { 
    10         var mapDiv = $('map'); 
     10        var mapDiv = OpenLayers.Util.getElement('map'); 
    1111        var obj = {result: 0}; 
    1212        var eventTypes = ["doThingA", "doThingB", "doThingC"]; 
    1313        var browserTypes = OpenLayers.Events.prototype.BROWSER_EVENTS; 
    …… 
    4444  
    4545        t.plan( 18 ); 
    4646  
    47         var mapDiv = $('map'); 
     47        var mapDiv = OpenLayers.Util.getElement('map'); 
    4848        var obj = {result: 0}; 
    4949        var eventTypes = ["doThingA", "doThingB", "doThingC"]; 
    5050         
    …… 
    127127 
    128128        t.plan( 2 ); 
    129129  
    130         var mapDiv = $('map'); 
     130        var mapDiv = OpenLayers.Util.getElement('map'); 
    131131        var obj = {result: 0}; 
    132132        var eventTypes = ["doThingA", "doThingB", "doThingC"]; 
    133133         
    …… 
    154154     
    155155        t.plan( 6 ); 
    156156  
    157         var mapDiv = $('map'); 
     157        var mapDiv = OpenLayers.Util.getElement('map'); 
    158158        var obj = {result: 0}; 
    159159        var eventTypes = ["doThingA", "doThingB", "doThingC"]; 
    160160         

  • lib/OpenLayers/Events.js

    old new  
    7676  }, 
    7777 
    7878  observe: function(elementParam, name, observer, useCapture) { 
    79     var element = $(elementParam); 
     79    var element = OpenLayers.Util.getElement(elementParam); 
    8080    useCapture = useCapture || false; 
    8181 
    8282    if (name == 'keypress' && 
    …… 
    8888  }, 
    8989 
    9090  stopObserving: function(elementParam, name, observer, useCapture) { 
    91     var element = $(elementParam); 
     91    var element = OpenLayers.Util.getElement(elementParam); 
    9292    useCapture = useCapture || false; 
    9393 
    9494    if (name == 'keypress' && 

  • lib/OpenLayers/Control/Scale.js

    old new  
    2222     */ 
    2323    initialize: function(element) { 
    2424        OpenLayers.Control.prototype.initialize.apply(this, arguments); 
    25         this.element = element;         
     25        this.element = OpenLayers.Util.getElement(element);         
    2626    }, 
    2727 
    2828    /** 

  • lib/OpenLayers/Control/Permalink.js

    old new  
    2626     */ 
    2727    initialize: function(element, base) { 
    2828        OpenLayers.Control.prototype.initialize.apply(this, arguments); 
    29         this.element = element;         
     29        this.element = OpenLayers.Util.getElement(element);         
    3030        if (base) { 
    3131            this.base = base; 
    3232        } 

  • lib/OpenLayers/Util.js

    old new  
    88 */ 
    99OpenLayers.Util = new Object(); 
    1010 
    11 /* from Prototype.js */ 
    12 if ($ == null) { 
    13     var $ = function () { 
    14       var elements = new Array(); 
    1511 
    16       for (var i = 0; i < arguments.length; i++) { 
     12/**  
     13 * This is the old $() from prototype 
     14 */ 
     15OpenLayers.Util.getElement = function() { 
     16    var elements = new Array(); 
     17 
     18    for (var i = 0; i < arguments.length; i++) { 
    1719        var element = arguments[i]; 
    18         if (typeof element == 'string') 
    19           element = document.getElementById(element); 
    20  
    21         if (arguments.length == 1) 
    22           return element; 
    23  
     20        if (typeof element == 'string') { 
     21            element = document.getElementById(element); 
     22        } 
     23        if (arguments.length == 1) { 
     24            return element; 
     25        } 
    2426        elements.push(element); 
    25       } 
    26  
    27       return elements; 
    2827    } 
    29 }  
     28    return elements; 
     29}; 
    3030 
    3131/* from Prototype.js */ 
    3232OpenLayers.Util.extend = function(destination, source) { 

  • lib/OpenLayers/Map.js

    old new  
    135135     */     
    136136    initialize: function (div, options) { 
    137137 
    138         this.div = div = $(div); 
     138        this.div = div = OpenLayers.Util.getElement(div); 
    139139 
    140140        // the viewPortDiv is the outermost div we modify 
    141141        var id = div.id + "_OpenLayers_ViewPort"; 

  • lib/OpenLayers/BaseTypes.js

    old new  
    694694 
    695695OpenLayers.Element = { 
    696696  visible: function(element) { 
    697     return $(element).style.display != 'none'; 
     697    return OpenLayers.Util.getElement(element).style.display != 'none'; 
    698698  }, 
    699699 
    700700  toggle: function() { 
    701701    for (var i = 0; i < arguments.length; i++) { 
    702       var element = $(arguments[i]); 
     702      var element = OpenLayers.Util.getElement(arguments[i]); 
    703703      OpenLayers.Element[OpenLayers.Element.visible(element) ? 'hide' : 'show'](element); 
    704704    } 
    705705  }, 
    706706 
    707707  hide: function() { 
    708708    for (var i = 0; i < arguments.length; i++) { 
    709       var element = $(arguments[i]); 
     709      var element = OpenLayers.Util.getElement(arguments[i]); 
    710710      element.style.display = 'none'; 
    711711    } 
    712712  }, 
    713713 
    714714  show: function() { 
    715715    for (var i = 0; i < arguments.length; i++) { 
    716       var element = $(arguments[i]); 
     716      var element = OpenLayers.Util.getElement(arguments[i]); 
    717717      element.style.display = ''; 
    718718    } 
    719719  }, 
    720720 
    721721  remove: function(element) { 
    722     element = $(element); 
     722    element = OpenLayers.Util.getElement(element); 
    723723    element.parentNode.removeChild(element); 
    724724  }, 
    725725 
    726726  getHeight: function(element) { 
    727     element = $(element); 
     727    element = OpenLayers.Util.getElement(element); 
    728728    return element.offsetHeight; 
    729729  }, 
    730730 
    731731  getDimensions: function(element) { 
    732     element = $(element); 
     732    element = OpenLayers.Util.getElement(element); 
    733733    if (OpenLayers.Element.getStyle(element, 'display') != 'none') 
    734734      return {width: element.offsetWidth, height: element.offsetHeight}; 
    735735 
    …… 
    750750  }, 
    751751 
    752752  getStyle: function(element, style) { 
    753     element = $(element); 
     753    element = OpenLayers.Util.getElement(element); 
    754754    var value = element.style[style.camelize()]; 
    755755    if (!value) { 
    756756      if (document.defaultView && document.defaultView.getComputedStyle) { 

  • lib/OpenLayers/Layer/Yahoo.js

    old new  
    6868     * @private 
    6969     */ 
    7070    fixYahooEventPane: function() { 
    71         var yahooEventPane = $("ygddfdiv"); 
     71        var yahooEventPane = OpenLayers.Util.getElement("ygddfdiv"); 
    7272        if (yahooEventPane != null) { 
    7373            if (yahooEventPane.parentNode != null) 
    7474                yahooEventPane.parentNode.removeChild(yahooEventPane); 

  • lib/Rico/Corner.js

    old new  
    1818OpenLayers.Rico.Corner = { 
    1919 
    2020   round: function(e, options) { 
    21       var e = $(e); 
     21      e = OpenLayers.Util.getElement(e); 
    2222      this._setOptions(options); 
    2323 
    2424      var color = this.options.color; 

  • lib/Rico/Color.js

    old new  
    110110 */ 
    111111OpenLayers.Rico.Color.createColorFromBackground = function(elem) { 
    112112 
    113    var actualColor = RicoUtil.getElementsComputedStyle($(elem), "backgroundColor", "background-color"); 
     113   var actualColor =  
     114      RicoUtil.getElementsComputedStyle(OpenLayers.Util.getElement(elem),  
     115                                        "backgroundColor",  
     116                                        "background-color"); 
    114117 
    115118   if ( actualColor == "transparent" && elem.parentNode ) 
    116119      return OpenLayers.Rico.Color.createColorFromBackground(elem.parentNode); 

  • examples/zoomLevels.html

    old new  
    3232                            controls: [new OpenLayers.Control.MouseDefaults()] 
    3333                          }; 
    3434 
    35             map = new OpenLayers.Map( $('map') , options); 
     35            map = new OpenLayers.Map( 'map' , options); 
    3636             
    3737            map.addControl(new OpenLayers.Control.PanZoomBar()); 
    3838 

  • examples/georss.html

    old new  
    2222            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    2323        } 
    2424        function addUrl() { 
    25             var value = $('url').value; 
     25            var urlObj = OpenLayers.Util.getElement('url');  
     26            var value = urlObj.value; 
    2627            var parts = value.split("/"); 
    2728                var newl = new OpenLayers.Layer.GeoRSS( parts[parts.length-1], value); 
    2829                map.addLayer(newl); 
    29             $("url").value = ""; 
     30            urlObj.value = ""; 
    3031        } 
    3132        // --> 
    3233    </script> 

  • examples/controls.html

    old new  
    1717            map.addControl(new OpenLayers.Control.MouseToolbar()); 
    1818            map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false})); 
    1919            map.addControl(new OpenLayers.Control.Permalink()); 
    20             map.addControl(new OpenLayers.Control.Permalink($('permalink'))); 
     20            map.addControl(new OpenLayers.Control.Permalink('permalink')); 
    2121            map.addControl(new OpenLayers.Control.MousePosition()); 
    2222            map.addControl(new OpenLayers.Control.OverviewMap()); 
    2323            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  

  • examples/mapserver.html

    old new  
    1616        var map, layer; 
    1717 
    1818        function init(){ 
    19             map = new OpenLayers.Map( $('map') ); 
     19            map = new OpenLayers.Map( 'map' ); 
    2020            layer = new OpenLayers.Layer.MapServer( "OpenLayers WMS",  
    2121                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} ); 
    2222            map.addLayer(layer); 

  • examples/mvs.html

    old new  
    6464    safeArgs.marker = theArgs.marker; // TODO: Make this "safe". 
    6565     
    6666    // ----- 
    67     var theMVS = new OpenLayers.Map($('map'), {controls: [], maxResolution: 'auto'}); 
     67    var theMVS = new OpenLayers.Map('map', {controls: [], maxResolution: 'auto'}); 
    6868    for(var i = 0; i < safeArgs.controls.length; i++) { 
    6969        switch(safeArgs.controls[i]) { 
    7070            case 'panzoombar': 

  • examples/wms.html

    old new  
    1616        var map, layer; 
    1717 
    1818        function init(){ 
    19             map = new OpenLayers.Map( $('map') ); 
     19            map = new OpenLayers.Map( 'map' ); 
    2020            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    2121                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} ); 
    2222            map.addLayer(layer); 

  • examples/google.html

    old new  
    2222        var map, layer; 
    2323 
    2424        function init(){ 
    25             map = new OpenLayers.Map( $('map') ,  
     25            map = new OpenLayers.Map( 'map' ,  
    2626            { controls: [new OpenLayers.Control.MouseDefaults()] , 'numZoomLevels':20}); 
    2727 
    2828            var satellite = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} ); 

  • examples/freemap.html

    old new  
    2424    var map, layer; 
    2525 
    2626        function init(){ 
    27             map = new OpenLayers.Map( $('map') ); 
     27            map = new OpenLayers.Map( 'map' ); 
    2828            var basemap = new OpenLayers.Layer.WMS( "Boston",  
    2929                "http://boston.freemap.in/cgi-bin/mapserv?", 
    3030                {map: '/www/freemap.in/boston/map/gmaps.map', layers: 'border,water,roads,rapid_transit,buildings', format: 'png', 'transparent': 'off'}, 

  • examples/multiserver.html

    old new  
    1616        var map, layer; 
    1717 
    1818        function init(){ 
    19             map = new OpenLayers.Map( $('map') ); 
     19            map = new OpenLayers.Map( 'map' ); 
    2020             
    2121            var urlArray = ["http://labs.metacarta.com/wms-c/Basic.py", 
    2222                            "http://monitor.metacarta.com/wms-c/Basic.py"]; 

  • examples/layer-opacity.html

    old new  
    4040        var maxOpacity = 0.9; 
    4141        var minOpacity = 0.1; 
    4242        function changeOpacity(byOpacity) { 
    43             var newOpacity = (parseFloat($('opacity').value) + byOpacity).toFixed(1); 
     43            var newOpacity = (parseFloat(OpenLayers.Util.getElement('opacity').value) + byOpacity).toFixed(1); 
    4444            newOpacity = Math.min(maxOpacity, 
    4545                                  Math.max(minOpacity, newOpacity)); 
    46             $('opacity').value = newOpacity; 
     46            OpenLayers.Util.getElement('opacity').value = newOpacity; 
    4747            shade.setOpacity(newOpacity); 
    4848        } 
    4949        function init(){ 

  • examples/lonlatfrompx.html

    old new  
    2525 
    2626            map.addLayers([ol_wms]); 
    2727             
    28             OpenLayers.Event.observe($('map'),"click",mapclicked.bindAsEventListener(map));  
     28            OpenLayers.Event.observe(OpenLayers.Util.getElem('map'),"click",mapclicked.bindAsEventListener(map));  
    2929            function mapclicked(e){ 
    3030                var lonlat = map.getLonLatFromPixel(e.xy);                 
    3131                alert("Lat: " + lonlat.lat + " (Pixel.x:" + e.xy.x + ")" + "\n" + "Lon: " + lonlat.lon + " (Pixel.y:" + e.xy.y + ")" ); 

  • examples/openstreetmap.html

    old new  
    1414        var map, layer; 
    1515 
    1616        function init(){ 
    17             map = new OpenLayers.Map( $('map') ); 
     17            map = new OpenLayers.Map( 'map' ); 
    1818            layer = new OpenLayers.Layer.WMS( "OpenStreetMap WMS",  
    1919                    "http://tile.openstreetmap.org/ruby/wmsmod.rbx?" ); 
    2020            layer.setTileSize(new OpenLayers.Size(256,128)); 

  • examples/baseLayers.html

    old new  
    2929                                              40.428314208984375); 
    3030 
    3131        function init(){ 
    32             map = new OpenLayers.Map( $('map') ); 
     32            map = new OpenLayers.Map( 'map' ); 
    3333 
    3434            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    3535                      "http://labs.metacarta.com/wms/vmap0",  

  • examples/wmst.html

    old new  
    2121                "http://wms.jpl.nasa.gov/wms.cgi",  
    2222                {layers: "modis,global_mosaic"}); 
    2323 
    24             ia_wms = new OpenLayers.Layer.WMS("Nexrad","http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?",{layers:"nexrad-n0r-wmst",transparent:true,format:'image/png',time:document.getElementById('time').value}); 
     24            ia_wms = new OpenLayers.Layer.WMS("Nexrad","http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?",{layers:"nexrad-n0r-wmst",transparent:true,format:'image/png',time:OpenLayers.Util.getElement('time').value}); 
    2525 
    2626            jpl_wms.setVisibility(false); 
    2727 

  • examples/lite.html

    old new  
    1616        var map, layer; 
    1717 
    1818        function init(){ 
    19             map = new OpenLayers.Map( $('map') ); 
     19            map = new OpenLayers.Map( 'map' ); 
    2020            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    2121                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} ); 
    2222            map.addLayer(layer); 

  • examples/tms.html

    old new  
    1616        var map, layer; 
    1717 
    1818        function init(){ 
    19             map = new OpenLayers.Map( $('map'), {maxResolution:1.40625/2} ); 
     19            map = new OpenLayers.Map( 'map', {maxResolution:1.40625/2} ); 
    2020            layer = new OpenLayers.Layer.TMS( "TMS",  
    2121                    "http://labs.metacarta.com/wms-c/Basic.py/", {layername: 'basic', type:'png'} ); 
    2222            map.addLayer(layer); 
    …… 
    2424            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 
    2525        } 
    2626        function addTMS() { 
    27           l=new OpenLayers.Layer.TMS($('layer').value, $('url').value, {layername: $('layer').value, type:$('type').value}); 
    28           map.addLayer(l); 
    29           map.setBaseLayer(l); 
     27            l = new OpenLayers.Layer.TMS( 
     28                OpenLayers.Util.getElement('layer').value,  
     29                OpenLayers.Util.getElement('url').value,  
     30                { 
     31                    'layername': OpenLayers.Util.getElement('layer').value,  
     32                    'type': OpenLayers.Util.getElement('type').value 
     33            }); 
     34            map.addLayer(l); 
     35            map.setBaseLayer(l); 
    3036        }   
    3137        // --> 
    3238    </script> 

  • examples/getfeatureinfo.html

    old new  
    2222    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    2323        "http://world.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/world/map/factbook.map", {'layers': 'factbook'} ); 
    2424    map.addLayer(wms); 
    25     map.addControl(new OpenLayers.Control.Permalink($('permalink'))); 
     25    map.addControl(new OpenLayers.Control.Permalink('permalink')); 
    2626    map.zoomToMaxExtent(); 
    2727    map.events.register('click', map, function (e) { 
    28             $('nodeList').innerHTML = "Loading... please wait..."; 
     28            OpenLayers.Util.getElement('nodeList').innerHTML = "Loading... please wait..."; 
    2929            var url =  wms.getFullRequestString({ 
    3030                            REQUEST: "GetFeatureInfo", 
    3131                            EXCEPTIONS: "application/vnd.ogc.se_xml", 
    …… 
    4040            Event.stop(e); 
    4141      }); 
    4242    function setHTML(response) {  
    43         $('nodeList').innerHTML = response.responseText; 
     43        OpenLayers.Util.getElement('nodeList').innerHTML = response.responseText; 
    4444    } 
    4545  </script> 
    4646</body> 

  • examples/mm.html

    old new  
    2222        var map, mmlayer, layer; 
    2323 
    2424        function init(){ 
    25             map = new OpenLayers.Map( $('map') ,  
     25            map = new OpenLayers.Map( 'map' ,  
    2626            {controls:[new OpenLayers.Control.MouseDefaults()]}); 
    2727 
    2828            mmlayer = new OpenLayers.Layer.MultiMap( "MultiMap"); 

  • examples/ve.html

    old new  
    2121        var map, velayer, layer; 
    2222 
    2323        function init(){ 
    24             map = new OpenLayers.Map( $('map') ,  
     24            map = new OpenLayers.Map( 'map' ,  
    2525            {controls:[new OpenLayers.Control.MouseDefaults()]}); 
    2626 
    2727            velayer = new OpenLayers.Layer.VirtualEarth( "VE", 

  • examples/canvas.html

    old new  
    3232              if (click) { 
    3333                canvas.drawLine(click, this.getLonLatFromPixel(e.xy)); 
    3434                click = null; 
    35                 $('status').innerHTML = ""; 
     35                OpenLayers.Util.getElement('status').innerHTML = ""; 
    3636              }  
    3737              else {  
    3838               click = this.getLonLatFromPixel(e.xy); 
    39                $('status').innerHTML = "Point 1 stored: "+click+". <a href='#' onclick='click=null;return false'>Reset</a>"; 
     39               OpenLayers.Util.getElement('status').innerHTML = "Point 1 stored: "+click+". <a href='#' onclick='click=null;return false'>Reset</a>"; 
    4040             } 
    4141           }); 
    4242        } 
    4343        function drawIt() {  
    4444          canvas.drawLine( 
    45             new OpenLayers.LonLat(parseFloat($('lon1').value), parseFloat($('lat1').value)),  
    46             new OpenLayers.LonLat(parseFloat($('lon2').value), parseFloat($('lat2').value)) 
     45            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon1').value), parseFloat(OpenLayers.Util.getElement('lat1').value)),  
     46            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon2').value), parseFloat(OpenLayers.Util.getElement('lat2').value)) 
    4747          ); 
    4848        } 
    4949        // -->