Tag Archives: IFRAME

Google Chart Histogram Chart Pie Chart Dynamic Pollster Tutorial

More refinements onto yesterday’s Google Chart Histogram Chart Pie Chart Mobile Tooltips Tutorial sees us … allowing for negative integer and any non-integer Histogram numeric values and scenarios of ranges with a count of zero (in “function infillit”) … var … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Chart Histogram Chart Pie Chart Mobile Tooltips Tutorial

When using the web application of yesterday’s Google Chart Histogram Chart Pie Chart CSS Tooltips Tutorial, that being the Google Charts Histogram Chart interfacing to the Pie Chart you never see a Javascript prompt or alert popup window. Well, this … Continue reading

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Chart Histogram Chart Pie Chart CSS Tooltips Tutorial

Today’s work is a combination of … CSS styling at the Pie Chart end … <style> div.google-visualization-tooltip { border-radius: 15%; background:linear-gradient(180deg, rgb(255,175,189), rgb(255,195,160)); filter: drop-shadow(-3px -2px 4px rgba(68,68,238,0.6)); } div.google-visualization-tooltip iframe { border-radius: 5%; } </style> tinkering with content sent … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Google Chart Histogram Chart Pie Chart HTML Tooltips Tutorial

Yesterday’s Google Chart Histogram Chart Pie Chart Tooltips Tutorial got us going with tooltips, but with a limited “just text” feel to them, but if you have done some Google Charts tooltip research you’ll know the … tooltip: { trigger: … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Javascript document.querySelector One Element Tutorial

Yes, adding a functionality layer on top of the recent Javascript document.querySelectorAll Share and Save Tutorial we turn our attention from document.querySelectorAll to … as well as a full scan of a CSS selection, allow for the honing in onto … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Iframe Srcdoc Equals UTF-8 Issue Reveal Tutorial

Yesterday’s Iframe Srcdoc Equals UTF-8 Issue Primer Tutorial‘s … HTML iframe … [iframe].src=data:text/html;base64,[HTMLbase64Content] versus [iframe].srcdoc=atob([HTMLbase64Content]) nuance regarding … the display of UTF-8 data … is just that … nuanced, and hard to explain in terms of “what is the issue” … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Iframe Srcdoc Equals UTF-8 Issue Primer Tutorial

Do you remember how with Javascript document.querySelectorAll Client Pre-emptive Iframe Tutorial, recently, we said … Why can’t we manage this new functionality in the one pass through the “onload” event logic? Well, any self-respecting webpage content will contain both apostrophe … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Javascript document.querySelectorAll Share and Save Tutorial

On top of yesterday’s Javascript document.querySelectorAll Textarea Placeholder Tutorial today’s progress concerns … sharing (via client email and sms applications) … email sms save (via window.localStorage) … that has user controls, those being three input type=button for creation and one … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment