Changeset 98 for trunk/web-app


Ignore:
Timestamp:
Jan 19, 2010, 5:18:30 PM (10 years ago)
Author:
duh
Message:
  • created nicer tooltips
Location:
trunk/web-app/js
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/js/wizard.js

    r90 r98  
    1313 * $Date$
    1414 */
    15 
    16 $(document).ready(function(){
     15$(document).ready(function() {
    1716    // attach help action on all wizard help icons
    18     $('div#wizard').find('div.help')
    19             .bind('mouseenter',function() {
    20         $(this).find('div.content').animate({
    21             opacity: 0.95
    22         }, 200 );
    23     }).bind('mouseleave',function() {
    24         $(this).find('div.content').animate({
    25             opacity: 0
    26         }, 200 );
    27     });
     17    $('div#wizard').find('div.help').each(function() {
     18        $(this).find('div.icon').qtip({
     19            content: 'leftMiddle',
     20            position: {
     21               corner: {
     22                  tooltip: 'leftMiddle',
     23                  target: 'rightMiddle'
     24               }
     25            },
     26            style: {
     27               border: {
     28                  width: 5,
     29                  radius: 10
     30               },
     31               padding: 10,
     32               textAlign: 'center',
     33               tip: true, // Give it a speech bubble tip with automatic corner detection
     34               name: 'blue' // Style it according to the preset 'cream' style
     35            },
     36            content: $(this).find('div.content').html(),
     37            show: 'mouseover',
     38            hide: 'mouseout'
     39        })
     40    })
    2841});
Note: See TracChangeset for help on using the changeset viewer.