Explore the community Forums Lectora Lectora Questions & Answers "Scrolling" calendar function

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #353450 Score: 0
    Profile photo of Jason Dalrymple
    Jason Dalrymple
    Member
    beginner
    intermediate
    profile
    wise owl
    curious george
    contributor
    friend finder
    31 pts
    @JasonADal

    I feel like this may be a huge stretch, but I’m hoping for some thoughts/ideas on how to recreate the “scrolling” calendar functionality you see on your typical travel website, for example. Part of me figures if it can be done in HTML5, there should be a way to do it in my course.

    That said, I’m perfectly fine with telling the learner that it works that way rather than having it interactive, but if I can, it would be fantastic. I’m not sure that the ROI for time to impact will be there, though.

    #353458 Score: 1
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    169 pts
    @Klaatu

    I think you may be referring to the Datepicker widget in jQuery UI.

    This post has received 1 vote up.
    #353477 Score: 0
    Profile photo of Jason Dalrymple
    Jason Dalrymple
    Member
    beginner
    intermediate
    profile
    wise owl
    curious george
    contributor
    friend finder
    31 pts
    @JasonADal

    That would do the trick quite nicely. It looks a bit beyond my knowledge and time limitations at this point, but is definitely going into the developer bookmarks for a later iteration of my course.

    Thanks, Darrel!

    #353492 Score: 1
    Profile photo of Wendy Miller
    Wendy Miller
    Moderator
    beginner
    intermediate
    contributor
    advanced
    friend finder
    junior moderator
    wise owl
    profile
    verified member
    55 pts
    @wendymiller

    Hi Jason,

    Sergey @ssneg has implemented something similar here that you can download and possibly use.

    http://community.trivantis.com/shared-content/calendar-date-picker-for-entry-field/

     

    This post has received 1 vote up.
    #353614 Score: 0
    Profile photo of Nick Williams
    Nick Williams
    Member
    friend finder
    beginner
    intermediate
    contributor
    wise owl
    curious george
    8 pts
    @nwilliams3743

    Got it, understand how it is implemented in Lectora.

    Question: Where on the jQuery site do you find the specific .js and css file?

    I can see you have the jquery.js, then the specific jquery-ui.min.js and css.

     

    Are the ui documents downloaded from the below and just toggle datepicker widget? Unfortunately, I cannot download from that page yet to check.

    http://jqueryui.com/download/#!version=1.12.1&components=000000010000000000000010000000000000000000000000

     

    #353818 Score: 0
    Profile photo of Wendy Miller
    Wendy Miller
    Moderator
    beginner
    intermediate
    contributor
    advanced
    friend finder
    junior moderator
    wise owl
    profile
    verified member
    55 pts
    @wendymiller

    Hi Nick,

    It appears that you can download all of the resources Sergey used in his example from that page, although the css and min.js files look like they are a bit newer. The jquery.js file appears to be the same.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.