While got some help with resources at jsfiddle... I changed the code to this:
... var panes = this.getPanes(); // This is a google maps API function. var pane = panes[this.options.mapPane]; pane = $(pane); pane.grab(this._wrapper); ... And although it displays on IE, it shows the next error: no valid argument mootools-core.js Line 329 - Character 126 Any idea? Note: If someone could show me some example of how to correctly use resources I'd apreaciate it. The actual location of moogoomaps.js is http://map.quillamwa.com/js/moogoomaps.js although it may change in future. it must display a map with this simple code line: var map = new Map('mapDIV'); Best regards, Ciul. On 1 ene, 12:27, Ciul <[email protected]> wrote: > Thanks for the fast reply Ryan. > > hmm I added the moogoomaps.js file at resources but it seems not > working. > > Look:http://jsfiddle.net/Ciul/YZUq6/ > > The next code should be displaying the map... > > var map = new Map($('map_canvas'), { > streetViewControl: false, > center: { > lat: 10.98, > lng: -74.79 > }, > zoom: 10 > }); > > On 1 ene, 11:44, Ryan Florence <[email protected]> wrote: > > > > > > > > > Create test case outside of your class that shows the alleged error, put it > > on jsfiddle. > > > My first guess is, you're trying to 'grab' on an element that isn't > > extended with $. > > > On Jan 1, 2011, at 8:25 AM, Ciul wrote: > > > > Hi pals. > > > > Happy new year :D > > > > I was finishid last details of the class (it already works really > > > nice :P ) and then I said, let's test it on IE, why not? > > > > and then...crash!, but with something that shouldn't has to crash, the > > > Element.grab method from MooTools. > > > > Kinda found a solution, it displays the overlay on IE but still says > > > there's an error. > > > > // IE throws an error on grab. [This object doesn't support this > > > property or method] > > > if(Browser.ie) { > > > panes[this.options.mapPane].appendChild(this._wrapper); > > > // IE will still show an error message but at least > > > the overlay > > > will be displayed anyway. > > > } > > > else { > > > panes[this.options.mapPane].grab(this._wrapper); > > > } > > > > /* Possible Map Panes string values: > > > floatPane (Pane 6) > > > This pane contains the info window. It is above all > > > map overlays. > > > overlayMouseTarget (Pane 5) > > > This pane contains transparent elements that receive > > > DOM mouse > > > events for the markers. > > > It is above the floatShadow, so that markers in the > > > shadow of the > > > info window can be clickable. > > > floatShadow (Pane 4) > > > This pane contains the info window shadow. It is above > > > the > > > overlayImage, > > > so that markers can be in the shadow of the info > > > window. > > > overlayImage (Pane 3) > > > This pane contains the marker foreground images. > > > overlayShadow (Pane 2) > > > This pane contains the marker shadows. > > > overlayLayer (Pane 1) chosen by Default > > > This pane contains polylines, polygons, ground > > > overlays and tile > > > layer overlays. > > > mapPane (Pane 0) > > > This pane is the lowes pane and is above the tiles. > > > */ > > > > Any idea why's that or how to solve it? > > > > Best regards, > > > Ciul.
