Databases
StackOverflow2013
Postsdbo
POFullCalendar.js not showing events in IE 10 and FF 21.0
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFullCalendar.js not showing events in IE 10 and FF 21.0
    text
    copied!<p>I created a calendar with <a href="http://arshaw.com/fullcalendar/" rel="nofollow">FullCalendar.js</a> and it's working fine on Chrome (v.27) but not working on IE 10 e FF 21.0. Here the code that renders the events:</p> <pre><code> &lt;?php $user_selected = (isset($_GET['id'])) ? $_GET['id'] : $_SESSION[$pre_ssn.'userid']; // [...] $get_dati_calendar = mysql_query("SELECT * FROM calendario_fonderia WHERE user_id = $user_selected "); $eventi = '['; while ($calendar = mysql_fetch_array($get_dati_calendar)) { $coloring = ($calendar['eur_gr'] != '') ? ", className: 'fc-event-done'" : ''; $dati_cal = ($calendar['eur_gr'] != '') ? $calendar['grammi'].' gr.\n'.$calendar['eur_gr'].' €/gr' : $calendar['grammi'].' gr.' ; $eventi .= "{ title: '".$dati_cal."', start: new Date('".$calendar['data']."'), allDay: true ".$coloring." },"; } echo ($eventi != '[') ? substr($eventi, 0, -1)."]\n" : "[]\n"; ?&gt; </code></pre> <p>And this is the full code (with at the end the php renderer):</p> <pre><code>jQuery(document).ready(function() { //datepicker jQuery('#datepicker').datepicker(); // tabbed widget jQuery('.tabbedwidget').tabs(); function shortAjax(file, mode, dati){ var datiEx = jQuery.ajax({ type: "POST", url: file+".php", data: "mode="+mode+"&amp;"+dati, async: false}).responseText; return datiEx; } var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var eventi_gg = Array(); var calendar = jQuery('#calendar').fullCalendar({ firstDay: 1, // Start with Monday header: { left: 'prev,next today', center: 'title', right: false }, buttonText: { prev: '&amp;laquo;', next: '&amp;raquo;', prevYear: '&amp;nbsp;&amp;lt;&amp;lt;&amp;nbsp;', nextYear: '&amp;nbsp;&amp;gt;&amp;gt;&amp;nbsp;', today: 'today' }, monthNamesShort: [ "Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Sett", "Ott", "Nov", "Dic"], monthNames: [ "Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"], dayNames : ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"], dayNamesShort : ["Dom", "Lun", "Mar", "Mer", "Giov", "Ven", "Sab", "Dom"], allDayText: "GIORNATA", titleFormat:{month:"MMMM yyyy",week:"d [ yyyy]{ '&amp;#8212;'d MMM[ MMM] yyyy}",day:"dddd d MMM yyyy"}, columnFormat:{month:"ddd",week:"dddd d/M",day:"dddd d MMMM"}, buttonText: { prev: '&amp;laquo;', next: '&amp;raquo;', prevYear: '&amp;nbsp;&amp;lt;&amp;lt;&amp;nbsp;', nextYear: '&amp;nbsp;&amp;gt;&amp;gt;&amp;nbsp;', today: 'oggi' }, selectable: false, editable: false, loading: function(bool) { if (bool) $('#loader_layer').show(); else $('#loader_layer').hide(); }, dayClick: function(start) { jQuery(this).append("&lt;div style='text-align:center; position:relative; top:50%;' id='load-calendar'&gt;&lt;img src='images/loaders/loader10-1.gif' /&gt;&lt;/div&gt;"); var oggi = date.getFullYear()+'-'+ ('0' + (date.getMonth()+1)).slice(-2)+'-'+('0' + date.getDate()).slice(-2); data_click = jQuery.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss"); data_click_short = jQuery.fullCalendar.formatDate(start, "yyyy-MM-dd"); giorno_click = jQuery.fullCalendar.formatDate(start, "dd/MM"); var numEventi = shortAjax("handler_fonderia", "check_event", "data="+data_click_short); //console.log(data_click_short+'-'+oggi); //&amp;&amp; data_click_short == oggi if(numEventi == 0 ){ jQuery.alerts.dialogClass = 'alert-danger'; jQuery.alerts.okButton = 'Prosegui'; var deposito = shortAjax("handler_fonderia", "get_deposito", "id="); jPrompt('Grammi:', '', 'Aggiunta Grammi al '+giorno_click, function(grammi) { if(grammi){ grammi = parseFloat(grammi); //jAlert(grammi+' - '+deposito);/* if(grammi &lt;= deposito){ jQuery.alerts.okButton = 'Confermo'; jQuery.alerts.cancelButton = 'No, Annulla'; jConfirm('Stai per inserire &lt;b&gt;'+grammi+'&lt;/b&gt; grammi per il giorno &lt;b&gt;'+giorno_click+'&lt;/b&gt;.&lt;br&gt;Questi dati non possono più essere modificati. Confermi?', 'CONFERMA GRAMMI', function(conferma){ if(conferma){ var creaEvento = shortAjax("handler_fonderia", "add_grammi", "grammi="+grammi+"&amp;data="+data_click+"&amp;day="+data_click_short); if(creaEvento == "true"){ jQuery('#load-calendar').remove(); var resdeposito = parseFloat(jQuery('#depositoVal').val()-grammi); var cumdeposito = parseFloat(jQuery('#depositoCum').val()); var totdeposito = parseFloat(cumdeposito+grammi); jQuery('#totDeposito').val('Deposito: '+resdeposito.toFixed(1)+' gr.'); jQuery('#totVenduto').val('Venduto: '+totdeposito.toFixed(1)+' gr.'); calendar.fullCalendar('renderEvent', { title: grammi + " gr.", start: start }, true); } } }); }else{ jQuery('#load-calendar').remove(); jQuery.alerts.okButton = 'OK'; jAlert('I grammi che vuoi inserire sono superiori al deposito.&lt;br&gt;Richiedere un &lt;a href="deposito.php"&gt;nuovo deposito&lt;/a&gt; o inserire una grammatura inferiore.', 'Errore'); } }jQuery('#load-calendar').remove(); }); }else if(numEventi == 0 &amp;&amp; data_click_short &lt; oggi){ jQuery('#load-calendar').remove(); jQuery.jGrowl("E' possibile inserire i grammi solo nel giorno corrente.", {header: '&lt;span style="color:red; font-size:12px;"&gt;Attenzione&lt;/span&gt;', life:8000}); } }, editable: false, events: &lt;?php $get_dati_calendar = mysql_query("SELECT * FROM calendario_fonderia WHERE user_id = $user_selected "); $eventi = '['; while ($calendar = mysql_fetch_array($get_dati_calendar)) { $coloring = ($calendar['eur_gr'] != '') ? ", className: 'fc-event-done'" : ''; $dati_cal = ($calendar['eur_gr'] != '') ? $calendar['grammi'].' gr.\n'.$calendar['eur_gr'].' €/gr' : $calendar['grammi'].' gr.' ; $eventi .= "{ title: '".$dati_cal."', start: new Date('".$calendar['data']."'), allDay: true ".$coloring." },"; } echo ($eventi != '[') ? substr($eventi, 0, -1)."]\n" : "[]\n"; ?&gt; }); function effectFadeIn() { jQuery('#ptDeposito').fadeOut(500).fadeIn(500, effectFadeOut()); } function effectFadeOut() { jQuery('#ptDeposito').fadeIn(500).fadeOut(500, effectFadeIn()); } &lt;?= $effect_on ?&gt; }); </code></pre> <p>Event gets written on the DB and everything works fine on that side. Unfortunately I can't give you a link for this. I'll try to JSfiddle it.</p> <p><em><strong>EDIT</em></strong></p> <p>I tried to see if the problem was the PHP echoing so I tried writing directly the event in JS like this:</p> <pre><code>events: [{ title : 'A', start : new Date('2013-07-09 00:00:00'), allDay : true, className: 'fc-event-done' }] </code></pre> <p>And it doesn't work, therefore the issue must be something else...</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload