Forum Replies Created

Viewing 15 posts - 16 through 30 (of 87 total)
  • Author
    Posts
  • #360163 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    if your variable in Lectora is called ‘myLectoraVariable’… you can set that variable from Javascript by
    VarmyLectoraVariable.set(“some value or string you want to pass”);

    When you download eg. my setup  https://community.trivantis.com/shared-content/moving-with-variables/

    In the Javascript file you find that syntax too… …eg: Varpos4X.set(posCross4.offsetLeft);

     

    Main thing to remember is Lectora passes all values as strings.

    ~Math

    This post has received 1 vote up.
    #412933 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    use a custom Lectora variable. For sure that will be undefined, null or 0 when not published with Lectora.

    This post has received 1 vote up.
    #348675 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    You might wanna check IE compatibility mode. On several LMS i encountered that for some reason the IE compatibility mode was lowered to a older version of IE ( below 10 ) then a lot of Lectora’s functionality didnot work anymore. Only thing that confuses me, is that for some users it does work and for others not…so what are those doing differently ?

    This post has received 1 vote up.
    #377820 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Whereas the data a Lectora.awt is based upon, has this option. I managed to create scripts that auto-generate a Responsive ( 4 views ) .awt based upon a PSD that give the user/designer the option to either keep original Lectora scaling or use a custom scaling percentage. The .awt it generates is fine. At the moment working on a preview option for the designer so he sees how it will end up.

    A early version i showed on Luc2016. Then it was limited to 1 page. Now my toolset autocreates a complete fully responsive course from a PSD.

    This post has received 1 vote up.
    Attachments:
    #351884 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    I do think this version fits your needs nicely. Using ‘Change Content’ on a generic audiofile. So you have 1 audioplayer in your project and it gets filled by the next ones in line depending on variables. In fact i did use OnDonePlaying here, because that way also audios longer then that predefined 5 secs in your previous one get played 3x.

    Lectora file in my opinion is nice and neat. Any decent developer should have no problem finding their way in this one. You need to make sure your audios end up in the media folder. I did by importing them to stage and then removing them…

    Regards,

    ~Math

    This post has received 1 vote up.
    Attachments:
    1. Title3.3.zip
    #399011 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Tested it and it works perfect. Now i can make my more complex pages in Lectora Online completely reusable. Tried copying one i am working on now with a lot of variables, actiongroups and Javascript…and works as desired. Any other ( less Javascript minded ) developer now can just copy and paste my pages and they work without having to dive deep into the Javascript.

    Thx Joe.

    Kind regards,
    Math

    This post has received 1 vote up.
    #316471 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    As a sidenote to Darrel’s sample….    $(‘#    is a JQuery selector, so you do need JQuery too…

    This post has received 1 vote up.
    #415042 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    or share your title here…someone will help…

    This post has received 1 vote up.
    #349162 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    If you use Tim’s tip that will work.

    For each button add a sequence of actions as Tim suggests.
    That will add the current key as a String to that variable..
    in the end you will have the keys you choose in your variable.

    A few things need to change to Tim’s sequence though..

    1.

    Action: Modify variable
    Type: Add to variable ( if you leave this as in Tim’s version to set equal to, your old values are gone )
    Value: a

    2.

    Action: Modify variable
    Type: Add to variable
    Value: 1 <– the value on your button

    3.

    Action: Modify variable
    Type: Subtract from variable
    Value: a

    4.
    Action: Change content
    Target: textfield your using
    Value: Set Text
    Text: VAR(typedValues) <– the variable your using to store things.

     

    Ensure the value of your variable at start is empty else you see 0 upfront.

    This post has received 1 vote up.
    #377856 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    A bit more info on the preview script im working on.

    For several jobs i noticed designers not taking care of proper sizes and not even thinking about the layout of elements on multiple devices. No go for sure, but well it happens. So at some point i decided to add a preview mode to my scripts so i can deliver that to the designers. They can check how their design will look like when created as is for Responsive design in Lectora…and if needed tweak things.

    Its all based upon Photoshop CC, where Artboard Layers can be used to develop multiple pages.
    Each artboard will be a separate Lectora page. So how does it work ?

    In Photoshop you create ( CC2017 ) the desktop view. Each page is offcourse a separate Artboard. Then the designer can run my script, and choose some options. A list of elements appears with options to set. Keep 100%, use Lectora default scaling and a few others. The Artboard layer gets processed and will show in Photoshop to the designer how it will look in Lectora when done. This the designer can do on each Artboard/Page, thus finetuning his design.

    I have still quite some work to do, but its getting there really nice.

     

    This post has received 1 vote up.
    #304206 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Hi Laura,

    No problem, love helping out.

    The textblock has a class attached to it.

    Check properties… -> the little triangle right to Appearance.. and there you see the textblock has a class named ‘pointerCursor’ to it. In the included CSS file, ‘style.css’ is the appropriate css code to ensure that it changes on hover.

    .pointerCursor {
    cursor: -moz-zoom-in;
    cursor:-webkit-zoom-in;
    cursor: url(‘magIE.cur’), auto;
    }

    the first 2 lines with cursor make sure Firefox and Chrome behave well.
    the 3rd line with cursor point to the cur.file so IE works as supposed.

    Regarding your other questions. Yes, all possible. Just define what page element triggers the cursorchange and voila. I do think there is a crossbrowser code for a crosshair… so you can use that for all browsers..

     

    Kind regards,

    Math

     

    This post has received 1 vote up.
    #352680 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    At the moment customizing a TOC quite a bit. Although Tim’s solution works nicely i choose another approach. When you go search the ‘Support Files’ folder in C:\Program Files (x86)\Trivantis\Lectora Inspire 17\Support Files you find there all the images used in Lectora. For the TOC for example the small boxes. I changed those to match my needs. The default orange highlight is described in this javascript file:
    trivantis-toc.js

    Make sure you make a copy of anything you change inthere before doing anything !!!!!!

    Around and about line 720 it says:

    tocObj.selNode.navObj.style.backgroundColor = ‘#ece9d8’;

    The easy way is offcourse changing this hexcolor to whatever you need…
    But then its always like this…except when you edit/change/update your Support Files folder..

    @Development team/ @jvalley473 Wouldnt it be nice if we could have multiple support folders, customize them and with a script or setting in a Lectora project decide which one to use…

    A better solution for me is adding a className to the selected Node. This way i can access the selected Node directly in Lectora and change the attributes of that node. The backgroundcolor in this case.

    tocObj.selNode.navObj.style.backgroundColor = ‘#ece9d8’;
    tocObj.selNode.navObj.className = “_selectedNode”;

    Now i can directly access the selected node in my TOC and change any attribute of it.

    PS: im gonna try the same with the images now. ftmfn.gif etc. They are used for the Treeview when using a TOC. Changed these to match my design, but when i add a className to these, i probably can change them also like this.

    This post has received 1 vote up.
    #400320 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    If you check your file thoroughly it just does exactly what you want…thus displaying the message twice 😉

    On your checkanswer button there are 2 actions… 1 calling an action group and 1 calling a message window showing the specific message. If you delete 1 of the 2 actions you will notice it only shows the message once.. so apparently somewhere in the action group ‘Answer’ you have a second call to the message window… If you check the actions in the ‘Answer’ group one by one, you quickly notice that the first action in that group… ModVar has an if statement with a showMessage on it. Apparently that variable is false, so it shows the message window there for the 2nd time.

    So either get rid of the first action…or get rid of the second one.
    Hope thats clear enough…

    Regards,
    Math

     

     

    This post has received 1 vote up.
    #316506 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    One solution… in my eyes best option for sure… get rid of Flash completely. All you want done in a swf for sure can be done in Lectora with or without Javascript. Gladly prove it by converting one of your swfs to a native/javascript setup in Lectora.

    This post has received 1 vote up.
    #360658 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Mmmmm… depends a bit what you see as a page…

    Say you have a Lectora.awt of 1009×662 ( Lectora 16 )… page A with En_en dictionary, page B with  En_Thai..
    Only way i can think off to show both simulteanously is using external HTMLObject with 2 extHTMLs… 1 loading page A, one showing page B.

    In Lectora 17 there might be an option to ‘abuse’ the  ‘Seamless play’ options to show both. Cant think how now, but sure interesting to try.

    I do know several other coding languages have options like ‘Partial Pages’ in which you can define a part of a HTML that loads with AJAX or something else.. but knowing you want to use as little javascript as possible that might not be an option.

    ~Math

    This post has received 1 vote up.
Viewing 15 posts - 16 through 30 (of 87 total)

Math Notermans

Profile picture of Math Notermans

@mnotermans5114

active 55 minutes ago