5c5
< <script type='text/javascript' src='csv_to_bubblechart.js?x=ff'></script>
---
> <script type='text/javascript' src='csv_to_bubblechart.js?x=f'></script>
8c8
<  // https://www.rjmprogramming.com.au/HTMLCSS/csv_to_bubblechart.html?sel1=X&sel2=&sel3=Legend&sel4=ID&sel5=Sizer&sel6=Y&csv=https://www.rjmprogramming.com.au/HTMLCSS/mp.csv#Most Popular Baby Names by Mother Ethnic Group in New York City USA
---
>  // https://www.rjmprogramming.com.au/HTMLCSS/csv_to_bubblechart.html?sel1=X&sel2=&sel3=Legend&sel4=ID&sel5=Sizer&sel6=Y&csv=https://www.rjmprogramming.com.au/HTMLCSS/mp.csv##Most Popular Baby Names by Mother Ethnic Group in New York City USA
14,48d13
<  var csvdata='';
< 
< var w = null;
< var done=false;
< var okay=true;
<   
< function process(infilecontents) {
<     if (infilecontents != null) {
<         document.getElementById('fil').value='';
<         done=false;
<     }
< }
< 
< function aalater() {
<     readBlob(0,0); //document.getElementById('pbutton').click();
< }
< 
< function alater() {
<   if (!done) {
<     var files = document.getElementById('file').files;
<     if (files.length) {
<       w = files[0].name;
<       //alert(w);
<       document.getElementById('fil').value = w;
<     }
<     if (document.getElementById('fil').value != '') {
<       done=true;
<       setTimeout(aalater, 5000);
<     } else {
<       setTimeout(alater, 1000);
<     }
<   }
< }
< 
< 
51,58c16
<  function loadCSV(inurl) {
<            var url=document.URL.split(":")[0] + ":" + inurl.replace("http:","").replace("HTTP:","").replace("Http:","").replace("https:","").replace("HTTPS:","").replace("Https:","");
<            if (inurl != '' && inurl.trim() == '') {
<            if (csvdata != '') {
<              check_if(document.getElementById('myiframe'),csvdata);
<              //alert('' + rawcsv.length + ' ... ' + csvlines.length);
<            }
<            } else {
---
>  function loadCSV(url) {
79d36
<            }
143d99
<    setTimeout(alater, 1000);
167,237d122
< 
< function readBlob(opt_startByte, opt_stopByte) {
< 
<     var files = document.getElementById('file').files;
<     if (!files.length) {
<       alert('Please select a CSV file!');
<       return;
<     } else {
<       w = files[0].name;
<       //alert(w);
<       document.getElementById('fil').value = w;
<     }
< 
<     var file = files[0];
<     var start = parseInt(opt_startByte) || 0;
<     var stop = parseInt(opt_stopByte) || file.size - 1;
< 
<     var readertwo = new FileReader();
<     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
<         if (okay) {
<         csvdata=evt.target.result;
<         document.getElementById('maybetitle').value=' ';
<         ob(document.getElementById('maybetitle').value);
<         //document.getElementById('pdf').style.display='none';
<         //document.getElementById('pdf').innerHTML = evt.target.result;
<         //alert('preclick ... ' + evt.target.result);
<         //document.getElementById('submit').click();
<         //cis.document.write(evt.target.result.replace(/</g, '&lt;').replace(/>/g, '&gt;'));
<         //document.body.innerHTML = document.body.innerHTML + '<div id=be style=display:block;>' + evt.target.result.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</div>';
<         //document.getElementById('byte_content').textContent = evt.target.result;
<         //document.getElementById('byte_range').textContent = 
<         //    ['Read bytes: ', start + 1, ' - ', stop + 1,
<         //     ' of ', file.size, ' byte file'].join('');
<         process(evt.target.result);
<         } else {
<         document.getElementById('fil').value='';
<         done=false;
<         alert('Not a CSV file!');
<         okay=true;
<         document.getElementById('pdf').style.display='block';
<         location.href=document.URL;
<         }
<       }
<     };
< 
<     readertwo.onloadend = function(evt) {
<       if (evt.target.readyState == FileReader.DONE) { // DONE == 2
<        if (('' + evt.target.result + '    ').indexOf(',') != -1) {
<         csvdata=evt.target.result;
<         //alert(csvdata);
<         document.getElementById('maybetitle').value=' ';
<         ob(document.getElementById('maybetitle').value);
<         //document.getElementById('pdf').style.display='none';
<         //document.getElementById('showpdf').style.display='block';
<         //document.getElementById('showpdf').innerHTML = evt.target.result;
<        } else {
<         okay=false;
<        }
<       }
<     };
< 
<     var blob = file.slice(start, stop + 1);
<     readertwo.readAsBinaryString(blob); //BinaryString(blob);
<     //reader.readAsDataURL(blob); //BinaryString(blob);
<     
< }
< 
244c129
< CSV File URL (Bubble Chart Title via #Title suffix): <input style='width:50%;' id='maybetitle' type='text' onblur='ob(this.value);' value=''></input>  or <input type='hidden' id='fil' name='fil' value='' /><input id='file' type='file' name='file'><span id='mode' name='mode'>&nbsp;&nbsp;</span><span class='readBytesButtons'><button style='display:none;' data-endbyte='4' data-startbyte='0'>1-5</button><button style='display:none;' data-endbyte='14' data-startbyte='5'>6-15</button><button style='display:none;' data-endbyte='7' data-startbyte='6'>7-8</button><button style='display:none;' id=pbutton onclick='readBlob(0,0);'>Process</button></span><br>
---
> CSV File URL (Bubble Chart Title via #Title suffix): <input style='width:50%;' id='maybetitle' type='text' onblur='ob(this.value);' value=''></input><br>