{"id":59800,"date":"2023-06-21T03:01:57","date_gmt":"2023-06-20T17:01:57","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=59800"},"modified":"2023-06-20T12:00:53","modified_gmt":"2023-06-20T02:00:53","slug":"blog-kaleidoscopic-view-detail-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/blog-kaleidoscopic-view-detail-tutorial\/","title":{"rendered":"Blog Kaleidoscopic View Detail Tutorial"},"content":{"rendered":"
\"Blog<\/a>

Blog Kaleidoscopic View Detail Tutorial<\/p><\/div>\n

Around here, we’re keen on event driven programming<\/i>, especially within your run of the mill web application, within the purview of web browser usage. While we have little doubt that people understand the dynamism and use event driven programming<\/i> represents, sometimes it is hard to explain it with real woooooorrrrllllddd examples in the purview of a real woooooorrrrllllddd, that is<\/a>?!<\/p>\n

And so, stumbling upon information regarding …<\/p>\n\n\n\n
onmouseenter<\/a><\/th>\nonmouseleave<\/a><\/th>\n<\/tr>\n
\n

\nThe onmouseenter event occurs when the mouse pointer enters an element.\n<\/p><\/blockquote>\n<\/td>\n

\n

\nThe onmouseleave event occurs when the mouse pointer leaves an element.\n<\/p><\/blockquote>\n<\/td>\n<\/table>\n

… we wanted to team up the events with an apt web application. So we went through a collection of some of our web applications, hanging around, like, looking for the string …<\/p>\n

\n\/img><img\n<\/p><\/blockquote>\n

You’d think we’d come across a lot, wouldn’t you, in this crazy mixed up wwoooooorrrrllllddd of ours? Well, no, most image work with lots of images, we tend to use background images, or have images encased within other HTML embedments, or be using a serverside language like PHP. But we did find from Blog Kaleidoscopic View Randomosity Tutorial<\/a>‘s web application, that it had scope, personality<\/a>,<\/font> pizazz, personality<\/a>,<\/font> aspirations to be kaleidoscopic, personality<\/a>,<\/font> aspirations to live in the real woooooorrrrllllddd<\/i> … not some “made up wwoooooorrrrllllddd” … and we tinkered, yes, tinkered, until we came up with … anyone, anyone<\/a>? Yes, David<\/a>, indeed, “The More Detailed and Considered Kaleidoscope of inhouse blog postings around here, like, and might we say … in the real woooooorrrrllllddd<\/i> … not some ‘made up wwoooooorrrrllllddd’ … like<\/font>” and … personality<\/a>,<\/font>.<\/p>\n


\n var oneoml=' onmouseenter=ome(this); onmouseleave=oml(this); onerror=zippedup(this); ';
\n

\n function zippedup(ithis) {
\n var it=ithis.title;
\n ithis.title='Zipped up until required.' + String.fromCharCode(10) + String.fromCharCode(10) + it;
\n }
\n
\n function ome(ithis) {
\n if (('' + ithis.title).indexOf(ithis.src) == -1) {
\n ithis.title+=' ' + String.fromCharCode(10) + String.fromCharCode(10) + ithis.src + String.fromCharCode(10) + String.fromCharCode(10) + ithis.width + 'px x ' + ithis.height + 'px' + String.fromCharCode(10) + String.fromCharCode(10) + ithis.outerHTML;
\n }
\n }
\n
\n function oml(ithis) {
\n ithis.title=ithis.title.replace(' ' + ithis.src, '');
\n }
\n<\/code><\/p>\n

This coding reminded us that your HTML element title<\/i> attribute means by which information can be imparted to your non-mobile users, can be made quite a bit more impactive and insightful, just with the addition of some well placed line feed ( ie. String.fromCharCode(10) ) characters in the changed<\/a> rjmgoogleimages.htm<\/a> Kaleidoscopic web application<\/a> you are welcome to try for yourself, and perhaps compare to the older incarnation of Kaleidoscopic web application with no onmouseenter nor onmouseleave nor onerror<\/font> considerations<\/a>.<\/p>\n

\n

\n

Previous relevant Blog Kaleidoscopic View Randomosity Tutorial<\/a> is shown below.<\/p>\n

\"Blog<\/a>

Blog Kaleidoscopic View Randomosity Tutorial<\/p><\/div>\n

Yesterday’s Blog Kaleidoscopic View Primer Tutorial<\/a> got us started down an image-led view of some aspects to the blog you are reading now. However, the “kaleidoscopic” aspects to its look and feel were lacking dynamism to my mind.<\/p>\n

So today, we added the idea in the left hand cell of showing …<\/p>\n