Autor Tópico: UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO  (Lida 19052 vezes)

Celso R.

  • Expert
  • *****
  • Mensagens: 941
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #90 Online: Junho 11, 2015, 09:50:23 am »
Muito bom mesmo.....
Será que nós pobres mortais conseguiremos implementar isso....
Celso R.
________________________________
SC - V 8

joni morais

  • Avançado
  • ****
  • Mensagens: 250
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #91 Online: Junho 11, 2015, 10:30:31 am »
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.
Shared Host Linux;
10.1.13-MariaDB-cll-lve;
SC 8.1.051

jpinto

  • Iniciante
  • **
  • Mensagens: 62
    • SCANTEC
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #92 Online: Junho 12, 2015, 07:14:22 am »

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']:"";

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>   My Calendar </title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link href="../_lib/wdCalendar/css/dailog.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/calendar.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/dp.css" rel="stylesheet" type="text/css" />   
    <link href="../_lib/wdCalendar/css/alert.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/main.css" rel="stylesheet" type="text/css" />
   
    <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>   
</head>
<body>
  <div>
    <div id="calhead" style="padding-left:1px;padding-right:1px;">
        <div class="cHead">
            <div id="calendar_title" class="ftitle">My Calendar</div>
            <div id="loadingpannel" class="ptogtitle loadicon" style="display: none;">Loading data...</div>
            <div id="errorpannel" class="ptogtitle loaderror" style="display: none;">Sorry, could not load your data, please try again later</div>
        </div>
        <div id="caltoolbar" class="ctoolbar">
            <div id="faddbtn" class="fbutton">
                <div><span id="span_new_event" title='Click to Create New Event' class="addcal">New Event</span></div>
            </div>
         <div id="faddbtnt" class="fbutton">
             <div><span id="span_new_timesheet" title='Click to Create New Timesheet' class="addcal">New Timesheet</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="showtodaybtn" class="fbutton">
                <div><span id="span_today" title='Click to back to today ' class="showtoday">Today</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="showdaybtn" class="fbutton">
                <div><span id="span_day" title='Day' class="showdayview">Day</span></div>
            </div>
            <div id="showweekbtn" class="fbutton fcurrent">
                <div><span id="span_week" title='Week' class="showweekview">Week</span></div>
            </div>
            <div id="showmonthbtn" class="fbutton">
                <div><span id="span_month" title='Month' class="showmonthview">Month</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="showreflashbtn" class="fbutton">
                <div><span id="span_refresh" title='Refresh view' class="showdayflash">Refresh</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="sfprevbtn" title="Prev" class="fbutton">
                <span class="fprev"></span>
            </div>
            <div id="sfnextbtn" title="Next" class="fbutton">
                <span class="fnext"></span>
            </div>
            <div class="fshowdatep fbutton">
                <div>
                    <input type="hidden" name="txtshow" id="hdtxtshow" />
                    <span id="txtdatetimeshow">Loading</span>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div style="padding:1px;">
        <div class="t1 chromeColor">&nbsp;</div>
        <div class="t2 chromeColor">&nbsp;</div>
        <div id="dvCalMain" class="calmain printborder">
            <div id="gridcontainer" style="overflow-y: visible;"></div>
        </div>
        <div class="t2 chromeColor">&nbsp;</div>
        <div class="t1 chromeColor">&nbsp;</div>
    </div>
  </div>
</body>
</html>

 <?php
       
« Última modificação: Junho 13, 2015, 05:12:39 am por jpinto »

joni morais

  • Avançado
  • ****
  • Mensagens: 250
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #93 Online: Junho 12, 2015, 09:47:58 am »
Acho que posso responder em nome de todos do Forum. MUITO OBRIGADO! Toda e qualquer ajuda é muito bem-vinda e merece aplausos.
Shared Host Linux;
10.1.13-MariaDB-cll-lve;
SC 8.1.051

Willian Fernando

  • Expert
  • *****
  • Mensagens: 1148
  • .....
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #94 Online: Junho 12, 2015, 11:20:38 am »
Show de bola manooooo

Kleyber

  • Expert
  • *****
  • Mensagens: 2232
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #95 Online: Junho 12, 2015, 02:24:13 pm »
Muito legal mesmo.
Kleyber Derick

ITIL® V3 Foundation Certified
Analista de Sistemas
São Luís - Maranhão
www.tkinformidia.net

reinaldo lima

  • Novato
  • *
  • Mensagens: 18
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #96 Online: Junho 12, 2015, 11:41:43 pm »
excelente!

parabens pelo compartilhamento.

att
Reinaldo

