0byt3m1n1-V2

Path: /home/nlpacade/www/arcaneoverseas.com/application/views/ [ Home ]
File: calendar.php
<div class="cellSuiteIndex">
    <div class="box">

        <div class="boxpadding"><!-- style="box-shadow:none;">-->
            <h1 class="bleu"><?php echo $article->getTitre(); ?></h1>
            <br/>
            <div id='calendar'></div>
        </div>
    </div>
</div><!--END body_resize--> 
<div id="contact" style="color:#FFF;">
    <div id="close">Fermer</div>

    <div id="contact_header"></div>

    <div id="description"><center></center></div>
</div>
<div id="mask"></div>
<script>
    $(document).ready(function() {
        var savBg; var savClr;
        var date_ = new Date();
        /******end filtre ************/
        

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            eventRender: function(event, element, view)
            {
               
            },
            axisFormat: 'HH:mm',
            timeFormat: {
                agenda: 'H:mm{ - h:mm}'
            },
            viewDisplay: applyFilter,
            //timeFormat: 'H(:mm)',
            eventMouseover: function(calEvent, jsEvent, view) {
                savBg = $(this).css("background-color");
                savClr = $(this).css("color");
                $(this).css({ color:'black', backgroundColor:"#FFFFCC",cursor:"pointer" });
                $(this).fadeTo('slow',.7);//.css(text-align,'right');
            },
            eventMouseout: function(calEvent, jsEvent, view) {
                $(this).css( { color:savClr, backgroundColor:savBg } );
                $(this).fadeTo('slow',1);
            },
            events:"<?php echo site_url("calendar/json"); ?>",
            loading: function(bool) {
                if (bool){
                    $(".fc-content").css({'opacity' : '0.4'});
                    $(".rdv_add_calendar").addClass('loading');
                }else{
                    $(".fc-content").css({'opacity' : '1'});
                    $(".rdv_add_calendar").removeClass('loading');
                } 
            },
            eventClick: function(event, jsEvent, view){
               
                /*******************/
                $('#description').html(event.description);
                // close the modal window is close div or mask div are clicked.
                $('div#close, div#mask').click(function() {
	 
		
                    $('div#contact, div#mask').stop().fadeOut('slow');
		

                });

                $(function() {

                    // scroll to top
                    $('html, body').animate({scrollTop:0}, 'fast');

                    // before showing the modal window, reset the form incase of previous use.
                    $('.success, .error, .delete').hide();
                    //show the mask and contact divs
                    $('#mask').show().fadeTo('', 0.7);
                    $('div#contact').fadeIn();
         
                    // stop the modal link from doing its default action
                    return false;
                });
                /****************/
               
            },
            dayClick: function(date, allDay, jsEvent, view) {
               
                return false;  
            }
        });
        
        /**************Filtre********/
    

        var applyFilter = function(view) {
            jQuery("#legende li").each(
            function(i) {
                if (jQuery(this).attr("class").indexOf("selected") == -1)
                    jQuery("div." + getBaseClassName(jQuery(this).attr("class"))).hide();
            }
        )
        };

        jQuery("#legende li")
        .toggle(
        function() { 
            var baseClassName = getBaseClassName(jQuery(this).attr("class"));
            jQuery("div." + baseClassName).toggle();
            jQuery(this).removeClass("item-selected item-selected-" + baseClassName).removeClass("item-hover item-hover-" + baseClassName);
        },
        function() {
            var baseClassName = getBaseClassName(jQuery(this).attr("class"));
            jQuery("div." + baseClassName).toggle();
            jQuery(this).addClass("item-selected item-selected-" + baseClassName).removeClass("item-hover item-hover-" + baseClassName);
        }
    )
        .hover(
        function() { 
            jQuery(this).addClass("item-hover item-hover-" + getBaseClassName(jQuery(this).attr("class")));
        },
        function() { 
            jQuery(this).removeClass("item-hover item-hover-" + getBaseClassName(jQuery(this).attr("class")));
        }
    )
    })
</script>