yii-bootstrap Follow @yiiframework

<?php 
/**
 * BPopover class file
 * 
 * @author Tudor Sandu <tm.sandu@gmail.com>
 * @link https://github.com/tetele/Yii-Bootstrap
 * @copyright Copyright (c) 2011, Tudor Sandu. All rights reserved.
 * @license http://www.opensource.org/licenses/bsd-license.php BSD
 * 
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 * - Redistributions of source code must retain the above copyright notice, this list
 *   of conditions and the following disclaimer.
 * - Redistributions in binary form must reproduce the above copyright notice, this list
 *   of conditions and the following disclaimer in the documentation and/or other materials
 *   provided with the distribution.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS
 * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
 * AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
 * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
 * OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */
 
/**
 * BPopover is a widget based on the excellent jQuery.tipsy plugin written by Jason Frame; 
 * Twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for title storage!
 *
 * @author Tiago Conceição
 * @version 0.1
 * @package bootstrap
 * @since 0.1
 */
class BPopover extends BTwipsy {
 
    /**
     * @var jQuery selector for element(s)
     */
    public $selector='a[rel=popover]';
 
    /**
     * @var how to position the tooltip - above | below | left | right
     */
    public $placement = 'right';
 
    /**
     * @var attribute or method for retrieving content text
     */
    public $content = 'data-content';
 
    /**
     * @var how tooltip is triggered - hover | focus | manual
     */
    public $trigger = 'hover';
 
    public function init() {
        parent::init();
        Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl.'/js/bootstrap-popover.js', CClientScript::POS_END);    
    }
 
    public function run() {
        $options = array(
            'animate'=>(bool)$this->animate,
            'delayIn'=>(int)$this->delayIn,
            'delayOut'=>(int)$this->delayOut,
            'fallback'=>$this->fallback,
            'placement'=>$this->placement,
            'html'=>(bool)$this->html,
            'live'=>(bool)$this->live,
            'offset'=>(int)$this->offset,
            'title'=>$this->title,
            'content'=>$this->content,
            'trigger'=>$this->trigger,
        );
        Yii::app()->clientScript->registerScript('BPopover#'.$this->selector,'$("'.$this->selector.'").popover('.CJSON::encode($options).');',CClientScript::POS_READY);
    }
}

$this->widget('BPopover', array(
                'selector'=>'.popovers',
                'html'=>true,
                'placement'=>'below',
                )
            );

<?php 
/**
 * BTwipsy class file
 * 
 * @author Tudor Sandu <tm.sandu@gmail.com>
 * @link https://github.com/tetele/Yii-Bootstrap
 * @copyright Copyright (c) 2011, Tudor Sandu. All rights reserved.
 * @license http://www.opensource.org/licenses/bsd-license.php BSD
 * 
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 * - Redistributions of source code must retain the above copyright notice, this list
 *   of conditions and the following disclaimer.
 * - Redistributions in binary form must reproduce the above copyright notice, this list
 *   of conditions and the following disclaimer in the documentation and/or other materials
 *   provided with the distribution.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS
 * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
 * AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
 * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
 * OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */
 
/**
 * BTwipsy is a widget that provides a simple interface for adding popovers to your application
 *
 * @author Tiago Conceição
 * @version 0.1
 * @package bootstrap
 * @since 0.1
 */
class BTwipsy extends CWidget {
 
    /**
     * @var jQuery selector for element(s)
     */
    public $selector='a[rel=twipsy]';
 
    /**
     * @var apply a css fade transition to the tooltip
     */
    public $animate = true;
 
    /**
     * @var delay before showing tooltip (ms)
     */
    public $delayIn = 0;
 
    /**
     * @var delay before hiding tooltip (ms)
     */
    public $delayOut = 0;   
 
    /**
     * @var text to use when no tooltip title is present
     */
    public $fallback = '';
 
    /**
     * @var how to position the tooltip - above | below | left | right
     */
    public $placement = 'above';
 
    /**
     * @var allows html content within tooltip
     */
    public $html = false;
 
    /**
     * @var use event delegation instead of individual event handlers
     */
    public $live = false;
 
    /**
     * @var pixel offset of tooltip from target element
     */
    public $offset = 0;
 
 
    /**
     * @var attribute or method for retrieving title text
     */
    public $title = 'title';
 
 
    /**
     * @var how tooltip is triggered - hover | focus | manual
     */
    public $trigger = 'hover';
 
    public function init() {
        Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl.'/js/bootstrap-twipsy.js', CClientScript::POS_END);
    }
 
    public function run() {
        $options = array(
            'animate'=>(bool)$this->animate,
            'delayIn'=>(int)$this->delayIn,
            'delayOut'=>(int)$this->delayOut,
            'fallback'=>$this->fallback,
            'placement'=>$this->placement,
            'html'=>(bool)$this->html,
            'live'=>(bool)$this->live,
            'offset'=>(int)$this->offset,
            'title'=>$this->title,
            'trigger'=>$this->trigger,
        );
        Yii::app()->clientScript->registerScript('BTwipsy#'.$this->selector,'$("'.$this->selector.'").twipsy('.CJSON::encode($options).');',CClientScript::POS_READY);  
    }
}

<a href="#" rel="twipsy" title="Hi there!">Hover me</a>
 
$this->widget('BTwipsy', array(
            'live'=>true,
            )
        );