Explore the community Forums Lectora Lectora Questions & Answers connect html extension to lectora actions

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #346881 Score: 0
    Profile photo of kc raven
    kc raven
    Member
    beginner
    intermediate
    wise owl
    friend finder
    curious george
    contributor
    @kraven7771

    I was wondering if there’s a way to connect Lectora’s actions to fire when a something happens in a HTML extension div. Right now I’m playing with using it with html video setup, and having the button show up at the end of the video to advance to the next page.

    I’ve seen people talk about using js to be able to do more with lectora, but I haven’t really found much on how to have the two interact together when they’re separate by the HTML extension. Is there any place that talks about how to do this?

     

    #347121 Score: 0
    Profile photo of John Blackmon
    John Blackmon
    Member
    beginner
    intermediate
    contributor
    friend finder
    advanced
    junior moderator
    wise owl
    LUC16
    LUC16 Attendee
    verified member
    20 pts
    @johnb

    Yes, there certainly is!

    Every object in Lectora, including actions, gets an HTML name. That is how you can reference that object/action from JavaScript. To see the HTML name of the action, select the pull down menu on the “Action” pane of the Actions property ribbon. Clicking on the little “doohickey” in the right corner of the pane brings up that information dialog.

    Once you have the name of the action, calling it from Javascript is as simple as using that name as a function call. For instance, if the name of the action is “action158”, I can call it from JavaScript by calling action158();

    #347300 Score: 0
    Profile photo of Deron Warman
    Deron Warman
    Member
    beginner
    intermediate
    friend finder
    curious george
    picture perfect
    contributor
    wise owl
    advanced
    profile
    verified member
    2 pts
    @DWarman

    I have wanted to learn more about JS and HTML extensions but I always seem to miss something and have not been able to make things work.  Plus, I am on a restricted network so “reaching outside” my network won’t work (behind a restricted firewall).

    KC mentioned “Is there any place that talks about how to do this?” and I too would like to know if there is such a place?  I can get Lectora to do many, many things but run HTML Extensions and JS is not one of them!

    A few years ago I attended the Lectora Extreme Users  pre/post conference class and while it did show me a few cool tricks and tips, I missed how to make the JS/HTML stuff work…the action, where to put it, what to select in the dialog drop-downs, how to call it, how to make it run, etc., etc., etc.

    So, I’ll ask again…is there a place that talks about this?  I see it here from several users saying “that’s easy, do ____________!”  Well…can you start at point A before you tell me about point C?

    Thanks,
    Deron

    #347304 Score: 0
    Profile photo of John Blackmon
    John Blackmon
    Member
    beginner
    intermediate
    contributor
    friend finder
    advanced
    junior moderator
    wise owl
    LUC16
    LUC16 Attendee
    verified member
    20 pts
    @johnb

    At the Lectora User Conference I will be teaching a full day, in person class called “Extending Lectora with Scripting”. It covers using JavaScript, server side scripting, and even Database access from Lectora.

    Definitely a good way to learn to script with the tool.

    #347329 Score: 0
    Profile photo of Deron Warman
    Deron Warman
    Member
    beginner
    intermediate
    friend finder
    curious george
    picture perfect
    contributor
    wise owl
    advanced
    profile
    verified member
    2 pts
    @DWarman

    LUC17 is not in our budget this year…next year we have it programmed (we go every other year).  I’d be interested in attending in 2018 if you plan to have the course again?

    Are there any other resources to hit up before then?

    Deron

    #347332 Score: 0
    Profile photo of John Blackmon
    John Blackmon
    Member
    beginner
    intermediate
    contributor
    friend finder
    advanced
    junior moderator
    wise owl
    LUC16
    LUC16 Attendee
    verified member
    20 pts
    @johnb

    There are a some good posts out there:

    HTML Extension Examples

    eLearning’s a Drag: Using jQuery to Create a Drag-and-Reveal Interaction in Lectora — Renota Dennard

    Most important is probably to get a fair understanding of JavaScript itself, and then learn how to use it to interact with Lectora elements.

    #347367 Score: 0
    Profile photo of Deron Warman
    Deron Warman
    Member
    beginner
    intermediate
    friend finder
    curious george
    picture perfect
    contributor
    wise owl
    advanced
    profile
    verified member
    2 pts
    @DWarman

    Awesome…I’ll spend a little time in those examples and see what I have as questions…of course my first one is this entry that seems to get me each time:

    Attendees should have a basic understanding of CSS, HTML, JavaScript, and jQuery.

    I think I have a “basic knowledge” but then I get to the actual “how to” piece and quickly realize my basic knowledge definition is not the same as what was required!

    Hoping I can figure it all out as I want to move forward in my Lectora development and I think this is the next step to really open the program up!

    Deron

    #347577 Score: 0
    Profile photo of kc raven
    kc raven
    Member
    beginner
    intermediate
    wise owl
    friend finder
    curious george
    contributor
    @kraven7771

    Thanks for the info and links to check out.

    Going to the conferences isn’t in my stack of cards either for this year.

    Hopefully these links will me figure out what I’m missing to get things to work properly.

    #348202 Score: 2
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    48 pts
    @mnotermans5114

    If enough interest i will write a series of Lectora / Javascript tutorials to get started with. In fact im working on a series of game components that use a lot of js, so guess that would be a good choice.

    Math

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

    Hi Math,

    I would definitely be interested in the tutorials should you choose to make them!

    Getting to LUC17 isn’t really an option for Australians..

    #348276 Score: 0
    Profile photo of Deron Warman
    Deron Warman
    Member
    beginner
    intermediate
    friend finder
    curious george
    picture perfect
    contributor
    wise owl
    advanced
    profile
    verified member
    2 pts
    @DWarman

    Math…I too would love to see tutorials on this…it’s my main area of focus this year to learn more about.

    Deron

    #349368 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    48 pts
    @mnotermans5114

    @NickWilliams and @DeronWarman.. yes i am working on them at the moment. Will keep you both informed when they are available.

    Regards,
    Math

    #349645 Score: 0
    Profile photo of David Sanchez
    David Sanchez
    Member
    beginner
    intermediate
    curious george
    wise owl
    1 pt
    @dsanchez2431

    I too would be very appreciative or your js tutorials!

     

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

You must be logged in to reply to this topic.