16: Fun with Client-Side Scripts in Java

Generating PDF-417 2d barcode in Java 16: Fun with Client-Side Scripts

term to find more information than you can read in an entire Sunday afternoon) jQuery can be extended for many different uses say for example, a lightbox by no coincidence whatsover! To create a lightbox, such as the one at wwwdummieshtmlcom/examples/ ch16/lightbox, follow these steps: 1 Download FancyBox at http://fancyboxgooglecodecom/files/ jqueryfancybox-131zip The FancyBox home page is shown in Figure 16-9

2 Unzip its files into your Web site folder 3 Create a blank HTML page, and then add the necessary JavaScript files along with the Fancy Box CSS File (see Figure 16-10) 4 Include the following code in that document (inside the head part):

<script type= text/javascript src= http://ajaxgoogleapiscom/ajax/libs/jquery/14/jqueryminjs > </script> <script type= text/javascript src= fancybox/jqueryfancybox-131packjs ></script> <link rel= stylesheet href= fancybox/jqueryfancybox-131css type= text/css media= screen />

5 Create a link to launch the lightbox In this example (see Figure 16-11), we use a small image to launch a larger one

<a id= example href= images/oldCoverLargejpg > <img src= images/oldCoverSmalljpg alt= Our Old Book Cover border= 0 /></a>

Figure 16-11 shows how the lightbox looks on the Web page when completed You can also view it online at wwwdummieshtmlcom/ examples/ch16/lightbox Here s the magic part: We add some JavaScript to enable the lightbox to work with jQuery 6 Enter the following code into the head section of your document:

<script type= text/javascript > $(document)ready(function() { $( a#example )fancybox({ titleShow : true }); }); </script>

This example is intended to showcase what s possible using these tools Check out the sample code on our site and give it a shot! (You can also visit wwwdummieshtmlcom/examples/ch16/lightbox, and then choose View Source in Internet Explorer or View Page Source in Firefox) For additional resources for this example, visit the following sites: jQuery: http://docsjquerycom/How_jQuery_Works FancyBox: http://fancyboxnet/howto To find alternative lightbox plugins, check the following sites: 6 Lightbox Plugins for WordPress: http://franklinbishopnet/6lightbox-plugins-for-wordpress jQuery lightBox: http://leandrovieiracom/projects/jquery/ lightbox You can find more about JavaScript libraries at the following sites: jQuery: wwwjquerycom scriptaculous: http://scriptaculous MooTools: http://mootoolsnet

If you try to follow along with the various techniques we illustrate in these chapters, you ll realize that we didn t describe every single step in complete detail You will need to load image files into the various environments (Flickr, for example), and in general, you must make sure that file paths and other resource references are absolutely correct (or images and objects won t show up where they should) Our skeleton approach is designed to help you understand what you must do in general If you need more help in completing the steps, drop us an e-mail (etittel@yahoocom, jeff@conquestmedia com) or send us a tweet (@dummieshtml), and we ll add a step-by-step tutorial to the Web site

17

Understanding the differences between content management systems and HTML Introducing WordPress, Drupal, and Joomla! Customizing CSS using content management systems

content management system (CMS) is a Web application designed to make life easy for nontechnical users to add, edit, and (wait for it ) manage a Web site A CMS is like a Web site on steroids: bigger, stronger, and with more abilities However, a CMS might be overkill for what many folks need and there are side effects Well, that s it for us: You can now put this book down and just use a CMS instead of HTML Cue the music and thanks very much: The End Alas, if only that were true Many people start with HTML, XHTML, and CSS, and eventually graduate to their very own CMS Web site, whereas others jump directly into CMS and move ahead from there It really just depends on what makes you comfortable and happy Regardless of whether you start out with or graduate to a CMS, learning HTML, XHTML, and CSS will help (not hurt) as you prepare for life with a CMS (if you choose that option)