jucai/resources/views/admin/content/recuperate.blade.php

{!! $grid->render() !!}
<style>
    p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
    p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
</style>
<script>
    this.vtip = function() {
        this.xOffset = -10; // x distance from mouse
        this.yOffset = 15; // y distance from mouse
        $(".vtip").unbind().hover(
            function(e) {
                this.t = $(this).attr("title");
                this.title = '';
                this.top = (e.pageY + yOffset);
                this.left = (e.pageX + xOffset);
                $('body').css("cursor","help");
                $('p#vtip').width()>450?$('p#vtip').width(450):'';
                $('body').append( '<p id="vtip">' + this.t + '</p>' );
                $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn(0);
            },
            function() {
                this.title = this.t;
                $('body').css("cursor","");
                $("p#vtip").fadeOut("slow").remove();
            }
        ).mousemove(
            function(e) {
                this.top = (e.pageY + yOffset);
                this.left = (e.pageX + xOffset);
                $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
            }
        );

    };
    $(document).ready(function() {
        vtip();
    });
</script>