Today's topics are more JavaScript, and jQuery.
For your final site, remember file and directory naming conventions. Your final URL will be of the form: http://www.lasalle.edu/~smithj4/final/ To avoid problems,
We'll write a five-line JavaScript that outputs the sum of two integers. Start with this blank HTML page. For JavaScript dropdowns, now feasible in CSS, you could try Dynamic Drive's Anylink dropdown menu. But you can also make dropdowns using CSS. Also JavaScript.com is a good place to start.
- Save before previewing in browser
- Keep all files on the same disk or drive
- Files and directory names should have no upper-case letters and no special characters or spaces. Remember: No Caps, No Gaps (or, Lower Case, No Space).
- For files in a sub-directory the link would be <a href="images/pic.gif">
- For files in a parallel directory the link would be <a href="../part_two/another_page.html">
jQuery is a set of prebuilt JavaScript functions that are called by jQuery() or $() (shorthand). The best place to start is the official site. Here is Learn jQuery at jQuery.com.
One more link for your development with JavaScript: jQueryUI (User Interface) because even jQuery has a bit of a learning curve (check out the Theme Roller and a demo I did with a different theme).
And here is a version of the animated GIF on the next page, with just a normal <img /> tag.
Projects are due by email (put everything in a zipped/compressed folder) Monday, November 23. Let me know where your form, animation/JavaScript, GIF, flexbox/Grid and CSS3 are located.
Site maintained by John Beatty