calendar please help :(

Question

shhh 0 Light Poster

11 Years Ago

Hi,
I am using wdCalendar and it is working fine localhost . But when I have the using on server it's not work show msg'sory could not load your data, please try agan later....
(I have changed my server username and password bot not work) plz tell me how to solve... thanks..

http://www.webappers.com/2010/06/08/wdcalendar-jquery-based-google-calendar-clone/

password php reload

4 Contributors
18 Replies
428 Views
1 Year Discussion Span
Latest Post 9 Years Ago Latest Post by chandni2014

All 18 Replies

LastMitch

11 Years Ago

@godslove

Can you post the code that is not working so I can understand what you are talking about. It's hard to help you if I can't see the issue that you are having.

LastMitch

11 Years Ago

@godslove

Did you installed it correctly?

I just install it on my godaddy account and it works fine.

Did you open the sample.php on your local server?

I think it has to do with your mysql connection.

I mean you have to create database first and then upload sql file.

This file dbconfig.php is in the php folder which you need to enter your db.

I can't help you with that one, you have to connect the file to your db

LastMitch

11 Years Ago

@godslove

when i run it in localhost it runs correctly but when the time i put it on a web hosting, it doesnt run

This file dbconfig.php is in the php folder which you need to enter your db info.

Did you open this file sample.php on your local server?

I open it in EasyPHP & XAMPP & Godaddy .

I don't know what else to tell you.

Open your browser and run the dbconfig.php and tell me what message you get?

dbconfig.php

<?php
class DBConnection{
    function getConnection(){

      //change to your database server/user name/password
        mysql_connect("localhost","root","") or
         die("Could not connect: " . mysql_error());

      //change to your database name
        mysql_select_db("jqcalendar") or 
             die("Could not select database: " . mysql_error());
    }
 }
 ?>

LastMitch

11 Years Ago

@godslove

hello ,i run it : it just a blank page

It means that it's connected.

it says, sorry ,cannot load.please try again later

I'm trying to figure out why you are not loading the page. It's loading on mines.

This is how I did it:

OK, On the script there's a file called "jquery.js". Which looks like this:

<script src="src/jquery.js" type="text/javascript"></script>

Replace it with this:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Also in the folder wDCalendar

Rename edit.db.php to edit.php,

In the php folder rename datafeed.db.php to datafeed.php

The reason is because it has the mysql query plus db function.

After that run it again. Let know me the results.

Edited 11 Years Ago by LastMitch because: g

LastMitch

11 Years Ago

@godslove

OK, you gotta me bit frustrated but I'll help you figure this out. I feel right now it's still the related to the database.

Did you fill this out correctly:

$server = "localhost";
$username = "root";
$password = "your password";
$database = "your db";

-

mysql_connect("localhost","root","","") or die("Could not connect: " . mysql_error());

Can you check rather these files are connected?

These 2 files:

Rename edit.db.php to edit.php,

In the php folder rename datafeed.db.php to datafeed.php

I want you to test out the rename files which is the bold ones.

I want to know whether this file dbconfig.php is connected to edit.php & datafeed.php ?

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

shhh 0 Light Poster · Answer 1 · 2012-08-17T02:01:07+00:00

<!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>  Posh and Glam Calendar </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/dailog.css" rel="stylesheet" type="text/css" />
    <link href="css/calendar.css" rel="stylesheet" type="text/css" /> 
    <link href="css/dp.css" rel="stylesheet" type="text/css" />   
    <link href="css/alert.css" rel="stylesheet" type="text/css" /> 
    <link href="css/main.css" rel="stylesheet" type="text/css" /> 
        <link rel="stylesheet" href="home.css"type="text/css" media="all" />


    <script src="src/jquery.js" type="text/javascript"></script>  

    <script src="src/Plugins/Common.js" type="text/javascript"></script>    
    <script src="src/Plugins/datepicker_lang_US.js" type="text/javascript"></script>     
    <script src="src/Plugins/jquery.datepicker.js" type="text/javascript"></script>

    <script src="src/Plugins/jquery.alert.js" type="text/javascript"></script>    
    <script src="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="src/Plugins/jquery.calendar.js" type="text/javascript"></script>   

    <script type="text/javascript">
        $(document).ready(function() {     
           var view="week";          

            var DATA_FEED_URL = "php/datafeed.php";
            var op = {
                view: view,
                theme:3,
                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",  
                quickAddUrl: DATA_FEED_URL + "?method=add", 
                quickUpdateUrl: DATA_FEED_URL + "?method=update",
                quickDeleteUrl: DATA_FEED_URL + "?method=remove"        
            };
            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...";
                switch(type)
                {
                    case 1:
                        t="Loading data...";
                        break;
                    case 2:                      
                    case 3:  
                    case 4:    
                        t="The request is being processed ...";                                   
                        break;
                }
                $("#errorpannel").hide();
                $("#loadingpannel").html(t).show();    
            }
            function cal_afterrequest(type)
            {
                switch(type)
                {
                    case 1:
                        $("#loadingpannel").hide();
                        break;
                    case 2:
                    case 3:
                    case 4:
                        $("#loadingpannel").html("Success!");
                        window.setTimeout(function(){ $("#loadingpannel").hide();},2000);
                    break;
                }              

            }
            function cal_onerror(type,data)
            {
                $("#errorpannel").show();
            }
            function Edit(data)
            {
               var eurl="edit.php?id={0}&start={2}&end={3}&isallday={4}&title={1}";   
                if(data)
                {
                    var url = StrFormat(eurl,data);
                    OpenModelWindow(url,{ width: 600, height: 400, caption:"Manage  The Calendar",onclose:function(){
                       $("#gridcontainer").reload();
                    }});
                }
            }    
            function View(data)
            {
                var str = "";
                $.each(data, function(i, item){
                    str += "[" + i + "]: " + item + "\n";
                });
                alert(str);               
            }    
            function Delete(data,callback)
            {           

                $.alerts.okButton="Ok";  
                $.alerts.cancelButton="Cancel";  
                hiConfirm("Are You Sure to Delete this Event", '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");
            }
            //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);
                }
            });
            //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);
                }

            });
            //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);
                }
            });

            $("#showreflashbtn").click(function(e){
                $("#gridcontainer").reload();
            });

            //Add a new event
            $("#faddbtn").click(function(e) {
                var url ="edit.php";
                OpenModelWindow(url,{ width: 500, height: 400, caption: "Create New Calendar"});
            });
            //go to today
            $("#showtodaybtn").click(function(e) {
                var p = $("#gridcontainer").gotoDate().BcalGetOp();
                if (p && p.datestrshow) {
                    $("#txtdatetimeshow").text(p.datestrshow);
                }


            });
            //previous date range
            $("#sfprevbtn").click(function(e) {
                var p = $("#gridcontainer").previousRange().BcalGetOp();
                if (p && p.datestrshow) {
                    $("#txtdatetimeshow").text(p.datestrshow);
                }

            });
            //next date range
            $("#sfnextbtn").click(function(e) {
                var p = $("#gridcontainer").nextRange().BcalGetOp();
                if (p && p.datestrshow) {
                    $("#txtdatetimeshow").text(p.datestrshow);
                }
            });

        });
    </script>    
