SOURCE CODE: Generic Auto Tooltip

VIEW EXAMPLE





  Generic Auto Tooltip | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  
  






UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Generic Auto Tooltip

In this example, an instance of Uize.Widget.AutoTooltip is wired to a bunch of external links that appear within a discussion of the electronica music genre down below (courtesy of Wikipedia). Each link tag has summary info for the link, tucked away inside the tag's title attribute. When you mouse over the links, the summary info is displayed in a table format inside a tooltip that follows the mouse position. The tooltip HTML for the summary table is produced by an instance of the Uize.Widgets.Tooltip.KeysValues.Widget class. The set of links to wire up with tooltips is obtained using the Uize.Dom.Basics.find static method, and is specified by setting the instance's nodes state property.

Tucking the summary info for the links into the HTML provides relevancy information for search engines that index the page, but also adds value to the page in the case that JavaScript is disabled, if the JavaScript breaks, or if it just takes long for the JavaScript to load and wire up the behavior. To demonstrate the fallback experience, click on the "UNWIRE AUTO TOOLTIPS" button to unwire the widget. With the widget unwired, mousing over the links gives you the experience without the auto tooltip behavior - just the regular browser tooltips. To go back to decorated tooltips, click the "WIRE AUTO TOOLTIPS" button.

The Norwegian dance duo Royksopp reached unexpected stardom in 2001 when its debut album Melody AM became an international bestseller. By 2002 the style had a harder edge and in the UK tracks like "Loneliness" by Tomcraft hit number One and the following year an electro dance scene emerged in the UK. The release of albums like "New Wave Electro" on Orange Sync Records and Electrotech Ministry of Sound introduced this style to the clubs with post punk beats, mono Synth breaks which became the formula for the current electro dance scene in the UK.

Around the mid-1990s, with the success of the big beat-sound exemplified by The Chemical Brothers and The Prodigy in the UK, and spurred by the attention from mainstream artists, including Madonna in her collaboration with william Orbit on Ray of Light. Music of this period began to be produced with a higher budget, increased technical quality, and with more layers than most other forms of dance music, since it was backed by major record labels and MTV as the "next big thing".