joni morais

  • Avançado
  • ****
  • Mensagens: 250
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #97 Online: Julho 23, 2015, 04:28:52 pm »

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']:"";

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>   My Calendar </title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link href="../_lib/wdCalendar/css/dailog.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/calendar.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/dp.css" rel="stylesheet" type="text/css" />   
    <link href="../_lib/wdCalendar/css/alert.css" rel="stylesheet" type="text/css" />
    <link href="../_lib/wdCalendar/css/main.css" rel="stylesheet" type="text/css" />
   
    <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>   
</head>
<body>
  <div>
    <div id="calhead" style="padding-left:1px;padding-right:1px;">
        <div class="cHead">
            <div id="calendar_title" class="ftitle">My Calendar<>
            <div id="loadingpannel" class="ptogtitle loadicon" style="display: none;">Loading data...<>
            <div id="errorpannel" class="ptogtitle loaderror" style="display: none;">Sorry, could not load your data, please try again later<>
        <>
        <div id="caltoolbar" class="ctoolbar">
            <div id="faddbtn" class="fbutton">
                <div><span id="span_new_event" title='Click to Create New Event' class="addcal">New Event</span><>
            <>
         <div id="faddbtnt" class="fbutton">
             <div><span id="span_new_timesheet" title='Click to Create New Timesheet' class="addcal">New Timesheet</span><>
            <>
            <div class="btnseparator"><>
            <div id="showtodaybtn" class="fbutton">
                <div><span id="span_today" title='Click to back to today ' class="showtoday">Today</span><>
            <>
            <div class="btnseparator"><>
            <div id="showdaybtn" class="fbutton">
                <div><span id="span_day" title='Day' class="showdayview">Day</span><>
            <>
            <div id="showweekbtn" class="fbutton fcurrent">
                <div><span id="span_week" title='Week' class="showweekview">Week</span><>
            <>
            <div id="showmonthbtn" class="fbutton">
                <div><span id="span_month" title='Month' class="showmonthview">Month</span><>
            <>
            <div class="btnseparator"><>
            <div id="showreflashbtn" class="fbutton">
                <div><span id="span_refresh" title='Refresh view' class="showdayflash">Refresh</span><>
            <>
            <div class="btnseparator"><>
            <div id="sfprevbtn" title="Prev" class="fbutton">
                <span class="fprev"></span>
            <>
            <div id="sfnextbtn" title="Next" class="fbutton">
                <span class="fnext"></span>
            <>
            <div class="fshowdatep fbutton">
                <div>
                    <input type="hidden" name="txtshow" id="hdtxtshow" />
                    <span id="txtdatetimeshow">Loading</span>
                <>
            <>
            <div class="clear"><>
        <>
    <>
    <div style="padding:1px;">
        <div class="t1 chromeColor">&nbsp;<>
        <div class="t2 chromeColor">&nbsp;<>
        <div id="dvCalMain" class="calmain printborder">
            <div id="gridcontainer" style="overflow-y: visible;"><>
        <>
        <div class="t2 chromeColor">&nbsp;<>
        <div class="t1 chromeColor">&nbsp;<>
    <>
  <>
</body>
</html>

 <?php
       


J, não está faltando uma tag no código no local que comentei com ">>>>>>>>>>>>>>>>>" ?!?! Ele não roda do jeito que está.
Shared Host Linux;
10.1.13-MariaDB-cll-lve;
SC 8.1.051

sergiolowczy

  • Novato
  • *
  • Mensagens: 22
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #98 Online: Setembro 16, 2015, 08:24:22 am »
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

sergiolowczy

  • Novato
  • *
  • Mensagens: 22
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #99 Online: Setembro 16, 2015, 11:21:43 am »
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

julioalbuquerque

  • Iniciante
  • **
  • Mensagens: 89
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #100 Online: Janeiro 06, 2016, 02:19:31 pm »
Alguém já usou o wdCalendar com o SQL Server?

julioalbuquerque

  • Iniciante
  • **
  • Mensagens: 89
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #101 Online: Janeiro 07, 2016, 04:25:31 pm »
Tudo funcionando perfeito!
Funciona tanto em MySql quanto em MSSQL!
Também consegui fazer por usuário!
Tudo no wdCalendar!

Show de bola!

jorgepopel

  • Expert
  • *****
  • Mensagens: 568
    • iCentro Tecnologia e Sistemas
    • Email
Re:UMA ALTERNATIVA AO USO DAS APPS CALENDÁRIO
« Responder #102 Online: Janeiro 07, 2016, 07:16:52 pm »
Julio,

Grava um video mostrando pra gente.