UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO

Calendário37
#81

O código esta correto! Faça o seguinte, no form “form_evento” vá no campo dessa data do evento e lá procure “Valor Inicial (tipo)” e coloque logo abaixo: [diaClicado], em seguida vá em Aplicação => “Variáveis Globais” e marque como Entrada.

Assim resolve esse problema.

Abraço!

#82

Obrigado FredKeyster, deu certo assim como vc passou.

#83

Olá, eu utilizo em uma aplicação, somente a visão mensal.
Tem alguma forma de alterar a cor do fundo de determinados dias?
Por exemplo, os dias 4, 5 e 6 ficarem com uma cor diferente para mostrar que aqueles dias estão habilitados.
Outra dúvida é se existe a possibilidade de bloquear a função de clicar em determinados dias que no caso não estiverem habilitados para inserir nenhuma agenda.
Obrigado.

#84

Caro Thiago, tem como fazer sim, mas exige grande experiência em JS com relação ao bloqueios nos clicks. Eu particularmente não sei como fazer. Sobre as cores acho que você pode modificar no arquivo Json.

#85

Caro Igor Kennedy, muito obrigado pela dica.

Eu não sei se vc tentou com a nova versão do fullcalendar, a que existe hoje no site, mas não funcionou.
A do SC8 funcionou normalmente.

Abusando um pouco, preciso ter acesso ao calendário do Zimbra.
Vc sabe onde encontro alguma coisa para fazer esta interface?

Obrigado mais uma vez pela dica.

#86 
//window.open('../form_evento/form_evento.php?diaClicado='+diaClicado , '_blank' ,  'width=600,height=500');
#87

Wennys, gostei muito de seu exemplo. Estou pretendendo usar, mas preciso que o usuário arraste os eventos para acomodação de datas e horários conforme conveniência. A perguntas é a seguinte: como e onde entra os comandos de update para alterar os dados na tabela quando o usuário arrastar o evento? e como atualizar a tela do calendário após a alteração do registro quando utilizo o form e faço alterações?

#88

olá Wennys Carlos

Parabéns, gostaria de saber uma coisa, no intervalo de cada horário do calendário, possui apenas duas linhas, sabe me dizer se é possível customizar para adicionar mais linhas e como fazer isso? quebrei a cabeça aqui e até agora nada.

abraços

att
Reinaldo

#89

oi tentei atualizar da forma ai deu erro mas beleza

Tenho uma dúvida, gostaria de travar a data do calendário exemplo depois que cadastra essa data dia 13/06/2015 exemplo não tem como alterar e nem gravar ela novamente tipo fica o dia todo reservado, entende?

#90

Bom dia meus amigos
Partilho com você este meu exemplo que esta baseado no wdCalendar
link do meu exemplo
http://scriptcase.scantec.pt/v8/app/ServiceWEBXX/calendar/

Codigo
http://jquerylabs.com/wdcalendar-jquery-plugin-html/

#91

Muito bom mesmo…
Será que nós pobres mortais conseguiremos implementar isso…

#92

kkk “podres mortais” é boa Celso. Ajuda ai jpinto essa parte de calendário está mesmo fraca no SC! Um tutorialzinho como o Wennys fez ajudaria muito. Desde já agradeço.

#93

link do meu exemplo
http://scriptcase.scantec.pt/v8/app/ServiceWEBXX/calendar/

Codigo
http://jquerylabs.com/wdcalendar-jquery-plugin-html/
download código
http://sourceforge.net/projects/jqeventcalendar/

Criar uma aplicação blank

$dbhost=substr([sc_glo_servidor],0,strpos([sc_glo_servidor],":"));
$dbuser=[sc_glo_usuario];
$dbpsw =sc_decode([sc_glo_senha]);
$dbname=[sc_glo_banco];
//$dbname=‘XXXXXXXXX’;
//$user=‘XXXXXXXX’;
$user=isset($_SESSION[‘nm_session’][‘user’][‘login’])?$_SESSION[‘nm_session’][‘user’][‘login’]:"";

?>

My Calendar 
<script src="../_lib/wdCalendar/src/jquery.js" type="text/javascript"></script>  

<script src="../_lib/wdCalendar/src/Plugins/Common.js" type="text/javascript"></script>
<!--<script src="../_lib/wdCalendar/src/Plugins/datepicker_lang_US.js" type="text/javascript"></script>-->
<script src="../_lib/wdCalendar/src/Plugins/datepicker_lang_PT.js" type="text/javascript"></script>
<script src="../_lib/wdCalendar/src/Plugins/jquery.datepicker.js" type="text/javascript"></script>

