Transforming words in a textbox into hotwords
August 31, 2016 12:00 AM
Hello. I asked the question about a year ago, so maybe it is time to ask it again :)
Is it possible to EASILY transform words in a textbox into hotwords?
Thanks for any ideas.
Discussion (8)
I think what you want is demonstrated here: Word click interaction
Thank you - that's a great suggestion, Sergey's code is always great. However, when I first look at the code, it seems to me that whoever produces the lesson will need to code in javascript. Unfortunately, that may not always be possible or even desirable. It needs to be really quite simple.
I have come up with something that works reasonably well and is easily understood by non-programmers: Turn the "hotwords" into links, remove the underline and blue colour. This makes them look the same as all the other words. Clicking on the links will trigger an action. Only issue is that the cursor changes shape when it hovers over the links. Two solutions I guess, change the shape of the cursor for links when in the text box. Transform the rest of the text into links which do nothing. I will create another post asking how to change the shape of the cursor, but I do not see a Lectora action which is "on enter" a textbox.
Hello Jennifer.
Thanks for the message. Don't know if it works as: the zip file you sent seems to be the wrong one as it (a) does not contain an .awt file and (b) It seems to be an advertisement for Lectora OnLine... am I not looking in the right place?
cheers
andrew
PS Did you receive my email to you about a previous matter?
I sent over the HTML files so you could preview the files. I'll also attach the working files now as well. I passed your email along to the marketing team but I noticed they haven't followed up with you. I'll touch base via email or inquiry to the appropriate person to see what's going on. Thanks!
Using the built in hyperlinks along with CSS is one option. I think the quickest and easiest way to accomplish this would be to build most of the functionality yourself.
Insert a HTML Extension - Custom Div. Place all the text inside a paragraph undefinedspan class="hotword" onclick="action130()" lambundefined
}
An added benefit is that you can add a :hover selector to the css to change the effect when the link is moused over.
For an even stronger effect you can use the :after selector to insert a blank space with a background image (in my example I used a .gif)
If anyone wants detailed step-by-step instructions, let me know.
Darrel
Sounds good! Let me know if the example is what you're looking for. Otherwise, I can suggest edits or your thoughts may warrant a request for a new feature release. Always exciting!
Thank you ... the reason I said you had sent the wrong files is that I did not see any "hotwords". I will look more carefully - sorry.
As for the marketing people, no need to worry about it. They will get in touch if/when they want to. I was just concerned that *you* had not received my email. Thanks a lot.
Andrew
undefined
Discussions have been disabled for this post