ok

Mini Shell

Direktori : /proc/self/root/home/ngwcolle/www/
Upload File :
Current File : //proc/self/root/home/ngwcolle/www/calender.php

<?php
include "header.php";
date_default_timezone_set('Asia/Kolkata');
include "admin/includes/config.php";
$cquery=mysqli_query($con, "SELECT * from tbl_college");    
$singleRow = mysqli_fetch_row($cquery); 
?>
<link rel="stylesheet" href="assets/fullcalendar/fullcalendar.min.css" />
<style>
  .response {
    height: 60px;
    word-wrap: break-word;
}

.success {
    background: #cdf3cd;
    padding: 10px 60px;
    border: #c3e6c3 1px solid;
    display: inline-block;
}
</style>
<section class="inner-banner"></section>
<section class="breadcrumb-sec">
  <div class="container">
        <div class="row">
            <div class="col-md-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li><i class="fa fa-caret-right" aria-hidden="true"></i></li>
                        <li class="breadcrumb-item">Academic Calender</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>
<section class="section-15 about-section" id="body">
    <div class="container">
      <div class="row">
        <div class="col-md-9">
          <div class="title">
            <h1><span>Academic Calender</span></h1>
          </div>
</br>
          <h2 class="subheading"><a href="calendert.php">Tabular View </a></h2>

</br>
<div class="point2">
<div id="calendar"></div>
</div>		  <!--for department start-->
						<!--for department end-->
        </div>
       <?php include"sidebar.php";?>
    </div>
</section>
<?php include"footer.php";?>
<script src="assets/fullcalendar/lib/moment.min.js"></script>
<script src="assets/fullcalendar/fullcalendar.min.js"></script>
<script>
  
$(document).ready(function () {
    var calendar = $('#calendar').fullCalendar({
      header:{
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
        editable: false,
        // initialView: 'dayGridMonth',
        events: "event.php",
        displayEventTime: false,
        eventRender: function (event, element, view) {
            if (event.allDay === 'true') {
                event.allDay = true;
            } else {
                event.allDay = false;
            }
        },
        eventMouseover: function(calEvent, jsEvent) {
    var tooltip = '<div class="tooltipevent" style="width:150px;height:auto;background:#B2CEE6;position:absolute;z-index:10001; word-wrap: break-word;">' + calEvent.user + '</div>';
    // var content=calEvent.title;
    var $tooltip = $(tooltip).appendTo('body');

    $(this).mouseover(function(e) {
        $(this).css('z-index', 10000);
        $tooltip.fadeIn('500');
        $tooltip.fadeTo('10', 1.9);
    }).mousemove(function(e) {
        $tooltip.css('top', e.pageY + 10);
        $tooltip.css('left', e.pageX + 20);
    });
},

eventMouseout: function(calEvent, jsEvent) {
    $(this).css('z-index', 8);
    $('.tooltipevent').remove();
}
    });
});

function displayMessage(message) {
	    $(".response").html("<div class='success'>"+message+"</div>");
    setInterval(function() { $(".success").fadeOut(); }, 1000);
}
  
  </script>

Zerion Mini Shell 1.0