<style type="text/css">
body {
    background-color: #000;
}
</style>
</head>
<body>


    <div>


<table width="100%">
  <tr>
    <td width="565" height="60" align="center" valign="bottom"><a href="admin.php"><font face="Arial Narrow" color="#FFFFFF">&nbsp;&nbsp;<b>Posh and Glam Calendar</b></font></a>
      <div class="right">
                    <p>
                        Welcome <a href="#"><strong>Administrator</strong></a>  
                        |

                      <a href="logout.php">Logout </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </p>
                </div> </td>
  </tr>
  <tr>
    <td height="35" valign="bottom" bgcolor="#FF0080">&nbsp;&nbsp;&nbsp;&nbsp;<a href="sample.php"><font face="Arial Narrow" color="#FFFFFF">☁<b> Calendar</b></font></a></td>
  </tr>
  <tr>
    <td height="35" valign="bottom" bgcolor="#6D0783">&nbsp;&nbsp;&nbsp;&nbsp;<a href="admin.php"><font face="Arial Narrow" color="#FFFFFF">♥  <b>  Products</b></font></a></td>
  </tr>
  </table>

      <div id="calhead" style="padding-left:1px;padding-right:1px;">          
            <div class="cHead">
              <div class="ftitle">
                <table width="200" border="0">
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                </table>
              </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 title='Click to Create New Event' class="addcal">

                New Event                
                </span></div>
            </div>
            <div class="btnseparator"></div>
             <div id="showtodaybtn" class="fbutton"></div>
              <div class="btnseparator"></div>

            <div id="showdaybtn" class="fbutton">
                <div><span title='Day' class="showdayview">Day</span></div>
            </div>
              <div  id="showweekbtn" class="fbutton fcurrent ">
                <div><span title='Week' class="showweekview">Week</span></div>
            </div>
              <div  id="showmonthbtn" class="fbutton ">
                <div><span title='Month' class="showmonthview">Month</span></div>

            </div>
            <div class="btnseparator"></div>
              <div  id="showreflashbtn" class="fbutton">
                <div><span 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>

