Join Chris Converse for an in-depth discussion in this video Where to go from here, part of Create an Interactive Map with jQuery and Dreamweaver.
- View Offline
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 a database, and pull data in.…On the jQuery's 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 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.…On 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 the right-hand side.…
Take a look at the finished web site here.
- Preparing web graphics
- Preparing the base 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
- Enhancing the design with CSS3