Tag Archives: jQuery

We had occasion to revisit our inhouse Italian/French/Spanish Verb Conjugation web application “redirector” (in that it is third parties doing the bulk of the work, thanks), further to the English Translated Verb Conjugation Emoji Tutorial‘s last mention. It struck us, that what could improve the user experience, could be a … 30 second (timed for) … automated click piece of functionality … that is flagged to the user via a … countdown timer (presented as an HTML progress … <progress id=myprog title=”Click to stop the automated countdown to clicking for conjugations screen” data-allow=”y” onclick=”this.setAttribute(‘data-allow’,”);” style=visibility:hidden; value=30 max=30 min=0></progress> … element) … that if clicked, holds off on the automation ideas regarding the Conjugation Emoji Button 📖 clicking … function backin() { if (myxhr.readyState == 4) { if (myxhr.status == 200) { if (myxhr.responseText) { var towrds=myxhr.responseText.split(‘”translatedText”:”‘); //alert(” + myxhr.responseText); if (eval(” + towrds.length) >= 2) { //if (myxhr.responseText.indexOf(‘correre’) != -1) { alert(towrds[2]); alert(towrds[1]); alert(towrds[3]); alert(towrds[4]); } document.getElementById(‘ini’).value=”; document.getElementById(‘ini’).placeholder=towrds[1].split(‘”‘)[0].split(‘.’)[0].split(‘!’)[0].split(‘?’)[0].replace(/\’/g,”); document.getElementById(’emojiconjugate’).innerHTML=’&#128214;’; //’ <progress id=myprog title=”Click to stop the automated countdown to clicking for conjugations screen” data-allow=”y” onclick=”event.stopProgagation(); this.setAttribute(‘ + “‘data-allow’,”” + ‘); return false;” style=display:inline-block; value=30 max=30 min=0></progress>’; document.getElementById(‘myprog’).value=30; document.getElementById(‘myprog’).setAttribute(‘data-allow’,’y’); if (1 == 1) { document.getElementById(‘myprog’).style.visibility=’visible’; } else { document.getElementById(‘myprog’).style.display=’inline-block’; } setTimeout(myprogit, 1000); setTimeout(function(){ if (eval(” + (” + document.getElementById(‘myprog’).getAttribute(‘data-allow’).length)) > 0) { document.getElementById(’emojiconjugate’).click(); } }, 30000); } } } } } function myprogit() { if (document.getElementById(‘myprog’)) { if (eval(” + (” + document.getElementById(‘myprog’).getAttribute(‘data-allow’).length)) == 0) { if (1 == 1) { document.getElementById(‘myprog’).style.visibility=’hidden’; } else { document.getElementById(‘myprog’).style.display=’none’; } } if (eval(” + document.getElementById(‘myprog’).value) > 0) { document.getElementById(‘myprog’).value=eval(-1 + eval(” + document.getElementById(‘myprog’).value)); setTimeout(myprogit, 1000); } else { if (1 == 1) { document.getElementById(‘myprog’).style.visibility=’hidden’; } else { document.getElementById(‘myprog’).style.display=’none’; } } } } function twofocus(ih) { if (ih != ”) { document.getElementById(‘ini’).focus(); document.getElementById(‘ine’).focus(); document.getElementById(’emojiconjugate’).innerHTML=’&nbsp;’; document.getElementById(‘myprog’).value=30; document.getElementById(‘myprog’).setAttribute(‘data-allow’,’y’); if (1 == 1) { document.getElementById(‘myprog’).style.visibility=’hidden’; } else { document.getElementById(‘myprog’).style.display=’none’; } } } … in italian_conjugation.html‘s changed code, can be tried with this live run link, or below. This change highlights the difference between two CSS approaches to hiding a webpage element … display: none; visibility: hidden; We chose the latter methodology for today’s work because visibility: hidden; still allows for the room that element would have taken up, so by the time we do apply visibility: visible; there is less annoying jiggering around going on with the webpage look when this happens. Previous relevant English Translated Verb Conjugation Emoji Tutorial is shown below. When retrying Italian French Spanish Verb … Continue reading →