Sorry, Noli, I just knew that the $ was a common conflict between jQuery and prototype, and to get them to behave together you had to use the noconflict function...
On Sat, Jun 25, 2011 at 6:12 PM, Noli Sicad <[email protected]> wrote: > 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
