• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Sassy Status Bar

Way down at the bottom of the browser window lives the status bar. Usually, the status bar provides helpful info, such as the progress of the loading page or the URL of the hyperlink the pointer is over. My favorite use of the status bar is to provide a copyright message when the user’s pointer is over an image. Sometimes I use the status bar for a description of the image. Dreamweaver makes doing status bar messages easy with the Set Text of Status Bar behavior. First, make the image a link, be it real or null (see “Watch Out for Killer Octothorpes” in Chapter 7), and then click the Add (+) button on the Behaviors panel and choose Set Text > Set Text of Status Bar. When the dialog appears, type You Taka My Stuff, I Breaka You Face or another appropriate message, and then click OK. Make sure that you’ve chosen the appropriate event in the Behaviors panel. In our case, we want <A> onMouseOver so that the behavior is applied to an <a> tag that wraps the <img> tag. (Dreamweaver adds the <a> tag if it doesn’t already exist.) If you want the message to disappear when the pointer moves off the image, apply the behavior a second time, but don’t add a message—just click OK and leave the dialog blank. Don’t forget to set the event to <A> onMouseOut. Make sure to preview so that you’re certain all of your text appears in the status bar as intended; you’re limited to the number of characters that fit the width of the given browser.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint