Fix the examples that used our '$' method.

examples/editing-methods.js

@@ -19,6 +19,8 @@ var draw = new OpenLayers.Control.DrawFeature(
 map.addControl(draw);
 draw.activate();
 
+$ = OpenLayers.Util.getElement;
+
 // handle clicks on method links
 $("insertXY").onclick = function() {
     var values = parseInput(

examples/game-accel-ball.html

@@ -33,6 +33,7 @@
             vlayer.drawFeature(feature);
         }
         function init() {
+            var $ = OpenLayers.Util.getElement;
             map = new OpenLayers.Map( 'map', 
                 {
                  'maxExtent': new OpenLayers.Bounds(0, 0, $("map").clientWidth, $("map").clientHeight), 

examples/geolocation.js

@@ -92,7 +92,7 @@ geolocate.events.register("locationupdated",geolocate,function(e) {
 geolocate.events.register("locationfailed",this,function() {
     OpenLayers.Console.log('Location detection failed');
 });
-
+var $ = OpenLayers.Util.getElement;
 $('locate').onclick = function() {
     vector.removeAllFeatures();
     geolocate.deactivate();

examples/getfeatureinfo-control.html

@@ -48,7 +48,7 @@
     </style>
     <script defer="defer" type="text/javascript">
     OpenLayers.ProxyHost = "proxy.cgi?url=";
-    
+    var $ = OpenLayers.Util.getElement;
     var map, infocontrols, water, highlightlayer;
     
     function load() {

examples/select-feature.html

@@ -15,6 +15,9 @@
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, drawControls;
+        
+        var $ = OpenLayers.Util.getElement;
+        
         OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
         function init(){
             map = new OpenLayers.Map('map');

examples/snap-split.html

@@ -35,6 +35,8 @@
     <script type="text/javascript">
 
         OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
+        
+        var $ = OpenLayers.Util.getElement;
 
         function init() {
             initMap();

examples/snapping.html

@@ -33,6 +33,8 @@
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
+        
+        var $ = OpenLayers.Util.getElement;
 
         function init() {
             initMap();

examples/strategy-cluster-extended.js

@@ -67,6 +67,8 @@ OpenLayers.Strategy.RuleCluster = OpenLayers.Class(OpenLayers.Strategy.Cluster,
 // global variables
 var map, vectorlayer, features, stylemap, select;
 
+var $ = OpenLayers.Util.getElement;
+
 // wrap the instanciation code in an anonymous function that gets executed
 // immeadeately
 (function(){

examples/strategy-cluster-threshold.html

@@ -18,6 +18,7 @@
         </style>
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
+            var $ = OpenLayers.Util.getElement;
 
             // create a semi-random grid of features to be clustered
             var dx = 3;

examples/strategy-cluster.html

@@ -69,6 +69,8 @@
         <script src="Jugl.js"></script>
         <script src="animator.js"></script>
         <script type="text/javascript">
+            var $ = OpenLayers.Util.getElement;
+        
             var map, template;
             OpenLayers.ProxyHost = (window.location.host == "localhost") ?
                 "/cgi-bin/proxy.cgi?url=" : "proxy.cgi?url=";

examples/tilecache.html

@@ -11,7 +11,7 @@
     <script type="text/javascript">
         var map, layer;
         function init(){
-            map = new OpenLayers.Map( $('map'), {
+            map = new OpenLayers.Map( 'map', {
                 resolutions: [0.087890625, 0.0439453125, 0.02197265625, 0.010986328125]
             });
             layer = new OpenLayers.Layer.TileCache("TileCache Layer",

examples/using-proj4js.js

@@ -1,4 +1,6 @@
 var map, vector;
+var $ = OpenLayers.Util.getElement;
+
 function init(){
     map = new OpenLayers.Map('map', {
         projection: 'EPSG:31467',