Books
in black and white
Main menu
Share a book About us Home
Books
Biology Business Chemistry Computers Culture Economics Fiction Games Guide History Management Mathematical Medicine Mental Fitnes Physics Psychology Scince Sport Technics
Ads

Javascript for dummies 4th edition - Veer E.V

Veer E.V Javascript for dummies 4th edition - Wiley publishing , 2004. - 387 p.
ISBN: 0-7645-7659-3
Download (direct link): javascriptfordummies2005.pdf
Previous << 1 .. 64 65 66 67 68 69 < 70 > 71 72 73 74 75 76 .. 118 >> Next

<a href="finishing.htm" TARGET="content">Finishing</a><br />
</span>
</BODY>
</HTML>
Taking Advantage of Third-Party Site-Mapping Tools
No doubt about it: Creating DHTML site maps from scratch takes quite a bit of programming know-how — not just with respect to JavaScript but to HTML and cascading style sheets, as well. If you don’t want to invest the time and trouble in figuring out everything you need to know to code DHTML site maps by hand, you might find a third-party site-mapping tool is just what the
200 Part III: Making Your Site Easy for Visitors to Navigate and Use
doctor ordered. Third-party site-mapping tools — some of which you can find for low or even no cost on the Web — allow you to create customized site maps with a minimum of effort. (The downside, of course, is that these scripts might not look or behave quite the same as one you create yourself.)
The following list — which represents just a fraction of the tools available — is a good place to begin looking for the perfect third-party site-map script:
Download Likno Software’s menu-creation product AllWebMenus (for free) and get instant access to an easy-to-use site-map generator. For details, check out Likno Software on the Web at www.likno.com.
^ Good for large Web sites, Xtreeme’s SiteXpert 7 allows you to automate site-map creation and updates. (If you frequently add or delete pages from your site, you might find automatic updating to be indispensable.) Find out more at www.xtreeme.com/sitexpert.
CDR’s Site Map Pro 2.1 uses a wizard (an easy-to-use, walk-you-through-it interface) to make creating cross-browser site maps as simple as possible. You can get the latest version from www.sitemappro.com.
Chapter 11
Creating Pop-Up Help (Tooltips)
In This Chapter
^ Exploring plain HTML tooltips
^ Breaking DHTML tooltips down into bite-sized chunks ^ Getting acquainted with active areas and mouse events ^ Using third-party tooltips scripts
f
■ f you use Internet Explorer or Netscape Navigator to surf the Web, you might be familiar with the helpful messages that pop up when you move your mouse over important areas of some Web pages. These helpful messages, called tooltips, are designed to give users extra information — anything from the definition of the word that the mouse pointer is over to a fancy scholarly citation. Because tooltips can make navigating a Web site easier and more enjoyable, they’re worth adding to your own Web pages.
You can add basic tooltips to a Web page by using plain old HTML tags.
The problem is that Internet Explorer supports one tag attribute (ALT) and Netscape Navigator supports another (TITLE). (Beginning with version 6.x, Internet Explorer 6.x now supports TITLE, too, but some users may have earlier versions of Internet Explorer installed.) And if you want to customize your tooltips — add an image, for example, or display large-size text over an eye-catching yellow background — you’re out of luck. The HTML ALT and TITLE tag attributes don’t allow for such customization.
Does that mean you have to give up your hopes of customized tooltips? No! As I demonstrate in this chapter, you can add customized tooltips that appear the same in both Internet Explorer and Navigator (as well as other browsers) by using dynamic HTML.
Dynamic HTML, or DHTML, refers to the combination of HTML, JavaScript, and cascading style sheets — a collection of client-side languages and standards you use to create Web pages that change appearance dynamically, after they’re loaded into a user’s Web browser.
202 Part III: Making Your Site Easy for Visitors to Navigate and Use
Although the examples in this chapter include HTML and cascading style sheet code, I don’t spend a lot of time describing these two languages. (This is a JavaScript book, after all!) If you’re interested in finding out more about DHTML, including HTML and cascading style sheets, you might want to check out a good book devoted to these subjects. One worth checking out is Dynamic HTML: The Definitive Reference, 2nd Edition, by Danny Goodman (O’Reilly).
Creating Plain HTML Tooltips
In the example in Figures 11-1 and 11-2, you see a DHTML tooltip and a plain HTML tooltip.
As you can see in Figure 11-1, the DHTML tooltip — the one that says “Left cousin” — appears in large print. The HTML tooltip (“Sarah”), in contrast, is small. Moving the mouse pointer to another part of the image causes the tooltips to disappear. Other tooltips appear as appropriate; for example, moving the mouse pointer over the girl on the right displays the “Right cousin” DHTML tooltip.
Figure 11-1:
You can customize DHTML tooltips, which is a distinct advantage over plain HTML tooltips.
Chapter 11: Creating Pop-Up Help (Tooltips) 203
Figure 11-2:
Moving the mouse pointer over another part of the photo displays different tooltips.
P' Tooltip Example flom JovoSciipt Fol Dummies. 4tii Edition - Miclosoft Internet Explotet - ~ Q
Previous << 1 .. 64 65 66 67 68 69 < 70 > 71 72 73 74 75 76 .. 118 >> Next