I think the jQuery no conflict function could not be apply in this case, since I am using jQuery mobile framework + Scrollview extension.
http://jquerymobile.com/ Just image changing all the $ to $j in jQuery Mobile framework, just to make (OpenLayers.Util.getElement("inproj").value) working, var $j = jQuery.noConflict(); Any other possible solution to get Util.js working in jQuery mobile. Noli On 6/25/11, Noli Sicad <[email protected]> wrote: > Thanks Nick for this info. > > Now, I have to replace $ into $j, > > var $j = jQuery.noConflict(); > > I will try this option and see what happen. > > Now, how extended the use of prototype in OpenLayers? > > Is only Util.js uses prototype.js in OpenLayers? > > I saw OpenLayers.mobile.js uses as well Prototype. > > Noli > > On 6/25/11, Nick Kendall <[email protected]> wrote: >> Try the jquery no conflict function >> >> http://docs.jquery.com/Using_jQuery_with_Other_Libraries >> >> Sent from my mobile device >> >> On Jun 24, 2011, at 8:23 PM, Noli Sicad <[email protected]> wrote: >> >>> Hi, >>> >>> I am having problem executing this updateFormats function (below) >>> which contains (OpenLayers.Util.getElement(......).value) in my jQuery >>> mobile OL. The updateFormats is demonstrated in vector formats, in >>> projection and out projection. My select controls are getting back >>> when I clicked it. >>> >>> http://openlayers.org/dev/examples/vector-formats.html >>> >>> It seems that the problem is probably in the >>> OpenLayers.Util.getElement(......) which a $. >>> >>> In Util.js, >>> >>> ~~~~~~~~ >>> OpenLayers.Util.isElement = function(o) { >>> return !!(o && o.nodeType === 1); >>> }; >>> >>> /** >>> * Maintain existing definition of $. >>> */ >>> if(typeof window.$ === "undefined") { >>> window.$ = OpenLayers.Util.getElement; >>> } >>> ~~~~~~~~ >>> >>> Is this intervening in jQuery? Could I delete this? What would be the >>> solution inorder that updateFormats will be executed properly? >>> >>> Thanks in advance. >>> >>> Regards, Noli >>> >>> ~~~~~~~~~~~~~~~~~~~~~~~ >>> >>> This updateFormats in jQuery. >>> >>> >>> #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ >>> $(function() { >>> >>> function updateFormats() { >>> >>> alert("updated!"); >>> >>> var in_options = { >>> 'internalProjection': map.baseLayer.projection, >>> 'externalProjection': new >>> OpenLayers.Projection(OpenLayers.Util.getElement("inproj").value) >>> >>> >>> }; >>> alert(in_options); >>> var out_options = { >>> 'internalProjection': map.baseLayer.projection, >>> 'externalProjection': new >>> OpenLayers.Projection(OpenLayers.Util.getElement("outproj").value) >>> }; >>> var gmlOptions = { >>> featureType: "feature", >>> featureNS: "http://example.com/feature"; >>> }; >>> var gmlOptionsIn = OpenLayers.Util.extend( >>> OpenLayers.Util.extend({}, gmlOptions), >>> in_options >>> ); >>> var gmlOptionsOut = OpenLayers.Util.extend( >>> OpenLayers.Util.extend({}, gmlOptions), >>> out_options >>> ); >>> >>> var kmlOptionsIn = OpenLayers.Util.extend( >>> {extractStyles: true}, in_options); >>> formats = { >>> 'in': { >>> wkt: new OpenLayers.Format.WKT(in_options), >>> geojson: new OpenLayers.Format.GeoJSON(in_options), >>> gml2: new OpenLayers.Format.GML.v2(gmlOptionsIn), >>> gml3: new OpenLayers.Format.GML.v3(gmlOptionsIn), >>> kml: new OpenLayers.Format.KML(kmlOptionsIn) >>> }, >>> 'out': { >>> wkt: new OpenLayers.Format.WKT(out_options), >>> geojson: new OpenLayers.Format.GeoJSON(out_options), >>> gml2: new OpenLayers.Format.GML.v2(gmlOptionsOut), >>> gml3: new OpenLayers.Format.GML.v3(gmlOptionsOut), >>> kml: new OpenLayers.Format.KML(out_options) >>> } >>> }; >>> } >>> >>> $('#inproj, #outproj').change(updateFormats); >>> }); // for the function >>> _______________________________________________ >>> Users mailing list >>> [email protected] >>> http://lists.osgeo.org/mailman/listinfo/openlayers-users >> > _______________________________________________ Users mailing list [email protected] http://lists.osgeo.org/mailman/listinfo/openlayers-users
