Tag Archives: jQuery

CSS 3D Transformation Matrix Mobile Tutorial

Yesterday’s CSS 3D Transformation Matrix Browse Tutorial was not the best as far as mobile platforms went when coming up against sizeable image data sources. As such, we are going to stop “recalls” of our web application when a mobile user takes or browses for an image. This in turn stops window.sessionStorage being needed, but means we have to move the drag and drop guides ourselves as per … function fixstyle(stih) { var idivs=0, boxrect=null, kdivs=0; stih=stih.replace(/\&amp\;lt\;/g, ‘<‘).replace(/\&amp\;gt\;/g, ‘>’).replace(/\&lt\;/g, ‘<‘).replace(/\&gt\;/g, … Continue reading →

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

CSS 3D Transformation Matrix Browse Tutorial

When we mentioned in CSS 3D Transformation Matrix Tool Tutorial … We have bigger plans than this. Perhaps you can guess the direction we might go next?! … we had in mind what is involved with today’s tutorial topic, but our day’s coding started with another direction we’re keen on seeing whether we can see it through (alas not today), that being … allow mobile platforms work the drag and drop logic of the web application … and so the … Continue reading →

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

CSS 3D Transformation Matrix Tool Tutorial

The brilliance of others, thanks, and of jQuery, thanks, were behind the “proof of concept” feel to the CSS 3D Transformation Matrix Primer Tutorial “CSS 3D Transformation Matrix” topic we are revisiting today. Today, practicalities and usefulness, and the development of a user controlled set of outputs, take over our thoughts. On a revisit, as a start, we wondered whether … we could make the styling of the initial HTML div “box” element styling user definable we could make the … 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 a particular element the order of which is nominated by the user … begs the question … Is there a document.querySelectorFirst? No. Is there a document.querySelector? Yes (it returns first matched element). Do we use it to achieve today’s blog … Continue reading →

Posted in eLearning, Event-Driven Programming, 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 select (dropdown) element for recall, added into the main H1 header element. Along the way, we’ve hived off the following into a new external Javascript qsall.js because we may see some/all of them as worthy of a “tool” that can … Continue reading →

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

Javascript document.querySelectorAll Textarea Placeholder Tutorial

Thinking of some great Fred and Ginger types of web application partners we have, at the very least … HTML and Javascript PHP and MySql MySql and phpMyAdmin Ajax and FormData Webpage and Iframe Details and Summary Div and Contenteditable … and today we’ve partnered Textarea and Placeholder because we’ve discovered that Placeholder (on many browsers and platforms) can be multiline by nature. That suits our style, whereby we try not to bombard users with loads of user entries to … Continue reading →

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

Javascript document.querySelectorAll User Scripting Tutorial

Another user defined feature we can add to yesterday’s Javascript document.querySelectorAll Absolute URL Tutorial‘s functionality list of … CSS user defined selector default styling for relative URL CSS user defined styling for relative URL Onclick logic related to that CSS selector via Javascript document.querySelectorAll for relative URL Popup window or refresh mode child iframe src then srcdoc overlay techniques for relative URL that is nothing (ie. this web application) Absolute URL support as per the top three functionalities above … … Continue reading →

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

Javascript document.querySelectorAll Absolute URL Tutorial

Just quietly, we add onto the functionality of yesterday’s Javascript document.querySelectorAll Client Pre-emptive Iframe Tutorial‘s work with the tolerance for the user to try some absolute URL entries as they try the changed qsall.htm live run link. As we so often find ourselves doing these days we use the “midair” feeling Ajax/FormData techniques to attempt to satisfy the user interactions, as per … var wasino=null; var absval=”; var urltosend=”; var zhr=null; var wasplaceholder=”; function showStuff(evt) { if (zhr.readyState == 4) … Continue reading →

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