Calendar Plug-in

Hi,
I want to use the calendar plug-in from this website
http://www.jqueryscript.net/time-clock/jQuery-Ajax-enabled-Month-Calendar-Plugin-with-Boot strap-Zabuto-Calendar.html
I have downloaded the plug-in and followed the instructions...but i didn't get the exact results..
Can anybody explain it for me?
Thanks.

In my previous example, I blindly followed what you had presented us with to make sure that it would work.
Looking into it more closely, the example shows two methods of obtaining the data, the first method is calling external data (show_data.php) using AJAX, the second method is including the data as part of the script. In both cases the data has to be presented in JSON format.
In the example below, I have shown the second method, mainly because it makes more sense than a PHP file creating JSON data at random. Once you have got the thing to work, you can always go to an external data file.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="Zabuto-Calendar/zabuto_calendar.min.css" rel="stylesheet">
</head>
<body>
<div class="gridContainer clearfix">
    <div id="LayoutDiv1">
        <h1 align="center">SAMPLE WEBSITE</h1>
    </div>
    <div id="my-calendar"></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="Zabuto-Calendar/zabuto_calendar.min.js"></script>
<script>
var eventData = [
        "date":"2014-11-17",
        "badge":true,
        "title":"Tomorrow",
        "body": "<p>Four days to the birthday party<\/p>",
        "footer": "At Hudson\'s place",
        "classname": "yellow-event"
        "date":"2014-11-21",
        "badge":true,
        "title":"My Grandson's Birthday",
        "body": "<p>Hudson\'s Birthday<\/p>",
        "footer": "At Hudson\'s place",
        "classname": "purple-event"
$(document).ready(function () {
    $("#my-calendar").zabuto_calendar({
        data: eventData,
</script>
</body>
</html>
As you can see, the dates have been placed in an array called eventData[]. Here you can place as many dates in the correct format as you wish. The body, footer and classname are used by the Bootstrap Modal dialog.
Incidentally, my grandson turns 7 on the 21st.

Similar Messages

  • I am looking for calendar plug in

    First thing:
    I am not a coder.
    More importantly, I am looking for a calendar that I can use with Dreamweaver CS3.   I am looking for an events style calendar where visitors to a site can upload their events to a community based calendar.  
    It would be great also if the calendar had an RSS Feed available.
    Thanks

    Hi
    Try one of these from the DW exchange -
    http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=Calendar&search_exchange=3&sea rch_category=-1&search_license=&search_rating=&search_platform=0&search_pubdate=&num=25&st artnum=1&event=search&sticky=true&sort=0&rnav_dummy_tmpfield=&Submit=
    PZ

  • Help With SkillBuilders Plug-Ins Integration

    Hi All,
    I have the following situation and I appreciate any help regarding to this (Apex Version 4.1.1.00.23):
    I have a Page with the SB Calendar Plug-In, when the user clicks on the Create Event button, a modal page pop-ups with a form that allows the user to enter an event using the Schedule Plug-in. After created, the modal page closes and the calendar is refreshed with the event. This part works fine.
    My problem is with the following situation: when clicking in an existing Event on the Calendar, I want to be able to open the same modal page with the Event Details to allow the user to modify it.
    I tried defining a class in my Calendar query, and specified the URL with the Event Details Page; also, created a Dynamic Action to trigger when the class is clicked (Scope: live) and open the modal, but what it does instead:
    1. The Modal Page opens empty, and immediately
    2. The complete page is redirected to the Event Details Page with the information of the Event.I set up an example on apex.oracle.com:
    Workspace: EDIAZJORGE
    Username: TEST
    Password: test
    Application: 34925 - Schedule Event
    Again, I appreciate any help!
    Thank you and regards,
    Erick

    Erick,
    When the anchor is clicked, its default action is executed, which is to redirect to the href.
    You have bound a click handler to the div container of the anchor. This occurs, and you briefly see the modal start up before the page is redirected.
    So, to fix this the default action on click of the anchor tag has to be prevented.
    You can not specify something like this in the plugin however, and also not from the SQL. Neither can you adjust the dynamic action: adding a "Cancel Event" true action will not fix this.
    I changed the "Edit Event Details" dynamic action jQuery selector from ".eventClicked" to ".eventClickedLink"
    I added a dynamic action "Attach modal page edit to links", which is a "Page load" action. There is a true action which executes javascript:
    $(".eventClicked a").click(function(event){
    event.preventDefault();
    }).addClass("eventClickedLink")This will prevent the default action on click of the anchor tag, which has the eventClicked class on page load, and then add the class eventClickedLink to it, which will allow the modal page dynamic action to react to it (it has to have the dynamic scope too, which it already had).
    The class juggle is necessary. If you'd not use the class names and let the page load, then the modal page dynamic action will already have bound a click handler to the matched elements. Assigning another click handler at that point would have no result.

  • When I attempt to add plugins, I get a message that says the plug in is not compatible with v8.0, is there a workaround for this?

    when attempting to install calendar plug in clock plug in, I am getting an error message that says not compatible with v8.0. even when I filter by versions compatible with v8.0 this message comes up.

    Is that a plug-in or an extension, where are you installing it from (title, and url please).

  • Calendar Widget Not Avaliable

    My Calendar widget for Notification Center, which I was oh so excited about having when the OS update released, has disappeared. It is not activated, and is not in the available widgets list either. I have even checked under the extensions pane of System Preferences, and it is not there either. I vaguely remember it being there when I first installed the OS, but now it is gone. Every other widget seems to be listed except for Calendar.

    All notification center plugs in should be existing in this location:
    Mac HD>System>Library>Frameworks>NotificationCenter.framework>PlugIns>
    If you found the missing plugin you are looking for there, then you have to double click it once; after that it will appear in the NC.
    What if you are not finding the Plug In you are looking for there?? That is my issue now, I don't find the Calendar Plug In there!!

  • Syncing New Yahoo Calendar Doesn't Work

    Yahoo has a new calendar. Don't know if it is permanent or just a test. However, Calendar syncing does not work with Desktop Software 6.0.0.43. The error is "Lost connection to Yahoo server". I suspect the URL for the calendar has changed. Any help appreciated.

    They were vague when I contacted Yahoo customer support. The following was the response I received from them:
    Hello Dave,
    Thank you for writing to Yahoo! Calendar.
    I understand you would like to sync your Yahoo! Calendar with  the
    BlackBerry device. Let me address you with this.
    Yes, there are few smaller features of Old Yahoo! Calendar which are yet
    to be supported in All-New Yahoo! Calendar. We are working on many of
    these features as we speak and should be able to bring them to you in
    All-New Yahoo! Calendar soon along with other more exciting features!
    Some of the features that have been removed from All-New Yahoo! Calendar
    are:
    * Syncing with MS Outlook: You may have been using Yahoo! Autosync or
    Intellisync for syncing your Yahoo! Calendar with MS Outlook. These
    tools are not supported with All-New Yahoo! Calendar.
    * With All-New Yahoo! Calendar, you will not be able to sync with
    BlackBerry Desktop.
    * Yahoo! Groups Calendars are not visible inside Yahoo! Calendar as of
    now. Though it is still available directly in the Yahoo! Groups
    interface.
    * Finance and Weather Guides are not supported yet.
    * Event Types and Birthday and Anniversary Symbols are called Stickers
    now.
    * Calendar Plug-in in Yahoo! Messenger does not work with All-New Yahoo!
    Calendar.
    * Calendar from Yahoo! Widgets is not available with All-New Yahoo!
    Calendar.
    I hope this addresses your issue. If you need further assistance, please
    contact us.
    Thank you again for contacting Yahoo! Calendar.
    Regards,

  • Safari and calendar won't open due to 'calendar persistence plug in' problem.  Anyone know what this means and how to resolve it please?

    Safari and calendar won't open due to 'calendar persistence plug- in problems'.  Does anyone know what this means and how to resolve it please?
    mac book pro with Mavericks 10.9.5

    Launch the Console application in any of the following ways:
    ☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
    ☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
    ☞ Open LaunchPad. Click Utilities, then Console in the icon grid.
    Step 1
    For this step, the title of the Console window should be All Messages. If it isn't, select
              SYSTEM LOG QUERIES ▹ All Messages
    from the log list on the left. If you don't see that list, select
              View ▹ Show Log List
    from the menu bar at the top of the screen.
    In the top right corner of the Console window, there's a search box labeled Filter. Initially the words "String Matching" are shown in that box. Enter the name of the crashed application or process. For example, if iTunes crashed, you would enter "iTunes" (without the quotes.)
    Each message in the log begins with the date and time when it was entered. Select the messages from the time of the last crash, if any. Copy them to the Clipboard by pressing the key combination command-C. Paste into a reply to this message by pressing command-V.
    ☞ The log contains a vast amount of information, almost all of which is irrelevant to solving any particular problem. When posting a log extract, be selective. A few dozen lines are almost always more than enough.
    Please don't indiscriminately dump thousands of lines from the log into this discussion.
    Please don't post screenshots of log messages—post the text.
    ☞ Some private information, such as your name, may appear in the log. Anonymize before posting.
    Step 2
    In the Console window, select
              DIAGNOSTIC AND USAGE INFORMATION ▹ User Diagnostic Reports
    (not Diagnostic and Usage Messages) from the log list on the left. There is a disclosure triangle to the left of the list item. If the triangle is pointing to the right, click it so that it points down. You'll see a list of crash reports. The name of each report starts with the name of the process, and ends with ".crash". Select the most recent report related to the process in question. The contents of the report will appear on the right. Use copy and paste to post the entire contents—the text, not a screenshot.
    I know the report is long, maybe several hundred lines. Please post all of it anyway.
    If you don't see any reports listed, but you know there was a crash, you may have chosen Diagnostic and Usage Messages from the log list. Choose DIAGNOSTIC AND USAGE INFORMATION instead.
    In the interest of privacy, I suggest that, before posting, you edit out the “Anonymous UUID,” a long string of letters, numbers, and dashes in the header of the report, if it’s present (it may not be.)
    Please don’t post other kinds of diagnostic report—they're very long and rarely helpful.

  • Automator plug-in added to read-only calendar in iCal

    I was trying the 'Tiger Tip of the Week' about creating an Automator workflow saved as an iCal Alarm plug-in. Unfortunately, it added it to the 'Holidays' calendar, which is read-only. I found where the plug-in was saved in my library and deleted it, but the 'Boston Globe' event was still on my calendar. Luckily, I was able to unsubscribe and re-subscribe to the US Holidays shared calendar and make it disappear, but what did I do wrong? I didn't have any options available when saving as a plug-in.

    One way I've gotten around some weird problems like this in the past is to export my calendars to the Desktop, and then re-import them back into iCal. I'm not sure if this will work for you, however. You also might try backing up and restoring via File->Back up iCal... . Hope that helps.
    Edit: if the problem is related to a calendar you've published, Apple offers these suggestions (from iCal Help):
    ■ If you want to change events on a calendar that you published on the Internet, but you’ve deleted the calendar from your Calendars list, you need to re-create the calendar with all its events, give it the same name as the published calendar, and then publish the new calendar. The new calendar will replace the previously published one.
    ■ If you can’t change an event for which you are the organizer, or you can’t change the attendee settings for an event you’ve been invited to, make sure all your email addresses are listed on your Address Book card (the card marked “me”).

  • Problem with SkillBuilders Calendar (1.0.1) [Plug-in] in APEX 4.2

    Hello,
    I am not sure if this is the right forum for questions about 3rd party plug-ins but I'll give it a try.
    I am trying to use the SkillBuilders Calendar (1.0.1) [Plug-in] and it doesn't render my page correctly. And by that I mean it doesn't even show anything, just an empty region border but no calendar at all.
    The Region Definition Type is : SkillBuilders Calendar (1.0.1) [Plug-in]
    My query is pretty simple:
    SELECT NULL AS id,
      evt.event_title AS title,
      'true' AS all_day,
      NVL(TO_CHAR(sbip_schedule.start_date(evt.schedule), 'YYYY-MM-DD"T"HH24:MI:SS'), NULL) AS start_date,
      NVL(TO_CHAR(sbip_schedule.end_date(evt.schedule), 'YYYY-MM-DD"T"HH24:MI:SS'), NULL) AS end_date,
       NULL AS url,
      NULL AS class_name
    FROM event_info evtI have tried to re-install the plug-in but it is the same result.
    Any ideas what could be wrong?
    --Andy                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

    Just as a FYI.
    It turns out that I ran into a database bug where I was using secure files to store the plug-in documents. No problem with the plug-in, just a db bug.
    Solution is to move the plug-in documents from secure files to basic files.
    --Andy                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Will anniversaries sync to calendar from address book like birthdays? Or do you have to use a third party plug-in?

    Will anniversary dates from contacts automatically appear in the calendar the same way birthdays appear?  Or do you have to use a third party plug-in like Dates 2 ical?

    or I found this one for free http://www.zencat.de/bsx/index.html
    it worked quite neatly for me for anniversaries and friend's kids birthdays (didn't want to have all of them as separate contacts)

  • Need to be able to use and sinc Google calendar, I can not get enhanced google email plug in for some reason

    I finally got a gmail account and have tried to create a calendar for my family using google calendar.  The calendar appears on my Torch 9810 but will not sinc with google calendar.  I keep reading that I need enhanced google mail plug in but can not find where to get this plug in.  I am not tech savy, so any help would be appreciated.  I am a long time Blackberry customer (15 years) and in the almost 2 years of having the Torch, I am ready to huck it out the window and give up.  I loved my Bold, the Torch does not compare in my ease of use.
    Thank you for your help.

    Hi and Welcome to the Community!
    From what I understand, Google discontinued support for the Enhanced PlugIn as well as many other things...but that's a change that Google made, not BlackBerry. Further, via the available OTA sync capability for Google Calendar, only the primary calendar can be synchronized...no others.
    So, I'm a bit unclear about your specifics...it sounds like you created (on Google) a sub-calendar for "family", and somehow got that to appear on your BB, but cannot get it to sync OTA with Google. But all of that sounds contradictory to what I understand...in that you should not have been able to get that sub-calendar to appear on your BB at all since Google only supports the primary calendar.
    So some further details about all of that will likely help greatly in understanding, and hopefully then providing you with useful guidance.
    Thanks and let us know!
    Occam's Razor nearly always applies when troubleshooting technology issues!
    If anyone has been helpful to you, please show your appreciation by clicking the button inside of their post. Please click here and read, along with the threads to which it links, for helpful information to guide you as you proceed. I always recommend that you treat your BlackBerry like any other computing device, including using a regular backup schedule...click here for an article with instructions.
    Join our BBM Channels
    BSCF General Channel
    PIN: C0001B7B4   Display/Scan Bar Code
    Knowledge Base Updates
    PIN: C0005A9AA   Display/Scan Bar Code

  • E7 Sync Calendar Mac OSX isync plug in not working

    I am trying to sync my E7 using the iSync plug in, but it will only do contacts, no Calendars?  It gives me the error "before you can synchronize your calendars, you need to open an calendar application that supports synchonization and create at least one writable Calendar"
    Anyone have any luck syncing their symbian 3 device with a mac?

    This whole Symbian line has been a joke, and not a funny one. This once-advanced OS is now hooked to a respirator, and Nokia wastes its best hardware with a Windows Millenium-grade OS.
    No kidding:
    no SSL support with self-signed certificates (as most private servers use)
    applications that fail to install without giving a clue about what's going on
    no consistent eduroam support (strongly recommended for college)
    no easy VPN support (mandatory for college)
    only partial Mac support (1 out of 3 computers here in college) and
    **bleep** PC support (PC Suite constantly runs in the background, heats up the CPU actually doing nothing, only Outlook sync)
    Outdated or unused features (Microsoft Communicator? Who actually uses that? Ovi contacts is dead...)
    Are we 2012 yet?
    If you got the money for an E7, just know that an iPhone will fit in your budget, and work much better. At least advertised features DO work in Apple's handset. I wish I could say the same about Nokia.

  • Plugged iphone 4s in to computer to unpdate and it has cleared contacts list and calendar how do I get this information back

    I have plugged my iphone 4s in to the computer to download pocs and update and it has wided my contact list and calendar have tried restoring and they are all gone completely help?

    If you're in recovery mode, all data is ALREADY lost.  You've no choice but to restore.

  • Putting info on my iPhone calendar does not sync with my iMac unless I plug it into my iMac

    putting info on my iPhone calendar does not sync with my iMac unless I plug it into my iMac.  It did when I first bought iPhone, how can I sync automatically?

    Could be a bunch of reasons. Do you have icloud setup on both devices? Can you give us more details of your setup? Make sure you have the calendar set to sync in the icloud system settings. Also make sure you are set to sync said calendar. I was checking my settings and realized that you may or may not be using icloud for calendaring. On your phone in settings/mail, contacts, calendars/ you have the ability to select what and which calendars you want to sync. Make sure it is configured appropriately.
    Paul

  • I have been using icloud for itunes and aps purchases, but now I would like to create a new icloud account so that my calendars sync without having to plug in ... how do I do this, as my phone won't let me change the icloud account

    My husband and I have been using our iCloud account for music and ap purchases only.  I have decided that i would like to now create a new icloud account so that i can sync my calendar and contacts.  I read about doing this online and it looks simple and easy ... and yet, when i go to switch it on my iphone, there is only 1 place for an icloud account (our shared account) and it is greyed out so that I cannot change it.  How do I do this?

    Whenever a menu choice is grayed out, that is because you have Restrictions turned on in Settings.  Be sure to turn it off.
    You are confusing an itunes store account with an icloud account.  You two can continue using the same ID for itunes (thus sharing purchased music, apps, etc.), but you really should have separate accounts (different IDs) for icloud, since an account is intended for one user to keep his/her devices in sync.
    To create a new icloud account, go to
    http://www.apple.com/icloud/setup/
    Then go to Settings>icloud and scroll to the bottom of the screen and tap Delete Account.  (have restrictions turned off)  That will disconnect the device from the account but will not delete data in icloud or other devices.  Then sign in using the new ID.

Maybe you are looking for