title: Full calendar:show differnet context menu on event or on calendar
body: <p>I'm using Full calendar plugin.
  i add context menu on calendar, so now i try to add differnet content menu on event,,,
  .
  when user click on blank slot a different context menu show, and when user click on event a differnet context menu show..</p>
  
  <p><a href="http://jsfiddle.net/KEJYD/15/" rel="nofollow">Live my work demo..</a>. </p>
  
  <p>it is work properly in Mozilla.
  Please see live work and change there and update link...
  ...
  but thats not issue, when i  right click on event  id=calendar content menu show, 
  but i want to show some different id=Event content menu on event right click...
  .
  here is my HTML code..</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id='calendar'  data-toggle="context" data-target="#calendar-context-menu" &gt;&lt;/div&gt;
  
  &lt;!-- show date--&gt;
  &lt;input type="text" disabled="disabled" name="location" class="span6" id="location"/&gt;
  
  &lt;!-- On calendar content-menu--&gt;
  &lt;div id="calendar-context-menu" &gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="javascript:alert(mousedowndate);"&gt;Action&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#" &gt;Another action&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
         &lt;li class="divider"&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  
   &lt;!-- Here is Event Context menu--&gt;
   &lt;div id="event-context-menu" &gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="javascript:alert(mousedowndate);"&gt;Eventn&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#" &gt;Event menu&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
         &lt;li class="divider"&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>here is SCRIPT CODE</p>
  
  <pre class="lang-js prettyprint-override"><code>var date = new Date();
   var d = date.getDate();
   var m = date.getMonth();
  var y = date.getFullYear();
  
  var $calendar = $('#calendar').fullCalendar({
  
  dayClick: function(date, allDay, jsEvent, view) {
                  var a=  document.getElementById('location');
                      a.value=date.toDateString();
  
                  if(view.name!='month'){ 
                      a.value+=" " + date.toLocaleTimeString();
                  }
                  var e = document.getElementById("Place");
                  var strUser = e.options[e.selectedIndex].value;
  
                  a.value+=" at "+strUser;
  
  
             },
  
  header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
  },
  editable: true,
  selectable: true,
  selectHelper: true,
  defaultView: 'agendaDay',
  events: [{
      title: 'Meeting',
      start: new Date(y, m, d, 10, 30),
      allDay: false
  }, {
      title: 'Lunch',
      start: new Date(y, m, d, 12, 0),
      end: new Date(y, m, d, 14, 0),
      allDay: false
    }],
  
    //Event alert here  
    eventClick: function (event) {
      alert('event click: ' + event.title);
  }
  
  
  });
  
    $("#calendar").mousedown(function (e) {
  if (e.button === 2) {
  
      console.log("down");
      if($(e.target).parents(".fc-event").length &gt; 0) return;
  
      var newEvent = $.extend($.Event("mousedown"), {
          which: 1,
          clientX: e.clientX,
          clientY: e.clientY,
          pageX: e.pageX,
          pageY: e.pageY,
          screenX: e.screenX,
          screenY: e.screenY
  
      });
      $(e.target).trigger(newEvent);
  
  }else if(e.button===1){
  $('#context-menu').removeClass('open')
  }
  if(e.button===0){
  
  $('#context-menu').removeClass('open');
  }
  });
  
   $("#calendar").mouseup(function (e) {
  if(e.button===0){
  
  $('#context-menu').removeClass('open');
  }
  
  if (e.button === 2) {
      console.log("up");
      if(!$(e.target).parents(".fc-event").length &gt; 0) return;
  
      var newEvent = $.extend($.Event("click"), {
          which: 1,
          clientX: e.clientX,
          clientY: e.clientY,
          pageX: e.pageX,
          pageY: e.pageY,
          screenX: e.screenX,
          screenY: e.screenY
  
      });
      $(e.target).trigger(newEvent);
  
  }
  
  });
  </code></pre>