shhh 0 Light Poster · Answer 2 · 2012-08-17T02:58:38+00:00

when i run it in localhost it runs correctly but when the time i put it on a web hosting, it doesnt run

shhh 0 Light Poster · Answer 3 · 2012-08-17T03:57:17+00:00

shhh 0 Light Poster

11 Years Ago

hello ,i run it : it just a blank page

shhh 0 Light Poster · Answer 4 · 2012-08-17T03:58:56+00:00

in localhost it running but when i transfer it to my web hosting ipage.com , it says, sorry ,cannot load.please try again later , but i already change the host,username and pass correctly

shhh 0 Light Poster · Answer 5 · 2012-08-17T11:33:04+00:00

shhh 0 Light Poster

11 Years Ago

it doesnt do anything :"(

Squidge 101 Newbie Poster · Answer 6 · 2012-08-17T19:17:05+00:00

Silly question but does the DB jqcalendar exist on your hosting site?

Did you install, or FTP and import the DB tables?

I would suggest you run it through from the begining

LastMitch · Answer 7 · 2012-08-18T00:36:55+00:00

@Squidge

That is a good question! I missed that. I left out that info.

LastMitch · Answer 8 · 2012-08-18T00:43:50+00:00

@godslove

does the DB jqcalendar exist on your hosting site?

Squidge make a good point, did you created a "DB" for jqcalendar on your hosting site?

That sql.file only create the table, you have to create a "DB" for jqcalendar.

shhh 0 Light Poster · Answer 9 · 2012-08-20T04:42:05+00:00

yes i have already created all what you have said

shhh 0 Light Poster · Answer 10 · 2012-08-20T04:42:24+00:00

shhh 0 Light Poster

11 Years Ago

that's why im confuse why it is not running

Squidge 101 Newbie Poster · Answer 11 · 2012-08-20T16:56:11+00:00

that's why im confuse why it is not running

The only thing i can think of is actually running the install on your webhost

LastMitch · Answer 12 · 2012-08-21T01:16:41+00:00

@godslove

Can you download a new copy and we go from there. Don't used this copy at all. Download a new copy.

On this file enter db.

dbconfig.php

<?php
class DBConnection{
function getConnection(){
//change to your database server/user name/password
mysql_connect("localhost","root","") or
die("Could not connect: " . mysql_error());
//change to your database name
mysql_select_db("jqcalendar") or
die("Could not select database: " . mysql_error());
}
}
?>

-

$server = "localhost";
$username = "root";
$password = "your password";
$database = "your db";

Now sign in to your Database.

Create Database : jqcalendar

Now go to the INSERT and upload the setup.sql it will create the jqcalendar table.

Now zip the new copy and upload to your host server.

Tell me what you got. The reason why I'm asking you to do this because it will give me a picture on how you installed the file. So I can fixed the issue and you can used the calender.

chandni2014 0 Newbie Poster · Answer 13 · 2014-04-19T09:53:27+00:00

hello, i am having the same issue, i am not able to load data in wdcalendar. i have read the conversation, this wdcalendar is working fine in localhost but not working in the server. Please help me out....

calendar please help :(

Recommended Answers Collapse Answers

All 18 Replies

Recommended Answers