jucai/resources/views/admin/content/article.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();
        $('select[name="parent_id"]').parent().parent().attr('id','parent_id_div');
        $('select[name="type_id"]').parent().parent().attr('id','type_id_div');
        $('#parent_id_div select[name="parent_id"]').change(function(){
            if($(this).val() ==''){
                $('#type_id_div').css('display','none');
                $('select[name="type_id"]').val('');
            }else{
                $('#type_id_div').css('display','block');
            }
        });

        var parent_id = $('#parent_id_div select[name="parent_id"]').val();
        if(parent_id ==''){
            $('#type_id_div').css('display','none');
        }else{
            $('#type_id_div').css('display','block');
        }
    });
</script>