Previous Fields

SUGGESTION. I don't know who to turn to to suggest this. You are just a school, I know - not the organizational body that determines HTML. Yet, perhaps you can direct me to the proper channel or pass on this request.
My page has a black background and I have video controls <video controls> on it, which show up as white rectangles with black control icons. UGLY. It does not blend into the page. It would be nice if I could control the appearance of the controls, say reverse them out -- black background (which would blend into my background) with white control icons.
Alternatively, it'd be nice to be able to use one's own control icons as graphics. With such an option one could have any color background, even patterned.
I am writing the script longhand with BBEdit, and doing my initial viewing/testing with Chrome.

Better yet,...
The user / learner types in the word once, then pushes CHECK.
The program responds with a green check graphic or a red no enter graphic. (the typed word vanishes)
The user / learner types the same word in again, pushes CHECK.
He/she gets a second green check graphic.
The user / learner repeats this same thing a third (final) time.
When he/she has accomplished three consecutive correct spellings, and pushes CHECK, (a graphic of) the word "CORRECT" flashes on the screen three times, and.... the user / learner is SENT to the next screen (Label #2).
A CLEAR button is provided to start over to accomplish three in a row, in case of a misspelling and a red no enter graphic.
This method of entering each word individually would guard against typing it once and then just copy/pasting the second two.
The point is to TYPE in the word, for practice. The more times we do something, the faster we learn it.
Copy/pasting would defeat the goal of the "practicer".
So, ONE screen, ONE word, THREE practices, SENT to next screen,.....

I have basic AS2 and AS3 skills, yet I would like to create a spelling practicer. I want that the learner has to type in the same word three times (into three windows) -- as practice, spelling drill. At this point he will push the CHECK SPELLING button, once the user (learner) pushes the CHECK SPELLING button (at Label #1) the movie head will go on to the next word on the next screen (at Label #2). It will not go on to the next screen if the learner / user has not typed in the words.
How do I do this?
What AS3 commands do I use?
This is NOT a "test", but a "practicer". On the screen will be (a graphic of) the word. The user / learner will simply look it (but not copy paste) and type it into the windows. The logic is practice, drill, repetition, in order to learn the proper spelling.
Can anyone point me in the right direction. Thanks!

Before I put encrypted JS code into my website, can anyone tell me if this source is trustworthy?
What I mean is, does Webtools hide something nasty into the encryption in addition to what I type into the window?
I want to keep my email address safe from robots. That is, I want to encrypt <a href="mailto:MYemail@MYdomain.com">...</a>
I've created a dummy email address and tested it. It seems to work fine, but I don't want it if they sell the address to a spammer.
I looking for protection from email skimmers, not ultimate security. I doubt someone would sift the rare JS encrypted websites for one email address. ( ...or am I being naive?)
Who out there has some knowledge about this?
Thank you!

I am sorry that I have been silent for a few days. I've just been wrapped up with other stuff.
Oh! It works! I even deactivated the alert which gave away the spelling of the word, so now I am on the road.
Thank you SO MUCH!
Now I have to think about layout and design.
If I end up killing it in the midst of that, I can always revert back to this code.
Thank you!!
May I write "Javascript by 'davej' at w3schools." at the bottom of the page?

Yes. It is currently online.
http://herrmann.hu/portfolio/id/speller/index.html
I have not yet dressed it with a pretty face. First I want to make sure that what there is works as planned.
The intent and goal of the project for me is instructional design, ...not coding, ...not even the dressing that will come (even though I am a visual designer as well). Those who will be looking at my portfolio will be concerned with it from a learning theory point of view. The project will be prefaced with an explanation as to its needs analysis, project purpose, intended audience,...
It is not yet connected from the interface of my website. It is only uploaded for testing purposes.
Yes, I assume someone could find it, but not likely and not many.
What I attached to the post on w3schools is a paired-down version of what is at the above URL, due to the upload size limitation.

The goal of the attached project is to assist a learner in mastering proper spelling.
The method is that they will hear an audio file of a word, then they type it into the window.
The page then indicates if they got it correct.
The spelling part seems to work.
But . . . .
I do not know why the JavaScript is not causing the sound files to play.
I am not a JS guru. I have done what I can, but still cannot find the mistake.
Can anyone help?
(needed files attached in a zip)
speller.zip

Hello all,
I was experimenting with the <object> tag, putting one webpage inside another HTML document. I found that if I put a PDF in it appear just under 70% of its original size, .....even if I specify the height and width.
<object src="folder/thumbnail.pdf" type="application/pdf" width="100" height="100"/>
But if I put a PNG (of the same image, size unaltered) in another HTML document and call that in, it appears at 100%.
<object data="page2.html" type="text/html">
alt : <a href="page2.html">page2.html</a>
</object>
....WHY is this?

Hello DaveJ,
Regarding the SPELLER script:
How hard would it be to adapt the script to connect to the audio file at www.merriam-webster.com/dictionary ? ....and also to have a "PLAY AUDIO" button.
eg: http://www.merriam-webster.com/dictionary/acceptable
In this way I would not have to create 100 audio files AND it would save time in the future when the words are changed for new ones.
- Steve

Wow! How cool. It works! (Not that I was assuming that it would not, but I am just amazed anyway.)
THANK YOU!
Wow! Also with a counter of how many correct and incorrect. Slick!
I need to create the audio files. So just guessed from one of the five words that you put in. I got one in four. The spelling was correct on each, just I was shooting in the dark since I have not created the audio files yet.
I may have a question or two when I go to add the other words, name the audio files, etc.
How would you like me to give credit for the code?

Even the basic version would be great. A nice piece for the portfolio.
Even if I cannot accomplish all the alterations I would like, I could preface the link with a paragraph that details my intended modifications. That would show instructional designers that I recognize the demands of learning theory and how to improve the learning experience.
So, if you are into creating the basic version. I am still thrilled. As you can tell. My solution would have been very time intensive, ending with a huge volume of pages.

As you commented, my original idea of a solution (form data becoming a URL) need not be the final one. It is was simply how a basic HTML-er (that's me) thinks. A one-page solution clearly is better, just out of my league to create it.

I don't really need to change things. I was simply not expecting anyone to do the technical side project. If you are into it, I would be very happy to give credit and a link. Honestly, I'd rather not get my hands "greasy" since my training is in visual media and instructional design. Coding is a bit of a stretch for me. So, if this project sounds of interest to you. I am thrilled, or am I misunderstanding you?
Here is what I am aiming to do. As an instructional designer just getting into the field, I need portfolio pieces. My daughter is struggling with spelling, so I thought I’d create a speller for both her AND my portfolio.
The “changes” that I am likely to make would only be cosmetic (placement of elements, typeface size and color changes), improvement of readability & understandability, UI, and for instructional design reasons. If it works as needed, I don’t need to make changes.
The content is the 100 most often misspelled words in English. I will need to create audio files for each of them <uggh!>. The words would be chosen randomly, but not shown visibly. An audio file will play a designated time after the page opens (and a “Repeat.” button will be provided). Or the page would come up silently (NO auto-play), with a “Listen.” button provided for the learner to hear the word. And a window would be available for the learner to type in the word, with a “Check spelling.” button. If the learner spells the word correctly, it will be indicated in one way (“Correct!”) and if incorrectly, another way (“Try again!”) They are given a chance to spell the SAME word again. There should also be a “Next word.” button to randomly select a new word.
It would also be good for the user to know how many words he/she has spelled correctly and incorrectly. (Would this necessitate a log-in system?) If this were the case, one could watch their spelling score improve. Would this be done with cookies, or something on the server-side? While I am thinking about this, a “Attempts” indicator would be helpful, but not necessary. (How many times did the learner attempt to spell a given word.)
If the URL is the word, then it must be hidden somehow. Frames would do this, I think. The reason I think this way is because I would want to make it as easy as possible to locate page and audio files that relate to one another. I imagine that your one-page project idea would likely not face this dilemma. Correct?
That is the project. I think it would be a nice portfolio piece for all who work on it. It would also be practical, and also easily extendable, ....dump new words in, create new audio files and the life of the project is renewed. That is a great aspect of it from an instructional design point of view. It fits ADDIE very well.
What do you think?

I am fairly successful at modifying existing JavaScript. But creating it from scratch is not what I win awards at. I found some randomizing code and it was very simple to modify it to my needs, but I could not have written it. I took an HTML & JS class in college. The first half went well enough. The JS portion was another story.