Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Coby Mote
Coby Mote
2,944 Points

Customizing Google Maps >Fixing Info Windows and Google Maps- Problem

The task says

"Cut the script tags from the bottom of the locations page and paste them in before the end of the body tag and after the "map" div"

When I cut the 3 lines of script from "locations.html" and paste them into "map.html" it says... "Bummer! It looks like you haven't pasted the scripts in the map page yet."

What am I doing wrong?

7 Answers

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Can you paste in your code or use code pen to show the contents of your files?

Regards Andrew

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Can you paste in your code or use code pen to show the contents of your files?

Regards Andrew

Coby Mote
Coby Mote
2,944 Points
Coby Mote
Coby Mote
2,944 Points

Hey Andrew,

Here's the code in "map.html" when I paste the script tags.

EDIT: CODE ISN'T SHOWING PROPERLY. I will post it soon

Coby Mote
Coby Mote
2,944 Points
Coby Mote
Coby Mote
2,944 Points

Here's the link to the code pen with the code.

http://codepen.io/14motec/pen/lbDFj

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

It looks like there's a missing closing </div> tag at the end of the map div. That could be causing an issue.

Coby Mote
Coby Mote
2,944 Points
Coby Mote
Coby Mote
2,944 Points

Thanks Andrew! It worked! :)

-Coby

Carlos E. Quiroz Rojas
Carlos E. Quiroz Rojas
15,278 Points
Carlos E. Quiroz Rojas
Carlos E. Quiroz Rojas
15,278 Points

Help Andrew !!

I am doing de code chalenge and I get stuck with this also

"Bummer! There's something wrong with your script ordering. You need 'jquery.js', then Google Maps and then app.js".

My code is

in the map.html

http://codepen.io/seraphzz/pen/AKlIz

and in location.html

http://codepen.io/seraphzz/pen/abmFt

can you help me ?

Jorge Hernandez
Jorge Hernandez
23,571 Points

Remove:

location.html:

<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("#locations").prepend('<iframe id="map" src="map.html" seamless="seamless" scrolling="no"></iframe>'); </script>

Jorge Hernandez
Jorge Hernandez
23,571 Points

<code><script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("#locations").prepend('<iframe id="map" src="map.html" seamless="seamless" scrolling="no"></iframe>'); </script></code>