var isf='" . $isf . "'; var mtype=''; var zhr=null; var aform=null; function athen() { document.getElementById('subm').click(); } function readBlob(opt_startByte, opt_stopByte) { var files = document.getElementById('files').files; if (!files.length) { alert('Please select a file!'); return; } file = files[0]; var filen = file.name; mtype = file.type; document.getElementById('dataurip').innerHTML=\"\"; var start = parseInt(opt_startByte) || 0; var stop = parseInt(opt_stopByte) || file.size - 1; var reader = new FileReader(); // If we use onloadend, we need to check the readyState. reader.onloadend = function(evt) { if (evt.target.readyState == FileReader.DONE) { // DONE == 2 document.getElementById('iurl').value='data:' + mtype + ';base64,' + btoa(evt.target.result.split(';base64,')[1]); //document.body.style.background=\"URL('\" + 'data:' + mtype + ';base64,' + evt.target.result.split(';base64,')[1] + \"')\"; document.getElementById('subm').click(); } }; var blob = file.slice(start, stop + 1); reader.readAsDataURL(blob); } function myownfraction(event) { var x=0, y=0; if (event.clientX || event.clientY) { x = event.clientX; y = event.clientY; } else { x = event.pageX; y = event.pageY; } document.getElementById('myform').style.opacity='1.0'; var rect = event.target.getBoundingClientRect(), varn=0, vard=0, iv=0; if (eval('' + x) >= eval('' + rect.left) && eval('' + x) <= eval('' + eval('' + Math.round(rect.left)) + eval('' + Math.round(rect.width)))) { varn = eval('' + eval('' + x) - eval('' + Math.round(rect.left))); vard = eval('' + Math.round(rect.width)); event.target.value='' + eval(eval('' + event.target.min) + (eval('' + varn) / eval('' + vard) * (eval('' + event.target.max) - eval('' + event.target.min)))); document.getElementById('transparency').value='' + eval(eval('' + event.target.min) + (eval('' + varn) / eval('' + vard) * (eval('' + event.target.max) - eval('' + event.target.min)))); if (isf.length > 0) { document.getElementById('ddstyle').innerHTML+=''; } else { document.getElementById('subm').click(); } } } function andthen() { document.getElementById('myform').style.opacity='1.0'; document.getElementById('myform').style.display='block'; } function fadebackin() { var curop=eval('' + document.getElementById('myform').style.opacity); if (curop < 1.0) { curop+=0.01; document.getElementById('myform').style.opacity='' + curop; if (curop < 1.0) { setTimeout(fadebackin, 1000); } } } function onl() { document.querySelector('.readBytesButtons').addEventListener('click', function(evt) { if (evt.target.tagName.toLowerCase() == 'button') { var startByte = evt.target.getAttribute('data-startbyte'); var endByte = evt.target.getAttribute('data-endbyte'); readBlob(startByte, endByte); } }, false); }

Full Sized Fixed Background Image

RJM Programming - October, 2019

Thanks to W3Schools

Image URL:
Transparency:
  
"; ?>