You are previewing Beyond HTML Goodies.
O'Reilly logo
Beyond HTML Goodies

Book Description

Go beyond the basics and learn how the pros add and use dynamic HTML features and advanced JavaScript techniques. Beyond HTML Goodies demonstrates dozens of new and different features readers can add to their existing Web pages using HTML and JavaScript. The book starts with simple text and image tips, such as adding a clock to a Web page or causing text to appear when the mouse moves over an image. It gradually builds to more complex tricks, including manipulating forms or working with cookies behind the scenes. Throughout the book, readers enjoy Joe's snappy style and "to the point" discussion of each "goody" in the book.

Table of Contents

  1. Copyright
    1. Dedication
  2. HTML Goodies Web Site by Joe Burns
    1. Quotes from the Media
    2. Quotes from Visitors to the Web Site
  3. About the Author
  4. Acknowledgments
  5. We Want to Hear from You!
  6. Introduction
  7. I. Text and Images
    1. 1. Neat Stuff with Text
      1. HTML+Time
        1. Make the Text Show Up
        2. Appear and Go Away
        3. Appear in the Same Place
      2. Perl SSI: The Include Command
        1. Can You Run This Perl-Based SSI?
        2. The include Command
        3. The file Argument
        4. Why Use "file="?
        5. The virtual Argument
        6. The Included File
      3. ASP SSI Example
        1. ASP, What’s That?
          1. Is ASP a Language?
          2. Can Anyone Use ASP?
        2. Test for ASP Yourself!
        3. A Useful ASP Example: SSI
        4. How You Do It
      4. SSI: Dates and Time Includes
        1. Config and Echo
        2. The timefmt Argument
        3. The Codes
        4. Multiple Codes
      5. SSI: File Returns
        1. The echo Command
        2. The flastmod Command
        3. The fsize Command
      6. JavaScript Escape Characters
        1. The Prompt Example
        2. The Alert Example
        3. The document.write Example
      7. JavaScript Tabs
        1. A Tab Example and Code
        2. Explanation
        3. <XMP>?
    2. 2. Neat Stuff with Images
      1. Image Slideshow Script
        1. The Effect
        2. The Code
      2. Image Map Image Flip
        1. No Flipping Sections!
        2. Preload the Images
        3. The Images
        4. Main Image
        5. The Function
        6. The Map
        7. The ToolTip Box
      3. Dual Image Flip
        1. The Parts
        2. The Script
        3. The Large Images
        4. The Buttons
        5. The Function
        6. The Code
        7. The Large Image
      4. Mouse Trail Effect
        1. IE First
        2. Navigator Next
        3. Fancy Trailing Stuff
    3. 3. Neat Stuff with Text and Images
      1. Placing Text Over Images
        1. The Easiest Way I Know
        2. Doing It Through Layers
        3. Why Not Position the Text?
      2. RevealTrans Filter
        1. Make It Disappear
        2. Transition Numbers
        3. Make It Go Away
        4. No Button
      3. Internet Explorer Text and Image Filters
        1. Using the Filter
        2. Multiple Elements
        3. Filter Examples
      4. Internet Explorer Wave Filters
        1. Examples
        2. Parameters
      5. Toggling Images and Text in Internet Explorer
        1. Toggling with MSIE
        2. Make the Division Appear
        3. Make It Appear
        4. Make the Division Disappear
        5. Call for the Division
        6. More Divisions
        7. A Final Note
      6. Toggling Netscape’s Layers
        1. The Effect
        2. The Layer
        3. Getting the Toggle Effect
        4. The Button Code
        5. Multiple Toggling Layers
    4. 4. What About the Page’s Design?
      1. Dynamic Fonts
        1. Dynamic Fonts
        2. PFR Fonts
        3. Get the Font
        4. Using the Fonts
      2. No Borders!
        1. No Margins—Navigator
        2. No Margins—IE
        3. Do It with Frames
      3. Post by Screen Size
        1. Redirection Choice
        2. Internal Page Choice
        3. See the Script
      4. Internal Browser Test
        1. How’d You Do That?
        2. The Script
        3. Deconstructing the Script
        4. A Better Example
        5. Here’s the Code
        6. Getting Specific
        7. The IE 5.0 Problem
        8. Setting Your Page as Home Page: IE5.0 Only!
      5. No Selection Rectangle in IE
        1. Lose It Altogether
      6. Resize Your Browser Window
        1. Resize the Window
        2. Get It Back to Size
      7. Printable Pages
        1. What Do You Want to Print?
        2. How Do You Want It to Print?
        3. Get That Format
        4. A Color Rule
        5. Typography Concerns
        6. Images
        7. Page Breaks
      8. Rounded Corners in Tables
        1. The Table Structure
        2. The Corner Images
        3. They’re Not All Images
        4. Making the Images
      9. Fullscreen Effect
        1. Open in Fullscreen Mode
        2. Close It Up
        3. Click to Fullscreen Mode
      10. Pop-Under Windows
        1. The Basic Thinking
        2. The Effect
        3. The Effect Using onLoad
      11. New Window: No Title Bar
        1. The Button Code
        2. The Script Code
        3. OnLoad the Window
  8. II. Playing Around with Forms
    1. 5. Good Looking Forms
      1. Highlighting Select Boxes
        1. Three Examples
        2. How It’s Done
      2. Fieldset and Legend
        1. The Flags
        2. Use a Table Too
    2. 6. Helpful Forms
      1. Submit When Finished
        1. The Code
        2. The Form Code
        3. The JavaScript Code
      2. Passing Variables with Forms and JavaScript
        1. How It Works
        2. Limitations
        3. Get the First Name
        4. Grab the Last Name
        5. Placing the Value
      3. Limiting Check Box Choices
        1. The Form Elements
        2. The Script
      4. Select Boxes: If This...Then This
        1. The Form Code
        2. The Script Code
        3. Multiple Form Elements
      5. Copy to Clipboard
        1. The Effect
        2. The Text to Be Copied
        3. The JavaScript
        4. What If There Is Code?
        5. Multiple Copies on One Page
      6. Select Box Links Menu
        1. The Script
        2. The Function
        3. No Button
        4. Across Frames
        5. The Code
        6. The Function
        7. Other Frames
      7. Hidden Password Protection
        1. Here’s the Script
      8. Array Password Protection
        1. Here’s the Code
  9. III. Behind the Scenes
    1. 7. Your Users Might See These
      1. Placing a Cookie
        1. Why Set Cookies?
        2. My Cookie Script in Action
        3. Setting the Cookie
        4. What Does It Look Like?
        5. Retrieve the Cookie
        6. The Retrieval Script
        7. Putting the Cookie on the Page
        8. More Than One Cookie
      2. Cookie Counter
        1. The Effect
        2. Get the Script
        3. Explaining the Script
        4. Cookie Count Script Explanation
        5. More Than One
      3. Disabling Mouse Clicks
        1. No Right Click
        2. No Left Click
        3. No Clicking at All!
      4. Minimize and Maximize Buttons
        1. The Code
        2. Here’s What’s Happening
      5. Refresh the Page
        1. Reload All by Itself
        2. Reload from a User’s Click
        3. Click to Refresh the Page
        4. Use the Full URL?
      6. HTA Files
        1. The Basic Concept
        2. The HTA File
        3. The Flag and Properties
      7. Keystroke Captures
        1. The Script
        2. The Netscape Portion
        3. The MSIE Portion
        4. Altering the Script
        5. What About the Numbers?
    2. 8. They’ll Never See These, But They’ll Thank You for Them
      1. Do Not Cache a Page
        1. IE First
        2. Pragma Doesn’t Work in IE 5
        3. ASP Pages Use This
        4. Navigator Next
      2. Server Response Codes
        1. Headers
        2. The Server Response Codes (SRCs)
          1. 100-199 Codes
          2. 200-299 Codes
          3. 300-399 Codes
          4. 400-499 Codes
          5. 500-599 Codes
      3. Alternative Printing
        1. Here’s What’s Happening
        2. So What Actually Happened?
        3. Other Uses
      4. Make Your Own PDF Pages
        1. Adobe Cheap
        2. txt2PDF.cgi
        3. Win2PDF
        4. Ghostview and Ghostscript
      5. OnError Event Handler
      6. Flash Plug-in Test Page
        1. The Code
        2. Altering the Code
      7. XHTML
        1. What Is This XHTML?
        2. Document Type Definition: DTD
        3. Why?
        4. The Rules
        5. XHTML: Good or Bad?
        6. An Example
  10. Epilogue