Join Chris Converse for an in-depth discussion in this video Detecting when the dropdown changes, part of Create an Interactive Map with jQuery and Dreamweaver.
- View Offline
Now we are ready to write our first scripts, so let's come over to the…interactive_map.js file.…Let's add a few lines in here.…Let's start by using jQuery's built-in Document Ready function. Start…with a dollar sign, beginning and ending parentheses.…Inside the parentheses two single tick marks. For a string literal we are…going to type document.…After the parentheses, .ready, beginning and ending parentheses, and a semicolon.…Inside of the ready parentheses we are going to type function, beginning and…ending parentheses, beginning and ending bracket,…hit the cursor inside the brackets, and let's split this open.…
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