Join Chris Converse for an in-depth discussion in this video Adding the final design details, part of Creating an Interactive Map with jQuery.
Now in this project all of the information for the city details is contained…inside of HTML, and it's inside of this document and hidden with CSS.…Now one of the things you might want to start to expand on is on the jQuery…site looking at using things like Ajax or load.…This way you can actually take content from an external source, maybe an…outside HTML file or database, and pull data in.…On the jQuery site you want to go to Documentation and down to the Ajax link…under the API reference, and in here one of the quickest ways you can load…external content in is to use the load command.…
If you've already worked with databases and any kind of asynchronous…connection, you might want to come up and start looking at some of the Ajax…capabilities built into jQuery.…To add some additional special effects when you actually change the city detail,…you can look at two other courses that I have up on lynda.com.…One is the photo gallery and this works similar to the map, in that when…I click these individual photographs, we actually load and change data on…
Take a look at the finished web site here.
- Preparing web graphics
- Creating the main container
- Manipulating links with CSS
- Adding a drop-down menu
- Downloading jQuery and adding interactivity to a project
- Creating city details
- Overriding click events of anchor tags with jQuery