Changeset 98 for trunk


Ignore:
Timestamp:
Jan 19, 2010, 5:18:30 PM (11 years ago)
Author:
duh
Message:
  • created nicer tooltips
Location:
trunk
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy

    r96 r98  
    108108        }
    109109
     110        /**
     111         * render a textFieldElement
     112         */
    110113        def textFieldElement = {attrs, body ->
    111114                // set default size, or scale to max length if it is less than the default size

  • trunk/grails-app/views/wizard/index.gsp

    r90 r98  
    11<%
    2 /**
    3  * Wizard main template
    4  *
    5  * @author Jeroen Wesbeek
    6  * @since  20100113
    7  * @package wizard
    8  * @see    dbnp.studycapturing.WizardTagLib::previousNext
    9  * @see    dbnp.studycapturing.WizardController
    10  *
    11  * Revision information:
    12  * $Rev$
    13  * $Author$
    14  * $Date$
    15  */
     2        /**
     3        * Wizard main template
     4        *
     5         * @author Jeroen Wesbeek
     6         * @since 20100113
     7        * @package wizard
     8         * @see dbnp.studycapturing.WizardTagLib::previousNext
     9         * @see dbnp.studycapturing.WizardController
     10        *
     11        * Revision information:
     12        * $Rev$
     13        * $Author$
     14        * $Date$
     15        */
    1616%>
    1717<html>
    18  <head>
    19   <meta name="layout" content="main" />
    20   <link rel="stylesheet" href="${resource(dir:'css',file:'wizard.css')}" />
    21   <script type="text/javascript" src="${resource(dir:'js', file:'wizard.js')}"></script>
    22  </head>
    23  <body>
    24   <g:render template="common/wizard"/>
    25  </body>
     18<head>
     19        <meta name="layout" content="main"/>
     20        <link rel="stylesheet" href="${resource(dir: 'css', file: 'wizard.css')}"/>
     21        <script type="text/javascript" src="${resource(dir: 'js', file: 'jquery.qtip-1.0.0-rc3.min.js')}"></script>
     22        <script type="text/javascript" src="${resource(dir: 'js', file: 'wizard.js')}"></script>
     23</head>
     24<body>
     25<g:render template="common/wizard"/>
     26</body>
    2627</html>

  • 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.