jQuery Forum

Hey all, I am using the following code to embed Google Maps in Colorbox but i am getting this error in Firebug console:

TypeError: window.initializeGeneral is not a function

not sure what's wrong here.. any ideas?

thanks in advance for your help
Andy

1.   jQuery(document).ready(function() {
2.      
3.   jQuery(".fmap").colorbox({
4.     html:'<div id="map_canvas_all" style="width:730px; height:550px;"></div>',
5.     scrolling:false,
6.     width:"750px",
7.     height:"570px",
8.     onComplete:function(){ loadScriptGeneral(); }
9.   });
10. function loadScriptGeneral() {
11.   var script = document.createElement("script");
12.   script.type = "text/javascript";
13.   script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initializeGeneral";
14.   document.body.appendChild(script);
15. };
16. function initializeGeneral() {
17.   var imageG = new google.maps.MarkerImage('http://www.betaaa.com/images/pin.png',
18.       new google.maps.Size(20, 26),
19.       new google.maps.Point(0, 0),
20.       new google.maps.Point(0, 26)
21.   );
22.   var myLatlngG = new google.maps.LatLng(35.518421,24.018758);
23.   var myOptionsG = {
24.       zoom: 16,
25.       center: myLatlngG,
26.       mapTypeId: google.maps.MapTypeId.ROADMAP
27.   }
28.   var mapG = new google.maps.Map(document.getElementById("map_canvas_all"), myOptionsG);
29.  
30.   var markerG = new google.maps.Marker({
31.       position: myLatlngG,
32.       map: mapG,
33.       title: "aaa",
34.       icon: imageG
35.   });
36. };
37. });

I am embedding an iframe google map inside a Jquery UI tab but when the user clicks on the tab the map is not centered to the marker.

http://bit.ly/UTHskS

After research i think that I need to use this code but I am not sure how to incorporate this in my theme.

1. var zoom = map.getZoom();
   var center = map.getCenter();
   map.checkResize();
   map.setCenter(center,zoom);

many thanks,
Andy

Hello people,

Please look at www.gcprive.com/happenings

I am trying to move the iframe that loads when you click on the "Sign-up" button to come in front of the popup window.

Any ideas where the fix might be?

many thanks,
Andy

Hello,

Any idea why the map is not being displayed in Internet Explorer but works fine in Firefox and Chrome?

http://www.gcprive.com/ai1ec_event/club-test/?instance_id=32

many thanks,
Andy

Hello,

Firstly, i am a complete newbie when it comes to Jquery!

Please look at: http://www.greekconcierge.com/event-services.php

I have built a hidden div as you can see in the source code which contains some text. I have done these for the first two images

I would like when a user hovers over each image, the image to fade out with the text div for that image to fade in.

Then when the user moves the mouse out, the text div should fade out and the image should fade in.

Could someone please recommend a solution to this?

many thanks,
Andy

Hello,

I am using some Jquery code + CSS to display fade in and out text above each image. However, i can't figure out what I am doing wrong and the text is not being displayed when the user hovers the mouse over each image..

http://www.greekconcierge.com/group.php

Any ideas?

best regards,
Andy

Hello,

I am trying to use Jquery to achieve a fade in/out effect of text to be displayed directly above each image at:

http://www.greekconcierge.com/group.php

but i am doing something wrong as nothing comes up.

Could anyone help please?

thanking you in advance,
Andy