6c6
<     background: url('//www.rjmprogramming.com.au/dappled_light.jpg'); 
---
>     background-image: url('//www.rjmprogramming.com.au/dappled_light.jpg'); 
13c13
<   var disturb=true, lastchoice='', firstchoice='';
---
>   var disturb=true;
15,112d14
<   var firsturl='//www.rjmprogramming.com.au/dappled_light.jpg', lastmultpos='', firstmultpos='top left', lasturl='', numb=2, actnumb=1;
<   var prebrest=' ' + eval(-15 + eval(screen.width / numb)) + 'px ' + eval(-15 + eval(screen.height / numb)) + 'px ';
<   var brest=' ' + firstmultpos + ' no-repeat';
<   var blist='', bposlist='', bcomblist='';
<   
<   function dosize(dc) {
<     var suffdc='';
<     numb=2;
<     while (actnumb > eval(numb * numb)) {
<       numb++;
<     }
<     for (var ij=0; ij<actnumb; ij++) {
<        if (suffdc == '') { 
<          suffdc=' !important; } .background-image { background-size: ' + ' ' + eval(-15 + eval(screen.width / numb)) + 'px ' + eval(-15 + eval(screen.height / numb)) + 'px'; 
<        } else {
<          suffdc+=',' + ' ' + eval(-15 + eval(screen.width / numb)) + 'px ' + eval(-15 + eval(screen.height / numb)) + 'px';
<        }
<     }
<     return dc.replace(/url\(/g, 'linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)),url(') + suffdc;
<   }
<   
<   function restatebackground() {
<     if (lasturl != '' && lastmultpos != '') {
<     //alert('lasturl=' + lasturl);
<     actnumb++;
<     blist+=',url("' + lasturl + '")';
<     bposlist+=',' + lastmultpos + '';
<     bcomblist+=',url("' + lasturl + '") ' + lastmultpos + ' no-repeat';
<     document.getElementsByTagName('div')[0].style.background=bcomblist;
<     lasturl='';
<     lastmultpos='';
<     return '<style> .background-image { background: ' + dosize(bcomblist) + ' !important; } </style>';
<     }
<     return '';
<   }
<   
<   function wellthatisinteresting(inval) {
<     switch (inval) {
<       case 'top left':
<       case 'top center':
<       case 'top right':
<       case 'center left':
<       case 'center center':
<       case 'center right':
<       case 'bottom left':
<       case 'bottom center':
<       case 'bottom right':
<        firstmultpos=inval.toLowerCase();
<        firstchoice=inval;
<        lastchoice=inval;
<        blist='url("' + firsturl + '")';
<        prebrest=' ' + eval(-15 + eval(screen.width / numb)) + 'px ' + eval(-15 + eval(screen.height / numb)) + 'px ';
<        bcomblist='url("' + firsturl + '") ' + firstmultpos + ' no-repeat';
<        brest=' ' + firstmultpos + ' no-repeat';
<        //alert(brest);
<        bposlist=firstmultpos;
<        setTimeout(capitalize, 2000);
<        break;
< 
<       case 'top left'.toUpperCase():
<       case 'top center'.toUpperCase():
<       case 'top right'.toUpperCase():
<       case 'center left'.toUpperCase():
<       case 'center center'.toUpperCase():
<       case 'center right'.toUpperCase():
<       case 'bottom left'.toUpperCase():
<       case 'bottom center'.toUpperCase():
<       case 'bottom right'.toUpperCase():
<        lastmultpos=inval.toLowerCase();
<        //alert(lastmultpos);
<        setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<        break;
<        
<       default:
<        break;
<     }
<   
<     return inval;
<   }
<   
<   function capitalize() {
<    var jsts=['top left','top center','top right','center left','center center','center right','bottom left','bottom center','bottom right'];
<    var suffbit='';
<       
<    if (lastchoice != '') {
<     var thatih=document.getElementById('mysel').innerHTML;
<     if (thatih.indexOf('"' + lastchoice + '"') != -1) {
<       for (var ij=0; ij<jsts.length; ij++) {
<          if (thatih.indexOf('"' + jsts[ij] + '"') != -1) {
<            suffbit=thatih.split(jsts[ij] + '"')[1].split('</option>')[0];
<            thatih=thatih.replace(jsts[ij] + '"' + suffbit, jsts[ij].toUpperCase() + '"' + suffbit.split(';')[0] + '; /* next usage will await a new background image below */');
<          }
<       }
<     }
<     document.getElementById('mysel').innerHTML=thatih;
<    }
<    
<   }
118,120c20
<       if (wellthatisinteresting(sin.options[i].value) != '') {
<       if (sin.options[i].value != '' && sin.options[i].value == sin.options[i].value.toUpperCase()) {  return ''; }
<         //alert('hopefully not');
---
>       if (sin.options[i].value != '') {
126,127d25
<         } else if (isbut && sin.options[i].innerText.indexOf('transform:') != -1 && dsbit.indexOf('transform:') != -1) {
<         dsbit=dsbit.replace('transform:', 'transform: ' + sin.options[i].innerText.split('transform:')[1].split(';')[0] + ' ');
259,265c157
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("' + (mprefix + mwc.value) + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("' + (mprefix + mwc.value) + '")';
267,273c159
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("//' + (mprefix + mwc.value).split('//')[1] + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("//' + (mprefix + mwc.value).split('//')[1] + '")';
275,281c161
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("//' + (mprefix + mwc.value).split('//')[1] + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("//' + (mprefix + mwc.value).split('//')[1] + '")';
283,289c163
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value) + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value) + '")';
291,297c165
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value).substring(1) + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value).substring(1) + '")';
299,305c167
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=(mprefix + mwc.value);
<       document.getElementsByTagName('div')[0].style.background='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value).substring(2) + '")' + brest;
<       } else {
<       lasturl=(mprefix + mwc.value);
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
---
>       document.getElementsByTagName('div')[0].style.backgroundImage='url("//' + document.URL.split('//')[1].split('/')[0] + (mprefix + mwc.value).substring(2) + '")';
322,323d183
<       if (document.getElementById('mysel').innerHTML.indexOf('"top left"') != -1) {
<       firsturl=absare[iabs].src;
325,328d184
<       } else {
<       lasturl=absare[iabs].src;
<       setTimeout(function(){ document.getElementById('dstyles').innerHTML+=restatebackground(); }, 2000);
<       }
351c207
< <select style=background-color:rgb(234,232,247); id=mysel size=34 onchange=assess(false,this); multiple>
---
> <select style=background-color:rgb(234,232,247); id=mysel size=21 onchange=assess(false,this); multiple>
363,375d218
< <option value='transform-origin' id=opttranform-origin ontouchend=maybechange(this); oncontextmenu=maybechange(this);>transform-origin: 500px 500px;</option>
< <option value='rotate' id=optrotate ontouchend=maybechange(this); oncontextmenu=maybechange(this);>transform: rotate(120deg);</option>
< <option value='scale' id=optscale ontouchend=maybechange(this); oncontextmenu=maybechange(this);>transform: scale(0.5,0.5);</option>
< <option value='translate' id=opttranslate ontouchend=maybechange(this); oncontextmenu=maybechange(this);>translate: -200px 60px;</option>
< <option value='top left'>background-position: top left; /* for multiple backgrounds */</option>
< <option value='top center'>background-position: top center; /* for multiple backgrounds */</option>
< <option value='top right'>background-position: top right; /* for multiple backgrounds */</option>
< <option value='center left'>background-position: center left; /* for multiple backgrounds */</option>
< <option value='center center'>background-position: center center; /* for multiple backgrounds */</option>
< <option value='center right'>background-position: center right; /* for multiple backgrounds */</option>
< <option value='bottom left'>background-position: bottom left; /* for multiple backgrounds */</option>
< <option value='bottom center'>background-position: bottom center; /* for multiple backgrounds */</option>
< <option value='bottom right'>background-position: bottom right; /* for multiple backgrounds */</option>
387c230
< <button id=mybut onclick=assess(true,document.getElementById('mysel')); style=background-color:yellow;>Display</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onfocus='disturb=false;' onlosefocus='disturb=true;' onblur='disturb=butjustlook(this);' title='Is applied to right click or gestured number option wording above.  For more than one number comma separate.  Will accept a relative or absolute image URL to represent background image data to display.  Will accept a whole CSS clause of your own eg. filter: sepia(54%);' placeholder='But my CSS number is ...' id=mynum value=''></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onfocus='disturb=false;' onlosefocus='disturb=true;' onblur='disturb=true; maybesend(event);' title='Email or SMS to' placeholder='Email or SMS to ...' id=myes value=''></input>&nbsp;&nbsp;<a style=text-decoration:none;cursor:pointer; onclick=" document.getElementById('alocal').innerHTML='&#128194;'; if (arwo) { if (!arwo.closed) { arwo.close();  } arwo=null;  } arwo=window.open('/HTMLCSS/client_browsing.htm','_blank','top=' + eval(-400 + screen.height) + ',left=' + eval(-1050 + screen.width) + ',width=500,height=400');" target=_blank id=alocal title='Local image file browsing.'>&#128193;</a>
---
> <button id=mybut onclick=assess(true,document.getElementById('mysel')); style=background-color:yellow;>Display</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onfocus='disturb=false;' onlosefocus='disturb=true;' onblur='disturb=butjustlook(this);' title='Is applied to right click or gestured number option wording above.  For more than one number comma separate.  Will accept a relative or absolute image URL to represent background image data to display.  Will accept a whole CSS clause of your own eg. filter: sepia(54%);' placeholder='But my CSS number is ...' id=mynum value=''></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input onfocus='disturb=false;' onlosefocus='disturb=true;' onblur='disturb=true; maybesend(event);' title='Email or SMS to' placeholder='Email or SMS to ...' id=myes value=''></input>&nbsp;&nbsp;<a style=text-decoration:none;cursor:pointer; onclick=" document.getElementById('alocal').innerHTML='&#128194;'; if (arwo) { if (!arwo.closed) { arwo.close();  } arwo=null;  } arwo=window.open('//www.rjmprogramming.com.au/HTMLCSS/client_browsing.htm','_blank','top=' + eval(-400 + screen.height) + ',left=' + eval(-1050 + screen.width) + ',width=500,height=400');" target=_blank id=alocal title='Local image file browsing.'>&#128193;</a>