Tag Archives: programming

Window Object Screen Member Variables Tutorial

Posted on June 29, 2025 by admin

We stumbled upon an excellent diagram image to explain some of the window object member variables available to Javascript DOM and describing the various dimensions of device screen parts at https://moo-you.tistory.com/882 … … thanks. Knowing that, we harnessed the great mobilefish generated HTML map element, thanks, to write a “first draft” window_dom_concept.html web application to help the user explore these window object member variables for themselves using … We hope it is of some interest! If this was interesting you may be interested in this too.

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged dimension, DOM, HTML, image, image map, Javascript, measurement, member, member variable, mobilefish, object, OOP, programming, screen, size, tutorial, variable, window | Leave a comment

CSS Web Application External Javascript Programmatical Updates Tutorial

Posted on June 26, 2025 by admin

Two jobs today, moving on from yesterday’s CSS Web Application External Javascript Peer to Peer Tutorial … allow any random backdrop background image, specified by the user, have it’s content be retained sharing with any email recipient shared with, just concerning the changed fifth draft CSS Backdrop Filter web application also shown below arrange it that the software updates itself without manual intervention adding to the array up the top of the external Javascript That second “peer to peer” ambition we’ve attempted in the past, and needed PHP, and for a hour today we deluded ourselves we could achieve “programmatical updates” just with … external Javascript css_webapps_peer.js changes … with … window.localStorage (like HTTP cookie) usage … but those two only did the full job we were after regarding the “first instigator”, not the rest of users ever calling that web application, because non-server ideas cannot “programmatically update” the array in the external Javascript code … whereas … introducing “self contained” changes in some PHP middle_interest.php within the same web server folder … … completed the job whereby uploaded new web applications to the RJM Programming domain should trigger “programmatical updates” to that topmost dropdown of “the peerage” of web applications. The understanding goes … “the peerage” new member is probably cloned off an older member … meaning … “the peerage” new member calls the same external Javascript (introduced yesterday into the mix) … meaning … anyone’s first call of “the peerage” new member (ie. in all likelihood, the programmer creating it) triggers two things … an updated window.localStorage member (which can contribute to anyone’s topmost dropdown should it be in the correct format) … and for this “first instigator” (only, because of what it does) … call of helper PHP with that “self contained” server code … <?php // http://www.rjmprogramming.com.au/HTMLCSS/middle_interest.php?htmlparity=&jsname=./css_webapps_peer.js&with=document.URL.split(‘?’)[0].split(‘#’)[0]&inthesenseof=mywasel if (isset($_GET[‘htmlparity’]) && isset($_GET[‘with’]) && isset($_GET[‘inthesenseof’]) && isset($_GET[‘jsname’])) { if (str_replace(‘+’,’ ‘,urldecode($_GET[‘inthesenseof’])) != ‘mywasel’ && strpos(str_replace(‘+’,’ ‘,urldecode($_GET[‘jsname’])), ‘/css_webapps_peer.js’) !== false) { exit; } else if (strpos(str_replace(‘+’,’ ‘,urldecode($_GET[‘jsname’])), ‘/css_webapps_peer.js’) === false) { exit; } $jscont=”; $withcont=file_get_contents(str_replace(‘https:’,’http:’,str_replace(‘+’,’ ‘,urldecode($_GET[‘jsname’])))); if ($withcont != ”) { $jscont=$withcont; $wcont=file_get_contents(‘./’ . basename(str_replace(‘https:’,’http:’,str_replace(‘+’,’ ‘,urldecode($_GET[‘with’]))))); if ($withcont != ”) { $wewanttwo=explode(‘./’ . basename(str_replace(‘+’,’ ‘,urldecode($_GET[‘with’]))), $withcont); if (sizeof($wewanttwo) == 1) { $wewantthree=explode(str_replace(‘+’,’ ‘,urldecode($_GET[‘inthesenseof’])), $wcont); if (sizeof($wewantthree) > 1) { $jscont=str_replace(‘”];’, ‘”,”‘ . ‘./’ . basename(str_replace(‘+’,’ ‘,urldecode($_GET[‘with’]))) . ‘”];’, $jscont); file_put_contents(‘./’ . basename(str_replace(‘+’,’ ‘,urldecode($_GET[‘jsname’]))), $jscont); } } } } exit; } ?> … which might add to the external Javascript top array on (web server) disk … via (the near to document.body onload event function) … var walist=[“./background_position_various.html”,”./apply_a_mask.html”,”./backdrop_filter.html”]; function addtodropdown() { var inbv=0, jnbv=0, apptitleis=”, ocdone=false, wlsarr=[], iwl=0; var wasohis=”; var appwordsare=[]; if (document.getElementById(‘mywasel’)) { if ((” + window.localStorage.getItem(‘css_webapps_peer_more_options’)).toLowerCase().replace(/^undefined/g,”).replace(/^null/g,”) != ”) { wlsopts=yourdecodeURIComponent(” + window.localStorage.getItem(‘css_webapps_peer_more_options’)); wlsarr=wlsopts.split(‘,’); for (iwl=0; iwl<wlsarr.length; iwl++) { if (walist.indexOf(‘./’ + wlsarr[iwl].split(‘/’)[eval(-1 + wlsarr[iwl].split(‘/’).length)].split(‘?’)[0].split(‘#’)[0]) == -1) { walist.push(‘./’ + wlsarr[iwl].split(‘/’)[eval(-1 + wlsarr[iwl].split(‘/’).length)].split(‘?’)[0].split(‘#’)[0]); } } } if (walist.indexOf(‘./’ + document.URL.split(‘/’)[eval(-1 + document.URL.split(‘/’).length)].split(‘?’)[0].split(‘#’)[0]) == -1) { walist.push(‘./’ + document.URL.split(‘/’)[eval(-1 … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged backdrop, backdrop-filter, background, background image, background-position, background-position-x, blockquote, canvas, clip-path, clone, collaboration, CSS, dropdown, dynamic, email, external Javascript, file, filter, form, highlight, HTML, IFRAME, Javascript, justify, mask, multiple, nested, nesting, order, overlay, peer, peer to peer, PHP, programming, prompt, recursion, recursive, recursive iframe, select, server, sharing, she, SMS, textarea, toDataURL, tutorial, update, web server | Leave a comment

