19c19
<   var signs=['+','-','x','/'], isign=0, issvg=0; //false;
---
>   var signs=['+','-','x','/'], isign=0;
54,66d53
< 
<   function stopit(incsv) {
<     //alert(incsv);
<     // <stop offset='0%' stop-color='#f00'/><stop offset='100%' stop-color='#0ff'/>
<     var incsvs=incsv.split('%, ');
<     var outstops="<stop offset='0%' stop-color='" + incsvs[0].split(' ')[0] + "'/>";
<     for (var iis=1; iis<incsvs.length; iis++) {
<       outstops+="<stop offset='" + (incsvs[iis].split(' ')[1].trim() + "%").replace('%%','%') + "' stop-color='" + incsvs[iis].split(' ')[0] + "'/>";
<     }
<     //alert(outstops);
<     //document.getElementById('atend').title=outstops.replace(/255/g, '127');
<     return outstops.replace(/255/g, '127');
<   }
73c60
<     if (gprefix == 'conic' && issvg == 0) {
---
>     if (gprefix == 'conic') {
82d68
<     if (document.getElementById('atend')) {
98d83
<     }
131,152c116,117
<         if (issvg > 0) {
<         var mySVG = "<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='#F00'/><stop offset='90%' stop-color='#fcc'/> </linearGradient><rect fill='url(#gradient)' x='0' y='0' width='100%' height='100%'/></svg>";
<         if (issvg == 1) {
<           mySVG="<svg xmlns='http://www.w3.org/2000/svg' width='" + pwidth + "' height='" + pheight + "' viewport='0 0 100 100'><linearGradient id='test'>" + stopit(newlist) + " </linearGradient><circle fill='url(#test)' cx='" + eval(pwidth / 2) + "' cy='" + eval(pheight / 2) + "' r='" + eval(pwidth / 2) + "' stroke='none' stroke-width='12'/></svg>"; //.replace(/\~/g, String.fromCharCode(10));
<         } else if (issvg == 2) {
<           mySVG="<svg xmlns='http://www.w3.org/2000/svg' width='" + pwidth + "' height='" + pheight + "' viewport='0 0 100 100'><linearGradient id='test'>" + stopit(newlist) + " </linearGradient><rect fill='url(#test)' width='" + eval(pwidth / 1) + "' height='" + eval(pheight / 1) + "' stroke='none' stroke-width='12'/></svg>"; //.replace(/\~/g, String.fromCharCode(10));
<         }
<         document.getElementById('atend').innerHTML=mySVG;
<         if (issvg == 1) {
<          mySVG="<svg xmlns='http://www.w3.org/2000/svg' width='" + pwidth + "' height='" + pheight + "' viewport='0 0 100 100'><linearGradient id='testr'>" + stopit(newlistr) + " </linearGradient><circle fill='url(#testr)' cx='" + eval(pwidth / 2) + "' cy='" + eval(pheight / 2) + "' r='" + eval(pwidth / 2) + "' stroke='none' stroke-width='12'/></svg>"; //.replace(/\~/g, String.fromCharCode(10));
<         } else if (issvg == 2) {
<          mySVG="<svg xmlns='http://www.w3.org/2000/svg' width='" + pwidth + "' height='" + pheight + "' viewport='0 0 100 100'><linearGradient id='testr'>" + stopit(newlistr) + " </linearGradient><rect fill='url(#testr)' width='" + eval(pwidth / 1) + "' height='" + eval(pheight / 1) + "' stroke='none' stroke-width='12'/></svg>"; //.replace(/\~/g, String.fromCharCode(10));
<         }
<         document.getElementById('atright').innerHTML=mySVG;
<         document.getElementById('dstyle').innerHTML+='<style>' + ' #atend { background-image: none !important; } </style>';
<         document.getElementById('dstyle').innerHTML+='<style>' + ' #atright { background-image: none !important; } </style>';
<         } else {
<         document.getElementById('atend').innerHTML='';
<         document.getElementById('atright').innerHTML='';
<         document.getElementById('dstyle').innerHTML+='<style>' + ' #atend { background-image: ' + gprefix.toLowerCase() + '-gradient(' + newlist + ') !important; } </style>';
<         document.getElementById('dstyle').innerHTML+='<style>' + ' #atright { background-image: ' + gprefix.toLowerCase() + '-gradient(' + newlistr + ') !important; } </style>';
<         }
---
>         document.getElementById('dstyle').innerHTML+='<style>' + ' #atend { background-image: ' + gprefix + '-gradient(' + newlist + ') !important; } </style>';
>         document.getElementById('dstyle').innerHTML+='<style>' + ' #atright { background-image: ' + gprefix + '-gradient(' + newlistr + ') !important; } </style>';
222,223c187,188
<     var ans='', sufans='  Enter + to solve fractional equations.  Enter @ to toggle among conic and linear and radial gradient and SVG circle and rectangle display.  Enter nothing with OK will reshow "cake".';
<     if (eqmode) { sufans='  Enter - to just solve leftmost fractional question.  Enter @ to toggle among conic and linear and radial gradient and SVG circle and rectangle display.  Enter nothing with OK will reshow "cake".'; }
---
>     var ans='', sufans='  Enter + to solve fractional equations.  Enter @ to toggle among conic and linear and radial gradient display.  Enter nothing with OK will reshow "cake".';
>     if (eqmode) { sufans='  Enter - to just solve leftmost fractional question.  Enter @ to toggle among conic and linear and radial gradient display.  Enter nothing with OK will reshow "cake".'; }
232,262c197,199
<       if (('' + ans).trim() == '+') { eqmode=true; sufans='  Enter - to just solve leftmost fractional question.  Enter @ to toggle among conic and linear and radial gradient and SVG circle and rectangle display.'; document.getElementById('myrtd').style.display='table-cell'; document.getElementById('mymtd').style.display='table-cell';  isign=eval(0 + Math.floor(Math.random() * signs.length)); document.getElementById('ssign').value=signs[isign]; setTimeout(ask,2000); return ''; }
<       if (('' + ans).trim() == '-') { eqmode=false; sufans='  Enter + to solve fractional equations.  Enter @ to toggle among conic and linear and radial gradient and SVG circle and rectangle display.'; document.getElementById('myrtd').style.display='none';  document.getElementById('mymtd').style.display='none'; setTimeout(ask,2000); return ''; }
<       if (('' + ans).trim().substring(0,1) == '@') { 
<       while (('' + ans).trim().substring(0,1) == '@') { 
<         if (gprefix == 'conic') { 
<           issvg=0; 
<           gprefix='linear';  fromprefix='border-radius: ' + pbr + 'px;', toprefix="margin-top: 0px;"; 
<         } else if (gprefix == 'linear') {  
<           issvg=0; 
<           gprefix='radial';  toprefix='border-radius: ' + pbr + 'px;', fromprefix="margin-top: 0px;";   
<        } else if (gprefix == 'radial') { 
<           gprefix='Conic';
<           issvg=1; 
<         } else if (gprefix == 'Conic') { 
<           gprefix='CONIC';
<           issvg=2; 
<         } else {   
<           issvg=0; 
<           gprefix='conic';  toprefix='border-radius: ' + pbr + 'px;', fromprefix="margin-top: 0px;";     
<         }
<         ans=ans.replace('@','');
<       }
<       document.getElementById('mytable').innerHTML=document.getElementById('mytable').innerHTML.replace(fromprefix, toprefix).replace(fromprefix, toprefix);  
<       document.getElementById('myrtd').innerHTML=document.getElementById('myrtd').innerHTML.replace(fromprefix, toprefix);   
<       document.getElementById('mytd').innerHTML=document.getElementById('mytd').innerHTML.replace(fromprefix, toprefix); 
<       //alert('out of here with gprefix=' + gprefix + ' and issvg=' + issvg);
<       opacity='0.9'; 
<       denominator=denominator.slice(-1); 
<       if (1 == 2) { setTimeout(ask, 4000); } 
<       return '';
<       }  
---
>       if (('' + ans).trim() == '+') { eqmode=true; sufans='  Enter - to just solve leftmost fractional question.  Enter @ to toggle among conic and linear and radial gradient display.'; document.getElementById('myrtd').style.display='table-cell'; document.getElementById('mymtd').style.display='table-cell';  isign=eval(0 + Math.floor(Math.random() * signs.length)); document.getElementById('ssign').value=signs[isign]; setTimeout(ask,2000); return ''; }
>       if (('' + ans).trim() == '-') { eqmode=false; sufans='  Enter + to solve fractional equations.  Enter @ to toggle among conic and linear and radial gradient display.'; document.getElementById('myrtd').style.display='none';  document.getElementById('mymtd').style.display='none'; setTimeout(ask,2000); return ''; }
>       if (('' + ans).trim() == '@') { if (gprefix == 'conic') { gprefix='linear';  fromprefix='border-radius: ' + pbr + 'px;', toprefix="margin-top: 0px;"; } else if (gprefix == 'linear') {  gprefix='radial';  toprefix='border-radius: ' + pbr + 'px;', fromprefix="margin-top: 0px;";   } else {   gprefix='conic';  toprefix='border-radius: ' + pbr + 'px;', fromprefix="margin-top: 0px;";   }    document.getElementById('mytable').innerHTML=document.getElementById('mytable').innerHTML.replace(fromprefix, toprefix).replace(fromprefix, toprefix);  document.getElementById('myrtd').innerHTML=document.getElementById('myrtd').innerHTML.replace(fromprefix, toprefix);   document.getElementById('mytd').innerHTML=document.getElementById('mytd').innerHTML.replace(fromprefix, toprefix); opacity='0.9'; denominator=denominator.slice(-1); if (1 == 2) { setTimeout(ask, 4000); } return '';  }  
314,323d250
<   }
<   
<   function onl() {
< var mySVG = "<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='#F00'/><stop offset='90%' stop-color='#fcc'/> </linearGradient><rect fill='url(#gradient)' x='0' y='0' width='100%' height='100%'/></svg>";
< mySVG =     "<svg xmlns='http://www.w3.org/2000/svg' width='500' height='500'><linearGradient id='test'><stop offset='0%' stop-color=''#f00'/><stop offset='100%' stop-color='#0ff'/> </linearGradient><circle fill='url(#test)' cx='50' cy='50' r='40' fill='none' stroke-width='6'/></svg>"; //.replace(/\~/g, String.fromCharCode(10));
< var mySVG64 = window.btoa(mySVG);
< prompt(mySVG64, mySVG64);
< //document.getElementById('mydiv').style.backgroundImage = "url('data:image/svg+xml;base64," + mySVG64 + "')";
< document.body.innerHTML+='<div style="width:500px; height:500px; display: block; background-image: ' + "url('data:image/svg+xml;base64," + mySVG64 + "');" + '"' + "></div>";
< document.getElementById('premydiv').innerHTML=mySVG;