<script src="../_lib/wdCalendar/src/Plugins/jquery.alert.js" type="text/javascript"></script>
<script src="../_lib/wdCalendar/src/Plugins/jquery.ifrmdailog.js" defer="defer" type="text/javascript"></script>
<!--<script src="src/Plugins/wdCalendar_lang_US.js" type="text/javascript"></script>-->
<script src="../_lib/wdCalendar/src/Plugins/wdCalendar_lang_PT.js" type="text/javascript"></script>
<script src="../_lib/wdCalendar/src/Plugins/jquery.calendar.js" type="text/javascript"></script>
<!--<script src="src/Plugins/common_lang_US.js" type="text/javascript"></script>-->
<script src="../_lib/wdCalendar/src/Plugins/common_lang_PT.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        updateLang();
        var view="week";
        var DATA_FEED_URL = "../_lib/wdCalendar/php/datafeed.php";
        var op = {
            view: view,
            theme:0,
            showday: new Date(),
            EditCmdhandler:Edit,
            DeleteCmdhandler:Delete,
            ViewCmdhandler:View,    
            onWeekOrMonthToDay:wtd,
            onBeforeRequestData: cal_beforerequest,
            onAfterRequestData: cal_afterrequest,
            onRequestDataError: cal_onerror, 
            autoload:true,
            url: DATA_FEED_URL + "?method=list&db=<?php echo $dbname;?>&User=<?php echo $user;?>",  
            quickAddUrl: DATA_FEED_URL + "?method=add&db=<?php echo $dbname;?>&User=<?php echo $user;?>", 
            quickUpdateUrl: DATA_FEED_URL + "?method=update&db=<?php echo $dbname;?>&User=<?php echo $user;?>",
            quickDeleteUrl: DATA_FEED_URL + "?method=remove&db=<?php echo $dbname;?>&User=<?php echo $user;?>",
            extParam: [{name:"db", value: "<?php echo $dbname;?>"},{name:"User", value: "<?php echo $user;?>"},{name:"DateFormat", value: i18n.xgcalendar.dateformat.fulldayvalue}]
        };

        var $dv = $("#calhead");
        var _MH = document.documentElement.clientHeight;
        var dvH = $dv.height() + 2;
        op.height = _MH - dvH;
        op.eventItems =[];

        var p = $("#gridcontainer").bcalendar(op).BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
        $("#caltoolbar").noSelect();
        
        $("#hdtxtshow").datepicker({ picker: "#txtdatetimeshow", showtarget: $("#txtdatetimeshow"),
            onReturn:function(r){                          
                var p = $("#gridcontainer").gotoDate(r).BcalGetOp();
                if (p && p.datestrshow) {
                    $("#txtdatetimeshow").text(p.datestrshow);
                }
            } 
        });
        function cal_beforerequest(type) {
            // var t="Loading data...";
            var t = i18n.common.index.loading_data;
            switch(type)
            {
                case 1:
                    // t="Loading data...";
                    t = i18n.common.index.loading_data;
                    break;
                case 2:                      
                case 3:  
                case 4:    
                    //t="The request is being processed ...";
                    t = i18n.common.index.request_processed;                                   
                    break;
            }
            $("#errorpannel").hide();
            $("#loadingpannel").html(t).show();
            removeDrag();    
        }

        function cal_afterrequest(type) {
            switch(type){
                case 1:
                    $("#loadingpannel").hide();
                    break;
                case 2:
                case 3:
                case 4:
                    // $("#loadingpannel").html("Success!");
                    $("#loadingpannel").html(i18n.common.index.success);
                    window.setTimeout(function(){ $("#loadingpannel").hide();},2000);
                break;
            }              
            removeDrag();
        }
        function cal_onerror(type,data) {
			$("#gridcontainer").reload();
            $("#errorpannel").show();
        }
        function Edit(data) {
            // console.log(data);
            var eurl="../_lib/wdCalendar/php/edit.php?id={0}&start={2}&end={3}&isallday={4}&title={1}&db=<?php echo $dbname;?>";   
            if(data && data[0] != -1) {
                var url = StrFormat(eurl,data);
                // OpenModelWindow(url,{ width: 600, height: 400, caption:"Manage  The Calendar",onclose:function(){
                OpenModelWindow(url,{ width: 600, height: 400, caption: i18n.common.index.edit_caption,onclose:function(){
                   $("#gridcontainer").reload();
                }});
            }
        }
        function View(data) {
            // console.log(data);
            var str = "";
            $.each(data, function(i, item){
                switch (i) {
                    case 1:
                        str += "<b>" + i18n.common.index.view_subject + "</b> " + item + "\n";
                        break;
                    case 2:
                        str += "<b>" + i18n.common.index.view_from + "</b> " + item.toLocaleString() + "\n";
                        break;
                    case 3:
                        str += "<b>" + i18n.common.index.view_to + "</b> " + item.toLocaleString() + "\n";
                        break;
                    case 9:
                        str += "<b>" + i18n.common.index.view_local + "</b> " + item + "\n";
                        break;
                    case 11:
                        str += "<b>" + i18n.common.index.view_notes + "</b> " + item + "\n";
                        break;
                    case 13:
                        str += "<b>" + i18n.common.index.view_user + "</b> " + item + "\n";
                        break;
                    default:
                        break;
                }
                // str += "[" + i + "]: " + item + "\n";
            });
            // alert(str);
            $.alerts.okButton= i18n.common.index.ok; 
            // $.alerts.cancelButton="Cancel";
            // hiAlert(str, "Detalhes");
            hiAlert(str, i18n.common.index.view_title);
        }
        function Delete(data,callback) {
            $.alerts.okButton=i18n.common.index.ok;
            $.alerts.cancelButton=i18n.common.index.cancel;
            if (data[0] != -1) {
                hiConfirm(i18n.common.index.delete_question, 'Confirm',function(r){ r && callback(0);});
            }           
        }
        function wtd(p) {
           if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            $("#caltoolbar div.fcurrent").each(function() {
                $(this).removeClass("fcurrent");
            })
            $("#showdaybtn").addClass("fcurrent");
            removeDrag();
        }
        //to show day view
        $("#showdaybtn").click(function(e) {
            //document.location.href="#day";
            $("#caltoolbar div.fcurrent").each(function() {
                $(this).removeClass("fcurrent");
            })
            $(this).addClass("fcurrent");
            var p = $("#gridcontainer").swtichView("day").BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();
        });
        //to show week view
        $("#showweekbtn").click(function(e) {
            //document.location.href="#week";
            $("#caltoolbar div.fcurrent").each(function() {
                $(this).removeClass("fcurrent");
            })
            $(this).addClass("fcurrent");
            var p = $("#gridcontainer").swtichView("week").BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();

        });
        //to show month view
        $("#showmonthbtn").click(function(e) {
            //document.location.href="#month";
            $("#caltoolbar div.fcurrent").each(function() {
                $(this).removeClass("fcurrent");
            })
            $(this).addClass("fcurrent");
            var p = $("#gridcontainer").swtichView("month").BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();
        });
        $("#showreflashbtn").click(function(e){
            $("#gridcontainer").reload();
            removeDrag();
        });
        //Add a new event
        $("#faddbtn").click(function(e) {
            var url ="../_lib/wdCalendar/php/edit.php?db=<?php echo $dbname;?>&User=<?php echo $user;?>";
            OpenModelWindow(url,{ width: 500, height: 400, caption: "Create New Calendar"});
        });
	    //Add a new event timesheet
        $("#faddbtnt").click(function(e) {
            var url ="../form_agenda/form_agenda.php";
            OpenModelWindow(url,{ width: 600, height: 500, caption: "Create New timesheet"});
        });
        //go to today
        $("#showtodaybtn").click(function(e) {
            var p = $("#gridcontainer").gotoDate().BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();
        });
        //previous date range
        $("#sfprevbtn").click(function(e) {
            var p = $("#gridcontainer").previousRange().BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();
        });
        //next date range
        $("#sfnextbtn").click(function(e) {
            var p = $("#gridcontainer").nextRange().BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
            removeDrag();
        });
        removeDrag();
        function removeDrag() {
            $("div[id=bbit_cal_event_-1]").each(function(){
                $(this).removeClass("drag");
                if (!$(this).hasClass("cal_-1")) {
                    $(this).addClass("cal_-1");
                }
                // $(this).unbind("click");
                $(this).find(".rb-m").css('background','#87a96b');
                $(this).find(".rb-i").children().each(function(){
                    if($(this).hasClass("cic cic-tmr")) {
                        $(this).remove();
                    }
                })
            });
        }
        function updateLang() {
            $("#calendar_title").html(i18n.common.index.calendar_title);
            $("#loadingpannel").html(i18n.common.index.loadingpannel);
            $("#errorpannel").html(i18n.common.index.errorpannel);
            $("#span_new_event").html(i18n.common.index.span_new_event);
            $("#span_today").html(i18n.common.index.span_today);
            $("#span_day").html(i18n.common.index.span_day);
            $("#span_week").html(i18n.common.index.span_week);
            $("#span_month").html(i18n.common.index.span_month);
            $("#span_refresh").html(i18n.common.index.span_refresh);
            $("#txtdatetimeshow").html(i18n.common.index.txtdatetimeshow);
        }
    });
</script>
My Calendar
Loading data...
Sorry, could not load your data, please try again later
New Event
New Timesheet
Today
Day
Week
Month
Refresh
Loading
 
 
 
 
<?php
#94

Acho que posso responder em nome de todos do Forum. MUITO OBRIGADO! Toda e qualquer ajuda é muito bem-vinda e merece aplausos.

#95

Show de bola manooooo

#96

Muito legal mesmo.

#97

excelente!

parabens pelo compartilhamento.

att
Reinaldo

#98
#99

Bom dia,

Achei perfeito o exemplo porem na hora de executar no meu fonte dá erro,
não funciona como foi postado acima

Alguem achou a solução

#100

O outro exemplo tbm é perfeito, consegui implementar mas

quando clico pela primeira vez em dia qualquer sem evento, ok vem em branco pra incluir
se clico em evento existente vem para edit ,ok
mas se clicar novamente em dia sem evento vem o ultimo registro que achou o evento existente

onde estou errando