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.
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