CSS Web Application External Javascript Peer to Peer Tutorial

Posted on June 25, 2025 by admin

We tackle a few more issues onto yesterday’s CSS Web Application Highlighted Text Tutorial with … peer to peer linking of these 3 (so far) CSS referencing web applications via a new header element dropdown element some better email functionality when the web application is hosted such as it is with the “shown below” links in this blog posting allow a change of background image to use for the Backdrop Filter web application The first two used for their work the code of a new css_webapps_peer.js external Javascript interfacing with … highlighted textarea text using fourth draft CSS Backdrop Filter web application also shown below highlighted textarea text using fourth draft CSS Apply a Mask web application also shown below highlighted textarea text using fourth draft CSS Background Position web application also shown below Previous relevant CSS Web Application Highlighted Text Tutorial is shown below. You may have been around reading this blog to recall Sentence Text Word Underlining Primer Tutorial‘s discussions regarding the text data talents of HTML element type textarea up against div and the resultant table reflecting our views on this … Text Talents of HTML Elements Textarea … versus … Div And CSS 3D Transformation Matrix Making Of Interactive Integration Tutorial set out how we see the pros and cons as … Text Functionality Issue HTML Element Type Strength Weakness (where a “Yes” is like … “Oh No!”) Display Monocolour Text Textarea Yes Div Yes Display Editable Text Textarea Yes Div Yes Display Multicolour Text Textarea Yes Div Yes … and it’s assertion that regarding Display Multicolour Text the use of textarea elements were not suitable. Well, today, we do not resile from that view, when you consider a textarea element on it’s own, but what if it gets “overlay” type of help from div nesting span elements (and we have “reverse corollaries” here with SVG tspan element usage in SVG Tspan Element Primer Tutorial) with background colour and transparent text, leading to capabilities where textarea text of relevance can be highlighted. Sounds good?! Yes, but it must be said we could have just replaced the textarea elements (within our CSS Themed suit of web applications of recent times, talked about with yesterday’s CSS Backdrop Filter Recursive Iframe Tutorial) with div ones where contenteditable=true could still allow for interactivity, but for the reasons … we wanted to see if highlighting text within a textarea could be achieved … Spoiler Alert: yes, it’s possible … as well as textarea elements have a great resizing “native” functionality textarea elements feel far more “the go” when asking for user interactive entry data that can contain linefeeds over time we find more and more use for the textarea attributes value and innerHTML as separately useful dual ways of populating the element, especially in the scenario with text data where the latter is useful to initiate with text data containing < … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged backdrop, backdrop-filter, background, background image, background-position, background-position-x, blockquote, clip-path, clone, collaboration, CSS, dropdown, dynamic, email, external Javascript, filter, form, highlight, HTML, IFRAME, Javascript, justify, mask, multiple, nested, nesting, order, overlay, peer, peer to peer, programming, prompt, recursion, recursive, recursive iframe, select, sharing, she, SMS, textarea, tutorial | Leave a comment

