131c131 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 139c139 < document.getElementById('overlay').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('overlay').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 145c145 < document.getElementById('overlay').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('overlay').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 181c181 < document.getElementById('overlay').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); }isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('overlay').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 183c183 < document.getElementById('wdiv').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); }isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('wdiv').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 207c207 < svgmask=prompt('Optionally leave leftmost semicolon delimited CSS of masking SVG or optionally enter triangle or star or words to mask against (where
equates to a line feed). Preceding of answer by rjm uses https://www.rjmprogramming.com.au/ITblog/ tutorial images. Preceding of answer by picsum uses Lorem Picsum https://picsum.photos/ tutorial images, thanks. Preceding of answer by #imagemap opens the door to you converting an image you like into an Image [Map] and you right click or type (sometimes needed is the snapshotting control-command-shift-3 preceding a) control-command-shift-5 to start that process.','radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.0) 50%); linear-gradient(black, transparent); radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.0) 50%); '); --- > svgmask=prompt('Optionally leave leftmost semicolon delimited CSS of masking SVG or optionally enter triangle or star or words to mask against (where
equates to a line feed). Answer of rjm uses https://www.rjmprogramming.com.au/ITblog/ tutorial images. Answer of picsum uses Lorem Picsum https://picsum.photos/ tutorial images, thanks. Answer of #imagemap opens the door to you converting an image you like into an Image [Map] and you right click or type (sometimes needed is the snapshotting control-command-shift-3 preceding a) control-command-shift-5 to start that process.','radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.0) 50%); linear-gradient(black, transparent); radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.0) 50%); '); 210c210 < svgmask=prompt('Optionally leave leftmost semicolon delimited CSS of masking SVG or optionally enter triangle or star or words to mask against (where
equates to a line feed). Preceding of answer by rjm uses https://www.rjmprogramming.com.au/ITblog/ tutorial images. Preceding of answer by picsum uses Lorem Picsum https://picsum.photos/ tutorial images, thanks. Preceding of answer by #imagemap opens the door to you converting an image you like into an Image [Map] and you right click to start that process.','radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.0) 50%); linear-gradient(black, transparent); radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.0) 50%); '); --- > svgmask=prompt('Optionally leave leftmost semicolon delimited CSS of masking SVG or optionally enter triangle or star or words to mask against (where
equates to a line feed). Answer of rjm uses https://www.rjmprogramming.com.au/ITblog/ tutorial images. Answer of picsum uses Lorem Picsum https://picsum.photos/ tutorial images, thanks. Answer of #imagemap opens the door to you converting an image you like into an Image [Map] and you right click to start that process.','radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.0) 50%); linear-gradient(black, transparent); radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.0) 50%); '); 212c212,216 < if (('' + svgmask).indexOf('rjm') == 0) { --- > if (('' + svgmask) == 'picsum') { > domain='picsum.photos/'; > mm=".webp"; > svgmask=''; > } else if (('' + svgmask) == 'rjm') { 216,227c220,223 < } else if (('' + svgmask).indexOf('#imagemap') == 0) { < if (mm == '/' && document.URL.indexOf('?') != -1) { < window.open(document.URL.replace('.html','.htm').replace('?','?rjm=y&'),'_blank'); < } else if (mm == '/' && document.URL.indexOf('?') == -1) { < window.open(document.URL.replace('.html','.htm').replace('#','?rjm=y#'),'_blank'); < } else { < window.open(document.URL.split('?')[0].split('#')[0].replace('.html','.htm') + '#imagemap','_blank'); < } < svgmask=''; < } else if (('' + svgmask) == 'picsum') { < domain='picsum.photos/'; < mm=".webp"; --- > } else if (('' + svgmask) == '#imagemap') { > immap=true; > titleis=titleis.replace(' for image background(s) ...', ' for image background(s). Please note that right click ' + extdfs + ' can help create Image Maps from image basis being shown here ...'); > document.body.title=document.body.title.replace(' for image background(s) ...', ' for image background(s). Please note that right click ' + extdfs + ' can help create Image Maps from image basis being shown here ...'); 229c225 < } --- > } 239c235 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 255c251 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 262c258 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 272c268 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; 279c275 < document.getElementById('ovimage').ondblclick = function(evt) { if (immap && !holdoff) { holdoff=true; wowo=window.open('/HTMLCSS/user_of_signature_signature.htm?notsure=y&height=' + eval(0.75 * eval('' + myimheight)) + '&width=' + eval(0.75 * eval('' + myimwidth)) + '&imagemap=url#' + myco.toDataURL('image/jpeg',0.9), '_blank', 'top=20,left=20,width=' + eval(-40 + screen.width) + ',height=' + eval(-40 + screen.height)); setTimeout(noholds, 30000); } isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); }; --- > document.getElementById('ovimage').ondblclick = function(evt) { isok=false; if (wois) { if (!wois.closed) { wois.close(); } } wois=window.open(('' + document.body.style.background).split(')')[0].split('(')[1].replace("'","").replace("'","").replace('"','').replace('"',''), '_blank', 'left=0,top=0,width=' + screen.width + ',height=' + screen.height); };