4c4
< <title>Javascript Object Oriented Next Tutorial</title>
---
> <title>Javascript Object Oriented Primer Tutorial</title>
7c7
< var ok = 1;
---
> var cur_book = 0;
10,197d9
< var tableObject;
< var cur_book = 0;
< var lastrow = "";
< var lrow = "";
< var lasttrow = "";
< 
< var TableSpreadsheet = {
<     init: function(name, collist, rowdata) {
<         this.name = name;
<         var tcol = collist.replace(/ /g,"_");
<         this.precollist = tcol;
<         this.collist = [];
<         this.collist = tcol.split(",");
<         this.rowlist = [];
<         this.rlist = [];
<         this.rlist[0] = rowdata;     
<         this.rowlist[0] = tcol;     
<         this.selnumberoptions = "";
<         this.selstringoptions = "";
<         this.seloption = [];  
<         this.sqlinfo = [];  
<         this.sqltype = [];  
<         var ijk;
<         for (ijk=0; ijk<this.collist.length; ijk++) {
<            this.sqlinfo[ijk] = "";
<            this.sqltype[ijk] = "string";
<            this.seloption[ijk] = "";
<         }
<     }, 
<     putSelstring: function() {
<       var selc = "<select id='" + this.name + "_sel' onchange=' alert(this.options[this.selectedIndex].innerHTML + \" is \" + eval(this.value)); '><option value=' ok = ok '>Select a spreadsheet function of interest below</option>" + this.selnumberoptions + this.selstringoptions + "</select>";
<       var oxform = document.getElementById('xform');
<       oxform.innerHTML = oxform.innerHTML + selc;
<     },
<     getCList: function(rdata) {
<         var ij, clist="", pref="", thj;
<         var rest2 = rdata.replace(/<\/th>/g,"~");
<         if (rdata.indexOf("&") !== -1) rest2 = rdata.replace(/&lt;\/th&gt;/g,"~");
<         var xx, thi = rest2.split("~");
<         if (thi.length > 1) {
<           for (ij=1; ij<thi.length; ij++) {
<             if (thi[ij].replace("</tr>","").replace("&lt;/tr&gt;","") != "") clist = clist + pref + thi[ij].replace("<th>","").replace("<tr>","").replace("</th>","").replace("</tr>","").replace("&lt;/th&gt;","").replace("&lt;/tr&gt;","");
<             pref = ",";
<           }
<         } else {
<           var rest3 = rdata.replace(/<\/td>/g,"~");
<           if (rdata.indexOf("&") != -1) rest3 = rdata.replace(/&lt;\/td&gt;/g,"~");
<           thi = rest3.split("~");
<           if (thi.length > 1) {
<             for (ij=1; ij<thi.length; ij++) {
<               if (thi[ij].indexOf(">") != -1) thj = thi[ij].split(">");
<               if (thi[ij].indexOf(">") == -1) thj = thi[ij].split(";");
<               clist = clist + pref + thj[thj.length - 1];
<               pref = ",";
<             }
<           }
<         }
<         return clist;
<     },
<     mincol: function(colnum) {
<         var one=0;
<         var ccolmin = '', ncolmin = 0, prefix = '', canbenumber = 1;  
<         var ij, thiscollist = [];
<         if (this.rowlist.length >= 2) {
<         ccolmin = this.rowlist[1];
<         if (this.rowlist.length >= 3) {
<         for (ij=1; ij<this.rowlist.length; ij++) {
<            thiscollist = this.rowlist[ij].split(",");
<            if (thiscollist[colnum - one] < ccolmin) ccolmin = thiscollist[colnum - one];
<            prefix = ", ";
<            try {
<              if (thiscollist[colnum - one] < ncolmin || ij == 1) ncolmin = thiscollist[colnum - one];
<            } catch (eee) {
<              canbenumber = 0;
<            }
<         }
<         }
<         if (canbenumber == 1) return ncolmin;
<         }
<         return ccolmin;
<     }, 
<     maxcol: function(colnum) {
<         var one=0;
<         var ccolmax = '', ncolmax = 0, prefix = '', canbenumber = 1;  
<         var ij, thiscollist = [];
<         if (this.rowlist.length >= 2) {
<         ccolmax = this.rowlist[1];
<         if (this.rowlist.length >= 3) {
<         for (ij=1; ij<this.rowlist.length; ij++) {
<            thiscollist = this.rowlist[ij].split(",");
<            if (thiscollist[colnum - one] > ccolmax) ccolmax = thiscollist[colnum - one];
<            prefix = ", ";
<            try {
<              if (thiscollist[colnum - one] > ncolmax || ij == 1) ncolmax = thiscollist[colnum - one];
<            } catch (eee) {
<              canbenumber = 0;
<            }
<         }
<         }
<         if (canbenumber == 1) return ncolmax;
<         }
<         return ccolmax;
<     }, 
<     avgcol: function(colnum) {
<         var one=0;
<         var ccolavg = '', ncolavg = 0.0, prefix = '', canbenumber = 1, lr = "";  
<         var ij, ji=1, thiscollist = [];
<         for (ij=1; ij<this.rowlist.length; ij++) {
<            if (lr != this.rowlist[ij]) {
<            lr = this.rowlist[ij];
<            thiscollist = this.rowlist[ij].split(",");
<            ccolavg = ccolavg + prefix + thiscollist[colnum - one];
<            prefix = ", ";
<            try {
<              if (isNaN(parseFloat(thiscollist[colnum - one]))) {
<              canbenumber = 0;
< 			 } else {
<              ncolavg = eval(((parseFloat(ji - 1) * parseFloat(ncolavg)) + parseFloat(thiscollist[colnum - one])) / parseFloat(ji));
<              }
<            } catch (eee) {
<              canbenumber = 0;
<            }
<            ji = ji + 1;
<            }
<         }
<         if (canbenumber == 1) return ncolavg;
<         return '';
<     }, 
<     sumcol: function(colnum) {
<         var one=0;
<         var ccolsum = '', ncolsum = 0, prefix = '', canbenumber = 1, lr="";  
<         var ij, thiscollist = [];
<         if (this.seloption[colnum - one] == "") {
<           this.seloption[colnum - one] = " ";
<         }
<         for (ij=1; ij<this.rowlist.length; ij++) {
<            if (lr != this.rowlist[ij]) {
<            lr = this.rowlist[ij];
<            thiscollist = this.rowlist[ij].split(",");
<            ccolsum = ccolsum + prefix + thiscollist[colnum - one];
<            prefix = ", ";
<            try {
<              if (isNaN(parseFloat(thiscollist[colnum - one]))) {
<              canbenumber = 0;
< 			 } else {
<              ncolsum = eval(ncolsum + parseFloat(thiscollist[colnum - one]));
<              if (this.seloption[colnum - one] == " ") {
<                this.seloption[colnum - one] = "";
<                this.sqltype[colnum - one] = "number";
<                this.seloption[colnum - one] = "<option value='tableObject.avgcol(" + (colnum - 0) + ")'>Average " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
<                this.seloption[colnum - one] = this.seloption[colnum - one] + "<option value='tableObject.sumcol(" + (colnum - 0) + ")'>Sum " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
< 			   this.selnumberoptions = this.selnumberoptions + this.seloption[colnum - one];
< 			   this.selstringoptions = this.selstringoptions + "<option value='tableObject.mincol(" + (colnum - 0) + ")'>Minimum " + this.collist[colnum - one].replace("_"," ") + "</option>";
< 			   this.selstringoptions = this.selstringoptions + "<option value='tableObject.maxcol(" + (colnum - 0) + ")'>Maximum " + this.collist[colnum - one].replace("_"," ") + "</option>";
<                this.seloption[colnum - one] = this.seloption[colnum - one] + "<option value='tableObject.mincol(" + (colnum - 0) + ")'>Minimum " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
<                this.seloption[colnum - one] = this.seloption[colnum - one] + "<option value='tableObject.maxcol(" + (colnum - 0) + ")'>Maximum " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
<              }
<              }
<            } catch (eee) {
<              canbenumber = 0;
<            }
<            }
<         }
<         if (this.seloption[colnum - one] == " ") {
<                this.seloption[colnum - one] = "";
<         	   this.selstringoptions = this.selstringoptions + "<option value='tableObject.mincol(" + (colnum - 0) + ")'>Minimum " + this.collist[colnum - one].replace("_"," ") + "</option>";
< 			   this.selstringoptions = this.selstringoptions + "<option value='tableObject.maxcol(" + (colnum - 0) + ")'>Maximum " + this.collist[colnum - one].replace("_"," ") + "</option>";
<                this.seloption[colnum - one] = this.seloption[colnum - one] + "<option value='tableObject.mincol(" + (colnum - 0) + ")'>Minimum " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
<                this.seloption[colnum - one] = this.seloption[colnum - one] + "<option value='tableObject.maxcol(" + (colnum - 0) + ")'>Maximum " + this.collist[colnum - one].replace("_"," ") + "</option>"; 
< 		}
<         if (canbenumber == 1) return ncolsum;
<         return ccolsum;
<     }, 
<     addrow: function(rowdata) {
<         if (rowdata != lastrow) {
<         this.rlist[this.rlist.length] = rowdata;     
<         this.rowlist[this.rowlist.length] = this.getCList(rowdata); 
<         var ij, xx;
<         if (this.seloption[0] == "") {
<           for (ij=0; ij<this.collist.length; ij++) {
<             xx = this.sumcol(ij);
<           }
<         }
<         lastrow = rowdata;  
<         }
<     }, 
< };
< 
200c12
<     init: function(title, subtitle, author, published, publishing_date, total_pages, total_chapters, comments) {
---
>     init: function(title, subtitle, total_pages, total_chapters, author, publishing_date, published, comments) {
202a15,16
>         this.total_pages = total_pages;
>         this.total_chapters = total_chapters;
206,207d19
<         this.total_pages = total_pages;
<         this.total_chapters = total_chapters;
209d20
<         this.tablename = 'book_table';
211,223c22
<     getCList: function(rdata) {
<         var ij, clist="", pref="";
<         var rest2 = rdata.replace(/<th>/g,"~");
<         var thi = rest2.split("~");
<         if (thi.length > 1) {
<           for (ij=1; ij<thi.length; ij++) {
<             clist = clist + pref + thi[ij].replace("</th>","").replace("</tr>","");
<             pref = ",";
<           }
<         }
<         return clist;
<     },
<     showInfo: function(andmore, tObj) {
---
>     showInfo: function(andmore) {
225,230c24
<         if (cur_book == 1 && andmore == "more") {
<           tObj.init(this.tablename, this.getCList(bookb.innerHTML), bookb.innerHTML);
<         }
<         var trow = "<tr id='tr" + cur_book + "'><td id='A" + cur_book + "'><a href='#' onclick=' myObject.highlight(" + cur_book + ");' >" + cur_book + "</a></td><td id='B" + cur_book + "'>" + this.title + "</td><td id='C" + cur_book + "'>" + this.subtitle + "</td><td id='D" + cur_book + "'>" + this.author + "</td><td id='E" + cur_book + "'>" + this.published + "</td><td id='F" + cur_book + "'>" + this.publishing_date + "</td><td id='G" + cur_book + "'>" + this.total_pages + "</td><td id='H" + cur_book + "'>" + this.total_chapters + "</td><td id='I" + cur_book + "'>" + this.comments + "</td></tr>"
<         tObj.addrow(trow);
<         if (bookb != null) bookb.innerHTML = bookb.innerHTML + trow;
---
>         bookb.innerHTML = bookb.innerHTML + "<tr id='tr" + cur_book + "'><td><a href='#' onclick=' myObject.highlight(" + cur_book + ");' >" + cur_book + "</a></td><td>" + this.title + "</td><td>" + this.subtitle + "</td><td>" + this.author + "</td><td>" + this.published + "</td><td>" + this.publishing_date + "</td><td>" + this.total_pages + "</td><td>" + this.total_chapters + "</td><td>" + this.comments + "</td></tr>";
233a28,29
>           total_pages: this.total_pages, 
>           total_chapters: this.total_chapters, 
237,238d32
<           total_pages: this.total_pages, 
<           total_chapters: this.total_chapters, 
241,243c35
<         var obbih = document.getElementById('bbih');
<         if (obbih != null) obbih.value = bookb.innerHTML;
<         if (andmore == 'more') this.book_ask(tObj);
---
>         if (andmore == 'more') this.book_ask();
251a44
>         //alert(book_array[(whichone - 1)].title);
253,262c46
<     book_set: function(inb, ldata, tableObj) {
<         if (lrow != ldata) {
<         cur_book = inb;
<         var cdata = ldata.split(",");
<         this.init(cdata[0], cdata[1], cdata[2], cdata[3], cdata[4], cdata[5], cdata[6], cdata[7]);
<         this.showInfo('nomore', tableObj);  
<         lrow = ldata;
<         }      
<     },
<     book_ask: function(tObj) {
---
>     book_ask: function() {
275,297c59,60
<           this.init(title, subtitle, author, published, publishing_date, total_pages, total_chapters, comments);
<           this.showInfo('more', tObj);
<        } else {
<           var formx = document.getElementById('xform');
<           formx.style.display = 'block';
<        }
<     },
<     piecetogether: function(header, rest, myTs) {
<         var bookb = document.getElementById('book_body');
<         this.init('','','','','','','','');
<         if (bookb != null) {
<         bookb.innerHTML = header;
<         }
<         var obbih = document.getElementById('bbih');
<         if (obbih != null) obbih.value = header;
<         myTs.init(myObject.tablename, myTs.getCList(header), header);
<         if (rest != "") {
<         var rest2 = rest.replace(/&lt;\/tr&gt;/g,"~");
<         var ij, rows = rest2.split("~");
<         for (ij=1; ij<=rows.length; ij++) {
<           myTs.rlist[this.rlist.length] = "&lt;tr&gt;" + rows[ij - 1];     
<           myTs.rowlist[this.rowlist.length] = this.getCList("&lt;tr&gt;" + rows[ij - 1]); 
<           this.book_set(ij, myTs.getCList("&lt;tr&gt;" + rows[ij - 1]), this);   
---
>           this.init(title, subtitle, total_pages, total_chapters, author, publishing_date, published, comments);
>           this.showInfo('more');
299,309c62
<         }
<     }, 
<     pieceonerow: function(rest, myTs) {
<         var rest2 = rest.replace(/&lt;\/tr&gt;/g,"~");
<         var ij, rows = rest2.split("~");
<         for (ij=1; ij<=rows.length; ij++) {
<           myTs.rlist[myTs.rlist.length] = "&lt;tr&gt;" + rows[ij - 1];     
<           myTs.rowlist[myTs.rowlist.length] = myTs.getCList("&lt;tr&gt;" + rows[ij - 1]); 
<           this.book_set(ij, myTs.getCList("&lt;tr&gt;" + rows[ij - 1]), myTs);   
<         }
<     }, 
---
>     }
311,321d63
< 
< 
< 
< myObject = Object.create(Book); 
< tableObject = Object.create(TableSpreadsheet);
< 
< 
< function atstart() {
<   myObject.book_ask(tableObject); 
< }
< 
324c66
< <body onload=" atstart(); ">
---
> <body onload=" myObject = Object.create(Book); myObject.book_ask(); ">
326c68
< <h1>Your Book List (more OOP) goes below ...</h1>
---
> <h1>Your Book List (towards OOP) goes below ...</h1>
333d74
< <script> if (document.getElementById('book_body') && document.getElementById('bbih')) { document.getElementById('bbih').value = document.getElementById('book_body').innerHTML; } tableObject.putSelstring();  </script>