CSS Web Application Highlighted Text Tutorial

Posted on June 24, 2025 by admin

You may have been around reading this blog to recall Sentence Text Word Underlining Primer Tutorial‘s discussions regarding the text data talents of HTML element type textarea up against div and the resultant table reflecting our views on this … Text Talents of HTML Elements Textarea … versus … Div And CSS 3D Transformation Matrix Making Of Interactive Integration Tutorial set out how we see the pros and cons as … Text Functionality Issue HTML Element Type Strength Weakness (where a “Yes” is like … “Oh No!”) Display Monocolour Text Textarea Yes Div Yes Display Editable Text Textarea Yes Div Yes Display Multicolour Text Textarea Yes Div Yes … and it’s assertion that regarding Display Multicolour Text the use of textarea elements were not suitable. Well, today, we do not resile from that view, when you consider a textarea element on it’s own, but what if it gets “overlay” type of help from div nesting span elements (and we have “reverse corollaries” here with SVG tspan element usage in SVG Tspan Element Primer Tutorial) with background colour and transparent text, leading to capabilities where textarea text of relevance can be highlighted. Sounds good?! Yes, but it must be said we could have just replaced the textarea elements (within our CSS Themed suit of web applications of recent times, talked about with yesterday’s CSS Backdrop Filter Recursive Iframe Tutorial) with div ones where contenteditable=true could still allow for interactivity, but for the reasons … we wanted to see if highlighting text within a textarea could be achieved … Spoiler Alert: yes, it’s possible … as well as textarea elements have a great resizing “native” functionality textarea elements feel far more “the go” when asking for user interactive entry data that can contain linefeeds over time we find more and more use for the textarea attributes value and innerHTML as separately useful dual ways of populating the element, especially in the scenario with text data where the latter is useful to initiate with text data containing < and > which gets mapped to < and > respectively once the code looks at that textarea‘s value attribute … Cute, huh?! In fairness, though div contenteditable=true also have interesting interplay with innerHTML and innerText attributes going on in this respect too. … we’re carrying on with textarea element interactive entry usage with this current suite of CSS based web applications. Here’s the new Javascript function crucial to making this possible … function divoverlayclone(ovid, indefst) { var tih=”, taih=document.getElementById(‘divhost’).innerHTML, nextih=”, tbit=”, huhs=[], ihuh=0, mss=”, ahh=[], ione=1, ihh=0; var tarectis=document.getElementById(‘taidea’).getBoundingClientRect(); if (ovid == ”) { ovid=’doverlay’; } else { mss=ovid.replace(‘doverlay’,”); for (var iou=0; iou<eval(” + mss); iou++) { ahh.push(”); } } var defclass=(‘ ‘ + mss).slice(-1).trim(); for (var itih=taih.indexOf(‘<‘); itih<taih.length; itih++) { if (taih.substring(itih).substring(0,1) == String.fromCharCode(10)) { tih+='<br>’; } else if (taih.substring(itih).substring(0,1) == ‘<‘) { tih+='<‘; } else if (taih.substring(itih).substring(0,1) == ‘>’) { tih+=’>’; } else … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged backdrop, backdrop-filter, background, background image, background-position, background-position-x, blockquote, clip-path, clone, collaboration, CSS, dropdown, dynamic, email, filter, form, highlight, HTML, IFRAME, Javascript, justify, mask, multiple, nested, nesting, order, overlay, programming, prompt, recursion, recursive, recursive iframe, select, sharing, she, SMS, textarea, tutorial | Leave a comment

CSS Backdrop Filter Recursive Iframe Tutorial

Posted on June 23, 2025 by admin

Today’s blog posting calls on the previous … Image Filter Display Tutorial … and asking the question we had making this tutorial … Can the CSS filter property applications to HTML img elements also be applied to any form of “background” anything? … with an answer … Sort of … if by “background” we can say “backdrop” to a nested, say, HTML div element, with some wording, in turn hosted by a, say, HTML div element that has a “background” image going on. … via CSS properties like … backdrop-filter: sepia(100%); … usage Today’s work clones off a clone (using the work of yesterday’s CSS Mask HTML Element Recursive Iframe Tutorial) with a new “how we got there” initial cloned draft web application also shown below. Previous relevant CSS Mask HTML Element Recursive Iframe Tutorial is shown below. Often concept ideas you have for web applications have so much in common with something you’ve been working on, you’d be pretty foolish to not heed the adage … Don’t let the perfect be the enemy of the good. … and one way we find to help here is … “cloning” web applications on the understanding that what they have in common so far outweighs what the differences are that you push ahead, and wait and see what the issues are, after that initial “cloning” (usually) huge saving of development time With that in mind, today, we’re adding off yesterday’s CSS Background Position Revisit Recursive Iframe Tutorial efforts, a … Mask an HTML Element via CSS … clone of it with those “midstream” SMS and email recursive iframe smarts (built in) to create a new “how we got there” initial cloned draft web application also shown below. Previous relevant CSS Background Position Revisit Recursive Iframe Tutorial is shown below. Onto yesterday’s CSS Background Position Revisit Tutorial, today we’re offering … SMS … or … email … means of sharing your CSS work, as an interactive user, but on this occasion, we have a big gulf regarding what these two options can achieve, due to data length limits. SMS … just the last styling change is transferred to the recipient as what they see … whereas … email … records all user changes to the blockquote element and presents them to the recipient with the most recent topmost down to the original down the bottom of a stack of HTML iframe elements called recursively So, what do we mean by “called recursively“? Well, like a linked list, our web application always contains an HTML iframe initially … <iframe frameborder=0 src=’/About_Us.html’ id=ifbot style=display:none;width:100%;height:6000px;></iframe> … down the bottom of it’s body element. The document.body onload event Javascript logic call as per onl(”); now includes … var inta=”, startstyle=”; var intas=[]; if (document.URL.indexOf(‘Cjxi’) != -1) { intas=document.URL.split(‘Cjxi’); for (var inm=1; inm<intas.length; inm++) { intas[eval(-1 + inm)]=decodeURIComponent(decodeURIComponent(escape(atob(‘Cjxi’ + intas[inm])))); } } inta=(location.search + (” + location.hash).replace(/^undefined/g,”).replace(/^null/g,”)).split(‘taidea’ + … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged backdrop, backdrop-filter, background, background image, background-position, background-position-x, blockquote, clip-path, clone, collaboration, CSS, dropdown, dynamic, email, filter, form, HTML, IFRAME, Javascript, justify, mask, multiple, nested, nesting, order, programming, prompt, recursion, recursive, recursive iframe, select, sharing, she, SMS, textarea, tutorial | Leave a comment

CSS Mask HTML Element Recursive Iframe Tutorial

Posted on June 22, 2025 by admin

Often concept ideas you have for web applications have so much in common with something you’ve been working on, you’d be pretty foolish to not heed the adage … Don’t let the perfect be the enemy of the good. … and one way we find to help here is … “cloning” web applications on the understanding that what they have in common so far outweighs what the differences are that you push ahead, and wait and see what the issues are, after that initial “cloning” (usually) huge saving of development time With that in mind, today, we’re adding off yesterday’s CSS Background Position Revisit Recursive Iframe Tutorial efforts, a … Mask an HTML Element via CSS … clone of it with those “midstream” SMS and email recursive iframe smarts (built in) to create a new “how we got there” initial cloned draft web application also shown below. Previous relevant CSS Background Position Revisit Recursive Iframe Tutorial is shown below. Onto yesterday’s CSS Background Position Revisit Tutorial, today we’re offering … SMS … or … email … means of sharing your CSS work, as an interactive user, but on this occasion, we have a big gulf regarding what these two options can achieve, due to data length limits. SMS … just the last styling change is transferred to the recipient as what they see … whereas … email … records all user changes to the blockquote element and presents them to the recipient with the most recent topmost down to the original down the bottom of a stack of HTML iframe elements called recursively So, what do we mean by “called recursively“? Well, like a linked list, our web application always contains an HTML iframe initially … <iframe frameborder=0 src=’/About_Us.html’ id=ifbot style=display:none;width:100%;height:6000px;></iframe> … down the bottom of it’s body element. The document.body onload event Javascript logic call as per onl(”); now includes … var inta=”, startstyle=”; var intas=[]; if (document.URL.indexOf(‘Cjxi’) != -1) { intas=document.URL.split(‘Cjxi’); for (var inm=1; inm<intas.length; inm++) { intas[eval(-1 + inm)]=decodeURIComponent(decodeURIComponent(escape(atob(‘Cjxi’ + intas[inm])))); } } inta=(location.search + (” + location.hash).replace(/^undefined/g,”).replace(/^null/g,”)).split(‘taidea’ + eqis)[1] ? ourdecodeURIComponent((location.search + (” + location.hash).replace(/^undefined/g,”).replace(/^null/g,”)).split(‘taidea’ + eqis)[1].split(‘&’)[0]).replace(/\+/g,plus) : ”; if (inta.indexOf(‘background’) == 0) { startstyle=inta; inta=”; } var preint=”; preint=inta.split(‘blockquote’)[0]; if (eval(” + intas.length) == 0) { intas=(inta + ‘ ‘).substring(preint.length).split(‘<blockquote’); } var nextinta=”; function onl(altta) { var outta=inta; if (altta == ” && eval(” + intas.length) > 1) { nextinta=inta.replace(preint + intas[0], ”); document.getElementById(‘hrbot’).style.display=’block’; if (is64) { document.getElementById(‘ifbot’).src=document.URL.split(‘?’)[0].split(‘#’)[0] + ‘?#taidea=’ + ourencodeURIComponent(nextinta); } else { document.getElementById(‘ifbot’).src=document.URL.split(‘?’)[0].split(‘#’)[0] + ‘?#taidea=’ + encodeURIComponent(nextinta); } document.getElementById(‘ifbot’).style.display=’block’; inta=preint + intas[0]; outta=inta; intas=[]; } if (altta == ” && inta != ”) { if (eval(” + inta.split(‘repeat;’).length) > 1) { origdefopt=(inta.split(‘repeat;’)[1].split(‘;’)[0].split(‘”‘)[0] + ‘;’).replace(/^\;/g,”); document.getElementById(‘defopt’).innerHTML=’Styling idea [‘ + origdefopt + ‘]’; defoptit=origdefopt; } } if (altta != ”) { outta=altta; } if (outta == ”) { outta=document.getElementById(‘divhost’).innerHTML; } else { document.getElementById(‘divhost’).innerHTML=outta; document.getElementById(‘taidea’).value=document.getElementById(‘divhost’).innerHTML; if (altta != ”) { if (eval(” + altta.split(‘repeat;’).length) > … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, background image, background-position, background-position-x, blockquote, clip-path, clone, collaboration, CSS, dropdown, dynamic, email, form, HTML, IFRAME, Javascript, justify, mask, multiple, order, programming, prompt, recursion, recursive, recursive iframe, select, sharing, she, SMS, textarea, tutorial | Leave a comment

CSS Background Position Revisit Recursive Iframe Tutorial

Posted on June 21, 2025 by admin

Onto yesterday’s CSS Background Position Revisit Tutorial, today we’re offering … SMS … or … email … means of sharing your CSS work, as an interactive user, but on this occasion, we have a big gulf regarding what these two options can achieve, due to data length limits. SMS … just the last styling change is transferred to the recipient as what they see … whereas … email … records all user changes to the blockquote element and presents them to the recipient with the most recent topmost down to the original down the bottom of a stack of HTML iframe elements called recursively So, what do we mean by “called recursively“? Well, like a linked list, our web application always contains an HTML iframe initially … <iframe frameborder=0 src=’/About_Us.html’ id=ifbot style=display:none;width:100%;height:6000px;></iframe> … down the bottom of it’s body element. The document.body onload event Javascript logic call as per onl(”); now includes … var inta=”, startstyle=”; var intas=[]; if (document.URL.indexOf(‘Cjxi’) != -1) { intas=document.URL.split(‘Cjxi’); for (var inm=1; inm<intas.length; inm++) { intas[eval(-1 + inm)]=decodeURIComponent(decodeURIComponent(escape(atob(‘Cjxi’ + intas[inm])))); } } inta=(location.search + (” + location.hash).replace(/^undefined/g,”).replace(/^null/g,”)).split(‘taidea’ + eqis)[1] ? ourdecodeURIComponent((location.search + (” + location.hash).replace(/^undefined/g,”).replace(/^null/g,”)).split(‘taidea’ + eqis)[1].split(‘&’)[0]).replace(/\+/g,plus) : ”; if (inta.indexOf(‘background’) == 0) { startstyle=inta; inta=”; } var preint=”; preint=inta.split(‘blockquote’)[0]; if (eval(” + intas.length) == 0) { intas=(inta + ‘ ‘).substring(preint.length).split(‘<blockquote’); } var nextinta=”; function onl(altta) { var outta=inta; if (altta == ” && eval(” + intas.length) > 1) { nextinta=inta.replace(preint + intas[0], ”); document.getElementById(‘hrbot’).style.display=’block’; if (is64) { document.getElementById(‘ifbot’).src=document.URL.split(‘?’)[0].split(‘#’)[0] + ‘?#taidea=’ + ourencodeURIComponent(nextinta); } else { document.getElementById(‘ifbot’).src=document.URL.split(‘?’)[0].split(‘#’)[0] + ‘?#taidea=’ + encodeURIComponent(nextinta); } document.getElementById(‘ifbot’).style.display=’block’; inta=preint + intas[0]; outta=inta; intas=[]; } if (altta == ” && inta != ”) { if (eval(” + inta.split(‘repeat;’).length) > 1) { origdefopt=(inta.split(‘repeat;’)[1].split(‘;’)[0].split(‘”‘)[0] + ‘;’).replace(/^\;/g,”); document.getElementById(‘defopt’).innerHTML=’Styling idea [‘ + origdefopt + ‘]’; defoptit=origdefopt; } } if (altta != ”) { outta=altta; } if (outta == ”) { outta=document.getElementById(‘divhost’).innerHTML; } else { document.getElementById(‘divhost’).innerHTML=outta; document.getElementById(‘taidea’).value=document.getElementById(‘divhost’).innerHTML; if (altta != ”) { if (eval(” + altta.split(‘repeat;’).length) > 1) { defoptit=(altta.split(‘repeat;’)[1].split(‘;’)[0].split(‘”‘)[0] + ‘;’).replace(/^\;/g,”); document.getElementById(‘defopt’).innerHTML=’Styling idea [‘ + defoptit + ‘]’; } } } if (document.getElementById(‘taidea’).value.indexOf(‘ data-yourown=””‘) == -1 && document.getElementById(‘taidea’).value.indexOf(‘ data-yourown=”‘) != -1) { var newuns=document.getElementById(‘taidea’).value.split(‘ data-yourown=”‘)[1].split(‘”‘)[0].split(‘;,’); for (var inew=0; inew<newuns.length; inew++) { if (document.getElementById(‘mysel’).innerHTML.indexOf(newuns[inew].replace(/\;$/g,”) + ‘;’) == -1) { document.getElementById(‘mysel’).innerHTML+='<option value=”‘ + newuns[inew].replace(/\;$/g,”) + ‘;”>’ + newuns[inew].replace(/\;$/g,”) + ‘;</option>’; } } } if (altta == ”) { if (startstyle != ”) { document.getElementById(‘divhost’).innerHTML=document.getElementById(‘divhost’).innerHTML.replace(document.getElementById(‘divhost’).innerHTML.split(‘ style=”‘)[1].split(‘”‘)[0], startstyle); document.getElementById(‘taidea’).value=document.getElementById(‘divhost’).innerHTML; } sofares=document.getElementById(‘divhost’).innerHTML; setInterval(keeplooking, 5000); } //else if (sofares.indexOf(document.getElementById(‘divhost’).innerHTML) == -1) { //sofares+=document.getElementById(‘divhost’).innerHTML; //} } function keeplooking() { if (sofares.indexOf(document.getElementById(‘divhost’).innerHTML) == -1) { var vs=sofares; sofares=document.getElementById(‘divhost’).innerHTML + vs; } } … to help make this recursion happen in the changed “second draft” web application also shown below. Previous relevant CSS Background Position Revisit Tutorial is shown below. We are great admirers of HTML and CSS regarding the way multiple background images are possible behind an HTML element. To get to a multiple background image scenario (or even single ones regarding the … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, background image, background-position, background-position-x, blockquote, collaboration, CSS, dropdown, dynamic, email, form, HTML, IFRAME, Javascript, justify, multiple, order, programming, prompt, recursion, recursive, recursive iframe, select, sharing, she, SMS, textarea, tutorial | Leave a comment

CSS Background Position Revisit Tutorial

Posted on June 20, 2025 by admin

We are great admirers of HTML and CSS regarding the way multiple background images are possible behind an HTML element. To get to a multiple background image scenario (or even single ones regarding the basis for this blog posting’s creation), the “Making Of” yesterday’s AlmaLinux Astronomy via PHP and Python PyEphem Revisit Tutorial we thought needed further scrutiny. It’s the HTML blockquote background image of Nala and Luna of most interest, at least to us. It involved the use of CSS … background-position-x:right; … property, for our first time, that we can remember that is. The blockquote styling did something to our … background-size:contain; background-repeat:no-repeat; … “dynamic duo”, again, property combination, truncating imagery to the right (where Nala and Luna, the stars of the show, were) for the first time we’ve ever seen. We were forced to relook at all the background-position type styling properties, and that’s when we came across background-position-x:right as a way to get “the stars” back into the picture. From there, we thought it might be good to write a proof of concept textarea based showing of the styling of that blockquote element involved, and allow the user to modify it either … within the textarea element, on tabbing out of it … or via … some set dropdown alternative CSS property suggestions … and in amongst those dropdown options, via … enter user CSS properties of interest … to see, dynamically, what happens to the WordPress styling conditioned blockquote rendition above the form, to confirm what your CSS would do, using our “first draft” web application also shown below … Previous relevant AlmaLinux Astronomy via PHP and Python PyEphem Revisit Tutorial is shown below. Further to AlmaLinux Astronomy via PHP and Python PyEphem Tutorial … these days RJM Programming is still on AlmaLinux … but on a different IP address and web server to that previous blog posting … but PHP versions have not changed, or not enough to cause any consternation … hence the “relative silence” on our part about it all … but, even so, “things can go wrong”, and on a revisit to our Astronomy web application “things went wrong” … Who’d have thought it?! One of the potential issues was resolved with Code Difference AlmaLinux New Webserver Issue Tutorial allowing for exec and shell_exec usage, for which we thank our web hosters, Crazy Domains. There are other players in this astronomy web application though, they being … Python … called via PHP exec … calling … PyEphem module (most importantly) … and the investigation should start at Python to our mind. Our initial investigation into ephem_astronomy.php code first looking for a path through to Python at … /usr/bin/python … and we saw the difference in Terminal sessions asking three things of our two web servers … Web server The ask … The result is … Old which python /bin/python New which … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, background image, background-position, background-position-x, blockquote, CSS, dropdown, dynamic, form, HTML, Javascript, justify, multiple, programming, prompt, select, textarea, tutorial | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
October 2026

S M T W T F S

1 2 3

4 5 6 7 8 9 10

11 12 13 14 15 16 17

18 19 20 21 22 23 24

25 26 27 28 29 30 31

« Sep
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
Your Background Image
OnTopList

October 2026
S	M	T	W	T	F	S
	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.

This is a thoughtful example of using a single-row layout and scroll behavior to reveal media progressively. I especially liked the way the tutorial ties the gallery to real interaction details rather than treating the UI as a static mockup. For readers experimenting with the next stage of visual prototyping, LTX 2.3 Free collects prompt examples and workflow guidance for planning AI video scenes; the same attention to camera movement and timing is useful when turning a storyboard into motion.

The focus juggling with click() and blur() sounds painful. I ran into the same thing chaining YouTube iframes, the browser keeps handing focus back to whichever player was touched last. Keeping the window small and off to the side is a neat workaround. Any plan to bring Radio Play to mobile?

Word search is such a good project size — enough logic (grid generation, word placement, collision checking) to stay interesting, but still shippable in an afternoon. I came to these kinds of puzzles from the canvas-game side, where the bottleneck turned out to be art assets rather than code; drawing the same character walking in four directions by hand was the worst part, which is why I ended up building a tool that generates walk-cycle sprite sheet candidates from a…

Seeing grammatical terms such as Adjective and Adverb alongside abbreviations such as API highlights how different kinds of words need different explanations. For learners, a one-sentence definition and a short usage example would help distinguish a word's meaning from merely recognizing its spelling. It would also be useful to distinguish an abbreviation's expansion from what it means in context.

Tag Archives: programming

Window Object Screen Member Variables Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: programming

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList