JavaScript Object Targeting in Storyline (The Ultimate Guide)

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ต.ค. 2024

ความคิดเห็น • 30

  • @raffel2001
    @raffel2001 6 หลายเดือนก่อน +4

    Hi Jeff, thanks a lot for this great idea. I know an easy way to find the ID immediately in the source code:
    1. Give the object an accessability text like "temp info rectangle 1".
    2. Preview the slide with this object.
    3. Use Inspect
    4. Press CTRL+F and search for this: "temp info rectangle 1
    It is important to have the " before the search text, otherwise it will guide you to another code line.
    With the " before the search text it will guide you the correct line and the ID is in there as well.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน +1

      Oh that is a great tip! Didn't even think of that to make it easier to find.

  • @Jasynn54321
    @Jasynn54321 6 หลายเดือนก่อน +1

    Great vid man. If Articulate wants to open up JS users in Storyline, they either need to display that ID in the interface, or add a simple field in properties that lets us add a custom name for the ID.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน +1

      Totally agree!

  • @lukedominicodonnell2347
    @lukedominicodonnell2347 4 หลายเดือนก่อน

    Jeff! I'm so glad I found you and these videos. I do have to ask is there a way to do this using a web object so functions for objects can be widgetized?

    • @LearningDojo
      @LearningDojo  4 หลายเดือนก่อน

      Yeah there is an easier way than I showed in this video. Gonna do an updated video soon that addresses this.

  • @Welddar2
    @Welddar2 6 หลายเดือนก่อน +1

    Hey Jeff. Doesn't the select element tool (on the left of the "Element" text) work to find the object's id ?
    Just like in the chome.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      Yeah possibly, maybe I need to use that more :)

  • @kevynhorton9032
    @kevynhorton9032 6 หลายเดือนก่อน

    Hey Jeff, great video for finding the ID! I have a JavaScript question: how would I retrieve the 'data-acc-text' (whatever it is [from 57 possible options]) from a dropped item, to use in adjusting another text variable? I really enjoy your videos.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      It is actually done with the accessibility text. Check out my other greensock videos. I show how to use that specifically.

  • @iteasdal
    @iteasdal 6 หลายเดือนก่อน

    Jeff, I just added "gribnif" as the accessibility text, then previewed the slide in Storyline, searched for "gribnif", found the ID, then changed the accessibility text to whatever I wanted. That seems a more simple way. Am I missing something?

    • @iteasdal
      @iteasdal 6 หลายเดือนก่อน

      Just tried it. It works great.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      Yeah you could do that. I also found a way to find it easier than what I showed in the video so for sure other ways to find it.

  • @DaiseiSub
    @DaiseiSub 3 หลายเดือนก่อน

    Hi Jeff! Is there a way to lock a specific Menu item using JavaScript?

    • @LearningDojo
      @LearningDojo  3 หลายเดือนก่อน

      Like just random pages? You can lock the menu in the player settings but not sure if you are talking about just 1 page

  • @debnew6195
    @debnew6195 6 หลายเดือนก่อน

    I learn so much watching your videos.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      I'm so glad!

  • @kocobudo403
    @kocobudo403 6 หลายเดือนก่อน

    Hey Jeff, what benefit does using the objects ID have over referencing the accessibility text?

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน +1

      It could simplify the code a bit if you have a lot of accessibility text or if the accessibility text changes than you don't have to change your code as well since the ID stays the same unless you delete the object. So may be more reliable than accessibility. Hope that helps.

    • @kocobudo403
      @kocobudo403 6 หลายเดือนก่อน

      it does. Thanks for the content. Keep up the great work!@@LearningDojo

  • @dilshansamaraweera4187
    @dilshansamaraweera4187 6 หลายเดือนก่อน

    Hello sir, your videos helped me a lot. Currently, I am trying to pass a custom value (courseid) using a query string to my articulate content. Unfortunately, when I checked my LRS, custom values didn't apply to the built-in articulate XApi statements. I want to know if this is possible, and if so, can you provide a video tutorial regarding that or even a general direction on how to achieve it? Thank you, sir.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      Hmm, where is the course ID stored? In the LMS? Or is that something that is in your course?

    • @dilshansamaraweera4187
      @dilshansamaraweera4187 6 หลายเดือนก่อน

      ​@@LearningDojo In LMS, sir. The course is created in the LMS and articulate content that I am reffering is only a module of that course. Therefore I am trying to pass the courseId to the articulate content that I am creating. I set the courseId to LaunchUrl querystring( where actor, basic auth, and endpoint are set) as a custom parameter and was also able to capture it from my articulate content through a javascript trigger and store it in an articulate variable. Then, using that variable, I was able to send that custom value information to the LRS through a custom xApi statement. My concern is how I can set that custom variable to their built-in xApi statements.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      @@dilshansamaraweera4187 Aw - so you cannot really edit the built in xAPI statements. You have to trigger your own with the data. So you could send a custom xAPI trigger and add the variable data through the trigger wizard but it is a new and extra xAPI statement and not one of the out of the box xAPI statements. I really do wish Storyline opens up the ability for us to customize the out of the box xAPI statements.

  • @lex_m_
    @lex_m_ 6 หลายเดือนก่อน

    Is there a way to loop animations using JavaScript?

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      Yep! Using greensock you can loop animations. I have a video on that here th-cam.com/video/mJMblmi-X5Q/w-d-xo.html

  • @michaelkocher6178
    @michaelkocher6178 4 หลายเดือนก่อน

    If you use the tool in the top left (the dotted square with the corner arrow) you can just click on it and jump right there.

    • @LearningDojo
      @LearningDojo  4 หลายเดือนก่อน

      You know, of all my years doing Web development, I have never actually tried that tool. Yes a much better way, thanks!

  • @denbatteful
    @denbatteful 6 หลายเดือนก่อน

    Var and let have different behaviour. I would advise using var, as let is more strict and a bit more unforgiving.

    • @LearningDojo
      @LearningDojo  6 หลายเดือนก่อน

      Thanks for sharing