Columns 1-20

Site created:
December, 02;
Last modified:
December, 02

HOME

 

About me
  • My Profile
  • My Photos
    		•

     

    Gallery
  • My Photos
  • My Family
    		•

     

    Movies
  • American
    		•

     

    Music
  • Vietnamese
  • American
  • Chinese
    		•

     

    Tutorials

    HTML
  • HTML & CSS
    		•

    JavaScript
  • Columns 01-20
  • Columns 21-40
  • Columns 41-60
  • Columns 61-80
  • Columns 81-100
  • Columns 101-120
    		•

     

    Goodies
  • Color Picker
    		•

     

    My Links

     

    [01] Universal JavaScript Rollovers

      Learn how to swap images for rollovers, including multiple and nested rollovers.
      Related tips:
      Content

    1. How to use the document.images object.
    2. How to make your rollovers backward compatible.
    3. How to create an instance of the Image object.
    4. How to combine several rollovers to create a menu.
    5. How to create multiple rollovers.
    6. How to ensure maximum "transition" quality.
    7. How to create nested rollovers.

    [02] Mastering JavaScript Dates

      Master date representation formats and learn how to stamp you site with the current date (JavaScript, CGI, and Cronjobs).
      Related tips:
      Content:

    1. How to create an instance of the Date object.
    2. How to extract the desired properties from that instance.
    3. How to display the date in a good-looking format.
    4. How to setup a cronjob to set the date.
    5. How to implement a server-side include to do the job.

    [03] Rotating Text Banners

      Take advantage of DHTML to save valuable space on your Web pages by rotating several text messages.
      Related tips:
      Content:

    1. How to determine which browser the user is running.
    2. How to create a container for the rotating text script.
    3. How to to update existing HTML code.
    4. How to rotate the banner.

    [04] Text Rollovers

      Learn how to highlight links and change their text when the user passes the mouse over them.
      Related tips:
      Content:

    1. How to use onMouseOver and onMouseOut with plain text.
    2. How to change a link's color when the user points at it or removes the pointer from it.
    3. How to change a link's text when the user points at it or removes the pointer from it.
    4. How to generate these effects for an entire document.
    5. How to generate these effects for an entire site.
    6. How to provide workarounds for Netscape Navigator 4.0x.

    [05] Regular Expressions

      Validate user-supplied data with this powerful string matching and manipulation tool. Just like Perl!
      Related tips:
      Content:

      Pattern Matching and Regular Exressions

    1. What you can do with regular expressions.
    2. How to use various modifiers with matching operators.
    3. How to construct regular expressions.
    4. What rules apply to all regular expressions.
    5. How to use values (backreferences) inside and after a regexp.
    6. How to perform substitution commands.

      7. JavaScript Regular Expressions

    7. How to define regular expressions.
    8. How to use the regular expression methods.
    9. How to use backreferences.
    10. How to create a general feedback form.
    11. How to provide a workaround for older browsers.

    [06] Browser Compatibility

      Discover the difference between browser and object detection, and find out what method you should choose.
      Related tips:
      Content:

    1. How to determine which browser the user is running.
    2. How to find out if a specific object exists.
    3. How to find out if a specific method exists.
    4. How to ignore errors when they occur.
    5. How to cut & paste common object detection routines.

    [07] Window Spawning and Remotes

      Explore different ways to launch new windows with HTML and JavaScript. You'll be popping remotes in no time!
      Related tips:
      Content:

    1. How to launch a new window with HTML.
    2. How to launch a new window with JavaScript.
    3. How to specify the new window's attributes.
    4. How to manipulate the new window after creating it.
    5. How to embed links and forms in the remote's document.

    [08] Crispy JavaScript Cookies

      Use JavaScript-based HTTP cookies to store and retrieve user-specific data on the user's machine with HTTP cookies.
      Related tips:
      Content:

    1. How to set a cookie and get one with HTTP headers.
    2. How to set a cookie and get one with JavaScript.
    3. How to use pre-packed functions to save time.
    4. How to put a personal counter on your page.
    5. How to "remember" the user's name.

    [09] The Navigator Event Model

      Learn how to use the Navigator's new event object, and how it affects the browser's event handling routines.
      Related tips:
      Content:

    1. How to utilize traditional event handlers with the attribute approach.
    2. How to utilize event handlers with the property assignment approach.
    3. How to capture and release events at a high level.
    4. How to process captured events.
    5. How to design event processing functions.
    6. How to pass an event to a specific object.
    7. How to drop an event through the hierarchy.
    8. How to access the event object for a specific event.
    9. How to use the event object's properties.
    10. How to use Navigator 4.0x's new and revised events.
    11. How to use the new mouse events.
    12. How to use the new keyboard events.

    [10] The Internet Explorer Event Model

      Find out how Internet Explorer implements event bubbling, and how to capture events at various levels.
      Related tips:
      Content:

    1. How to assign an event handler to an element.
    2. How to implement Internet Explorer 4.0x's explicit event handler scripts.
    3. How to capture events at various levels.
    4. How to disable an event handler.
    5. How to design event processing functions.
    6. How to take advantage of event bubbling.
    7. How to cancel event bubbling for a specific event.
    8. How to access the event object for a specific event.
    9. How to use the event object's properties.
    10. How to use Internet Explorer 4.0x's new and revised events.
    11. How to use the new mouse events.
    12. How to use the new keyboard events.

    [11] The Cross-Browser Event Model

      Study the differences between the event models in Navigator 4.0x and Internet Explorer 4.0x and how to overcome them.
      Related tips:
      Content:

    1. How to avoid elements that do not support the same event handler in both browsers.
    2. How to capture events at a high level.
    3. How to access the event object from within the event processing function.
    4. How to utilize the event object's properties.
    5. How to detect modifier keys.
    6. How to find out what key or mouse button the user pressed.

    [12] JavaScript Selections

      Learn how to create cross-browser scripts that refer to the selected text on the page.
      Related tips:
      Content:

    1. How Navigator 4.0x and Internet Explorer 4.0x handle selections.
    2. How to use selection-related event handlers.
    3. How to retrieve a selection in Navigator 4.0x.
    4. How to use the selection object in Internet Explorer 4.0x.
    5. How to create a TextRange object in Internet Explorer 4.0x.
    6. How to utilize a TextRange object's properties and methods.
    7. How to retrieve the current selection with Navigator 4.0x and Internet Explorer 4.0x.

    [13] Scrolling JavaScript Banners

      Enhance your page with this amazing, animated news scroller. You'll discover several very useful DHTML techniques.
      Related tips:
      Content:

    1. How to specify the banner's position.
    2. How to use external JavaScript files.
    3. How to configure the banner.
    4. How to assign the banner's messages to an array.
    5. How to initialize the banner.
    6. How to create the banner's elements.
    7. How to fill the banner's elements.
    8. How to set an element's visibility.
    9. How to rotate the messages.
    10. How to move the messages.

    [14] Pop-out Elements

      Strech the boundaries of your page with these fancy popout elements that expand and collapse on the side of the page.
      Related tips:
      Content:

    1. How to define a pop-out element as an instance of an object.
    2. How to define and use a pop-out element's properties.
    3. How to position a pop-out element's tab.
    4. How to position a pop-out element's box.
    5. How to toggle a pop-out element's visibility status.
    6. How to toggle a pop-out element's visibility.

    [15] Lookup Lists

      Learn how to implement lookup lists that match your selection as you type it in. Put an end to your sloppy Web sites.
      Related tips:
       

    [16] Dynamic Tooltips

      Master stylesheets to add the well-known Balloon Help feature to your page's elements and links.
      Related tips:
       

    [17] Screen Properties

      Find out the screen's dimensions, its available portion, and the number of colors it can display.
      Related tips:
       

    [18] JavaScript Animations, Part I

      Create your real-time animation library that supports sliding, movement, positioning, and visibility switching.
      Related tips:
       

    [19] JavaScript Animations, Part II

      Enhance your real-time animation engine with nested, and consecutive (path) animations.
      Related tips:
       

    [20] Embedding Sound in Web Pages, Part I

      Embed audio in your page with Navigator's LiveAudio plug-in and Internet Explorer's ActiveMovie Control.
      Related tips: