When retrying Italian French Spanish Verb Conjugation Emoji Image Tutorialโs web application recently it struck us that an improvement could be โฆ
- if the user is entering an English verb to the top left โฆ we could start โฆ
- filling in the Italian or French or Spanish verb translation (via the textboxโs placeholder attribute, hence, faintly) over to the top right โฆ as well as โฆ
- add an emoji (button)
(📖) in that top right area too โฆ in addition to the usual โฆ
- brilliant WordReference.com information presented below this top row in the table
Clicking that emoji (button) (📖) in that top right area (or merely moving or tabbing in and out of focus at that top right textbox) would link up with WordReference.com verb conjugations better, we think, simulating what happens if the user starts their quest with the top right non-English verb textbox.
You can try this out for yourself in italian_conjugationhtmlโs changedcode, can be tried with this live
run link, or below โฆ
Previous relevant Italian French Spanish Verb Conjugation Emoji Image Tutorial is shown below.
We used the combining of โฆ
- a relook at Italian French Spanish Verb Conjugation Text to Speech Tutorial โฆ with โฆ
- the recent Emoji Image Creator or Media Paster Multiple Copy Tutorial
โฆ to find some practical improvements to some of our existent web applications regarding the use of Emoji Image (in todayโs case in the form of background images).
We think the existent French and Italian and Spanish flags as background images are a bit too imposing and so we intervened as per the Javascript โฆ
function emoji_images_maybe(inlineurl) {
switch (inlineurl) {
case "url('it.jpg')":
document.getElementById('mybodtr').style.height='90px';
document.getElementById('englishtoitalian').style.height='90px';
return "linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url([italianFlagEmojiImageDataURIGoesHere]);
break;
case "url('fr.jpg')":
document.getElementById('mybodtr').style.height='90px';
document.getElementById('englishtoitalian').style.height='90px';
return "linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url([frenchFlagEmojiImageDataURIGoesHere]);
break;
case "url('es.jpg')":
document.getElementById('mybodtr').style.height='90px';
document.getElementById('englishtoitalian').style.height='90px';
return "linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url([spanishFlagEmojiImageDataURIGoesHere]);
break;
default:
break;
}
return inlineurl;
}
function fixall(iti) {
was='';
otv='';
document.getElementById('conjugationcell').innerHTML='';
document.getElementById('sl').value=iti;
document.getElementById('sltwo').value=iti;
document.getElementById('slto').value=iti;
document.getElementById('slito').value=iti;
document.getElementById('slverb').value=iti;
document.getElementById('slconj').value=iti;
document.getElementById('mybodtr').style.backgroundImage=emoji_images_maybe("url('" + iti + ".jpg')");
document.getElementById('englishtoitalian').style.backgroundImage=emoji_images_maybe("url('" + iti + ".jpg')");
return iti;
}
Hereโs a reminder of how you might derive โฆ
Flag | ||
---|---|---|
Italian [italianFlagEmojiImageDataURIGoesHere] IT |
French [frenchFlagEmojiImageDataURIGoesHere] FR |
Spanish [spanishFlagEmojiImageDataURIGoesHere] ES |
Navigate to Emoji Image Creator | ||
โฆ into textbox enter (where, regarding an ISO two character code relating to flag country A=127462 CodePoint to Z=127487 CodePoint) โฆ |
||
127470.127481 | 127467.127479 | 127466.127480 |
โฆ Click โCreate Imageโ button (though use of links above do this for you) โฆ | ||
โฆ โCopy Imageโ the flag at Google Pagespeed โฆ | ||
โฆ โPasteโ back at Emoji Image Creator โฆ | ||
โฆ Highlight and โCopyโ the data uri shown (relevant to flags above) |
This mini-makeover for italian_conjugationhtmlโs changedcode, can be tried with this live
run link.
Previous relevant Italian French Spanish Verb Conjugation Text to Speech Tutorial is shown below.
In following up on Italian and French and Spanish Verb Conjugation Event Tutorial as shown below weโve increased functionality of English translations by adding Google Translate Text to Speech capabilities to โฆ
- Italian
- French
- Spanish
โฆ via a new โloudspeakerโ icon.
Some of the talking points with todayโs changes involve โฆ
- a โrevealโ idea whereby the showing of an HTML element is controlled by its Javascript DOM [element].style.width CSS property, whereby the element is effectively invisible at width:1px and in our case today becomes visible, at width:20px, and, thus, clickable, for Google Translate popup window translation and text to speech capabilities via the control of โฆ
- binary decision making GUI ease of using HTML input tag type=checkbox and the associated Javascript DOM document.getElementById([element]).checked โฆ because โฆ
- UX-wise it is good to forewarn users with an option when it comes to functionality involving sound
- use of Javascript DOM document.getElementsByTagName(โimgโ) as a means by which to manipulate HTML elements that are not necessarily provided with an ID global property
As per the other tutorials in this thread, even with new Google Translate Text to Speech and Translation capabilities, nothing changes today about the techniques used today doing away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml, which changed to add in French and Spanish tense contextual verb conjugations in thisway, with this live
run link.
Previous relevant Italian and French and Spanish Verb Conjugation Event Tutorial is shown below.
In following up on Italian and French and Spanish Verb Conjugation Tense Tutorial as shown below weโve increased functionality of English translations to โฆ
- Italian
- French
- Spanish
โฆ and the conjugations from WordReference.com by offering onmouseover (ie. hover) or onclick (or mobile touch) event logic for conjugations offered by using the wonderful MyMemory resource to translate these verb conjugations back into English, and present them in an additional column with a different background colour.
You may recall us using MyMemory once before when we presented HTML/Javascript Hearing and Listening Primer Tutorial earlier on.
As per the other tutorials in this thread, but even more so with gleaning information from the MyMemory API via a get method, nothing changes about the techniques used today doing away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml, which changed to add in French and Spanish tense contextual verb conjugations in thisway, with this live
run link.
Hope you try out this new functionality.
Previous relevant Italian and French and Spanish Verb Conjugation Tense Tutorial is shown below.
Weโve followed up on Italian Verb Conjugation and Tense Tutorial as shown below with โtenseโ context to some of the conjugations of โฆ
- Italian
- French
- Spanish
Say โsome of theโ because โฆ
- the phrase โdoes not translateโ is often relevant with translations between spoken languages
- we may not have seen enough of the patterns giving us leads from the excellent WordReference.com conjugation webpages how to conjugate for some of the English prefix/suffix scenarios weโve coded for โฆ if you try this application out and see this is the case weโd love to hear from you, and you can email us at rmetcalfe@rjmprogramming.com.au or use the Feedback web application mentioned in Feedback Email Attachment Iframe Tutorial.
- weโre only conjugating verbs
Even amongst the conjugating language โtripletsโ above, noticed that when it comes to the โtenseโ involved, there can be variations, but donโt need to tell a lot of you this old news. Did set me to thinking a bit about the The Tower of Babel story from the Bible, though. What would the world be like if we all spoke the one language? Esperanto, everyone?
Thereโs a link between โlanguageโ and โlifeโ. Thatโs why a language without โverbsโ is not a language. And the Earth back in those dark days before any life, had no conduits for โlanguageโ. And itโs hard to see how โlifeโ sort of started up? But I guess chemistry experts might be able to tell us how this might have come about.
โLanguageโ is all about patterns, and mirrors human progress with its โpatternโ and โorganizationโ and โflexibilityโ as a huge part of why we as โhumansโ got to be such agents of change on Earth. Just wish there had really been a more successful Doctor Dolittle in human history that could have got the โinside gossโ (so to speak) on what we could have done better to protect the worldโs environments.
As per the other tutorials in this thread, nothing changes about the techniques used today doing away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml, which changed to add in French and Spanish tense contextual verb conjugations in thisway, with this live
run link.
Hope you try it out, and even contemplate sending us some feedback.
Previous relevant Italian Verb Conjugation and Tense Tutorial is shown below.
Again, we saw that we could extend the functionality of the recent Italian and French and Spanish Verb Conjugation Tutorial as shown below, by, for Italian, to start with, trying to help the native English speaker out for where to look on the โconjugationโ table presented for the English verb of interest, regarding conjugation information that might match their (verb) tense of interest.
As you probably well know, every language on Earth has its peculiarities regarding how we express ourselves with regard to time, and a lot of that is associated with the verbs, or action words we use, and in the case of โฆ
- Italian
- French
- Spanish
โฆ that expression of the context of time in the grammatical usage, especially for people speaking the language, is reflected by conjugations made to the verb. Conversely, as I, a native English speaker, got to think about as this web application proceeded, English has words like โamโ and โhaveโ and โhavingโ and โbeenโ and โwillโ and โshallโ and โisโ and โareโ and โwasโ and โwereโ and โwouldโ and โshouldโ and โhasโ and โhadโ and โtoโ and โโbeโ and โbeingโ preceeding verbs, which can have, basically, two suffixes โ-ingโ and โ-edโ (expressing present participles and past participles respectively) to try to do what conjugation does for Italian (we program for today) and French and Spanish languages.
But thereโs more to โtenseโ than Past, Present and Future as you well can imagine should you learn a language other than your native tongue, which you tend to โgo along with the flowโ perhaps unaware that โtenseโ exists, for some learners. There are concepts as layers on top about the context of the time the person is speaking relative to the time they are or were talking about โฆ it gets complex โฆ so you get concepts like โPresent Perfect Progressiveโ (which we did a tutorial about at HTML/Javascript Present Perfect Progressive Primer Tutorial) if you get right into the ins and outs of all this grammar โฆ which you might need to do to master that second language.
Yet again, nothing changes about the techniques used today doing away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml, which changed to add in Italian โtenseโ thoughts in thisway, with this live
run link.
Again, we hope you try some Italian, with specified โtenseโ prefix words and suffix endings, to see how the new functionality helps you out with Italian verb conjugations.
Previous relevant Italian and French and Spanish Verb Conjugation Tutorial is shown below.
We saw that we could extend the functionality of yesterdayโs Italian Verb Conjugation Primer Tutorial as shown below, by accessing other resources from the great WordReference.com, adding French and Spanish verb conjugation to yesterdayโs Italian verb conjugation.
As a rule we tend to find that replacing text with HTML select โdropdownโ menus can help out this adaption pretty effectively. The other feature of todayโs Javascript coding is the use of eval to team with the language code to direct user traffic to the correct parts of the WordReference.com website.
Along the way we added some background โflagโ imagery we found at Science Kids โฆ thanks, heaps.
Down the little brick road we also added a couple of hashtag navigators, HTML a links that just navigate within the page, allowing the user to move from the conjugation yellow zone to the translation zone (if you translated from English), as much as anything because the conjugation may need to be prompted by picking the โverbโ amongst the list of โtranslatedโ possibilities, which you can then feed into the rightmost HTML input type=text textbox to, more than likely, get the (verb) conjugation you may have missed with the first pass.
Nothing changes about the techniques used today doing away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml, which changed to add in French and Spanish in thisway, with this live
run link.
Hope you try it out.
Previous relevant Italian Verb Conjugation Primer Tutorial is shown below.
Learning Italian as a native English speaker is best done when you are young, and beginning recently on this quest, I learnt a bit of this.
To me, what stuck out, was how easy we get it in English with regard to (the lack of) conjugating verbs, or articles, or adjectives, in our grammar.
Is it that, in English, we can say something in a hurry and, sort of, wait to fix it up later, because we donโt conjugate verbs in our mind, or is this not how it works in other languages? Actually, am pretty sure no, because conjugation is done so fast in the minds of Italian speakers that it is no issue โฆ hard to imagine, though, from where Iโm standing โฆ well, actually, sitting. Am not here to say, but know it is this, that teachers of Italian to English native speakers, concentrate on in early lessons.
With this in mind, we donโt for one second pretend we are not using the wonderful resources at WordReference.com with todayโs web application, but we thank them for their brilliance, and just rearrange things that you could glean perfectly well from here but need to take a few more steps to reach the conjugation (today itโs just verbs) web page bits, whereas we throw the conjugation bits straight at you. And yes, we do try to cater for the irregular verbs, and where they are regular you should see the word โregularโ mentioned in the yellow zone conjugation areas โฆ because we all know โฆ well, you know what we mean?!
The techniques used today do away with any need for a server side language by channelling the Ajax jQuery thoughts we presented with Ajax jQuery Primer Tutorial to make the most of the great resource that WordReference.com is. This happens in our HTML and Javascript programming source code you could call italian_conjugationhtml with this live
run link.
So we hope you enjoy this break from our usual (other way around) ESL game (if itโs a game) to some โConjugate, Italian Styleโ play.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.