Simple Table Generator

/****
 *  Author:  Rick van Lieshout
 *  Website: http://mi-soft.nl
 *  License: Public domain.
 *      The code may be used and/or altered at will, no attribution required.
****/


/**** Start of the general use functions ****/
function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

function msg(message){
    alert(message);
    }
function toggleDiv(id){
     var e = document.getElementById(id);
     if(e.style.display == 'block'){//if element is visible
          e.style.display = 'none';//make it invisible
     }
     else{
          e.style.display = 'block';//make it visible
      }
}
/**** End of the general use functions ****/


/**** Start of the simple table generator ****/
// start the generation of the table.
function generateTable(){
    //Allocate variables and clear the textarea
    var rows = document.getElementById('rows').value;
    var columns = document.getElementById('columns').value;
    //check wether rows and colums aren't ridiculously large, otherwise warn the user.
    var total = rows * columns;
    if(total > 250){
        if(!confirm('Het aantal rijen en kolommen is erg groot, dit kan ervoor zorgen' +
        '\ndat uw browser vastloopt of meldingen geeft tijdens het genereren. \n\nWilt u toch doorgaan?')){
            return;
        }
    }


    var textarea = document.getElementById('totalcode');
    var width = document.getElementById('width').value;
    var height = document.getElementById('height').value;
    var cellpadding = document.getElementById('cellpadding').value;
    var cellspacing = document.getElementById('cellspacing').value;
    textarea.value = "";

    //check if both entries are numeric
    if(!(isNumeric(rows) && isNumeric(columns))){
        alert("Alleen de nummers 0-9 zijn toegestaan voor de rijen en kolommen waarde.");
        }
    else{//if both are numeric, we can proceed to generate the table
        textarea.value = textarea.value += "<style>\n.mi-soft-generated{ \n";
        //textarea.value = textarea.value += "<table style=\"";
            //create width and height
            if(!width == ''){
                if(isNumeric(width)){
                    width = "width:" + width + "px;\n";
                    textarea.value = textarea.value += width;
                }else{
                    alert("Er mogen alleen cijfers in de breedte zitten");
                }
            }

        if(!height == ''){
            if(isNumeric(height)){
                height = "height:" + height + "px;\n";
                textarea.value = textarea.value += height;
            }else{
                alert("Er mogen alleen cijfers in de hoogte zitten");
            }
        }

        //create cellpadding and spacing
            if(!cellspacing == ''){
                if(isNumeric(cellspacing)){
                    cellspacing = "border-spacing:" + cellspacing + "px;\n"
                    textarea.value = textarea.value += cellspacing;
                }
            }

        //check which border to create, and create it.
            //check wether top is checked, and all the info is correct
                if(document.getElementById('top').checked){
                    var size = document.getElementById('top-size').value
                    var style = document.getElementById('top-select').value
                    var colour = document.getElementById('top-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de boven border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-top:" + size + "px " + style + " #" + colour +"; \n";
                    textarea.value = textarea.value += stringToAdd;
                }//check wether right is checked, and all the info is correct
                if(document.getElementById('rechts').checked){
                    var size = document.getElementById('rechts-size').value
                    var style = document.getElementById('rechts-select').value
                    var colour = document.getElementById('rechts-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de rechter border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-right:" + size + "px " + style + " #" + colour +"; \n";
                    textarea.value = textarea.value += stringToAdd;
                }//check wether left is checked, and all the info is correct
                if(document.getElementById('links').checked){
                    var size = document.getElementById('links-size').value
                    var style = document.getElementById('links-select').value
                    var colour = document.getElementById('links-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de linker border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-left:" + size + "px " + style + " #" + colour +"; \n";
                    textarea.value = textarea.value += stringToAdd
                }//check wether bot is checked, and all the info is correct
                if(document.getElementById('bot').checked){
                    var size = document.getElementById('bot-size').value
                    var style = document.getElementById('bot-select').value
                    var colour = document.getElementById('bot-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de onderste border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-bottom:" + size + "px " + style + " #" + colour +"; \n";
                    textarea.value = textarea.value += stringToAdd
                }//check wether collapse is checked
                if(document.getElementById('collapse').checked){
                    textarea.value = textarea.value += "border-collapse:collapse; \n"
                }

        //Add the end bracket for the table css
        textarea.value = textarea.value +="}\n";
        //add bold headers
        textarea.value = textarea.value += "tr.bold{\n font-weight:bold;\n}\n";

        //add cell css
        textarea.value = textarea.value += ".mi-soft-generated td{ \n";
        if(!cellpadding == ''){
                if(isNumeric(cellpadding)){
                    cellpadding = "padding:" + cellpadding + "px; \n"
                    textarea.value = textarea.value += cellpadding;
                }
            }

        if(document.getElementById('tdtop').checked){
                    var size = document.getElementById('tdtop-size').value
                    var style = document.getElementById('tdtop-select').value
                    var colour = document.getElementById('tdtop-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de boven border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-top:" + size + "px " + style + " #" + colour +";\n";
                    textarea.value = textarea.value += stringToAdd;
                }
        if(document.getElementById('tdrechts').checked){
            var size = document.getElementById('tdrechts-size').value
            var style = document.getElementById('tdrechts-select').value
            var colour = document.getElementById('tdrechts-hex').value
            if(!isNumeric(size)){
                alert("De grootte van de rechter border is verkeerd ingevuld. \n" +
                "U hoeft alleen nummers in te vullen");
            }
            var stringToAdd = "border-right:" + size + "px " + style + " #" + colour +";\n";
            textarea.value = textarea.value += stringToAdd;
        }//check wether left is checked, and all the info is correct
        if(document.getElementById('tdlinks').checked){
            var size = document.getElementById('tdlinks-size').value
            var style = document.getElementById('tdlinks-select').value
            var colour = document.getElementById('tdlinks-hex').value
            if(!isNumeric(size)){
                alert("De grootte van de linker border is verkeerd ingevuld. \n" +
                "U hoeft alleen nummers in te vullen");
            }
            var stringToAdd = "border-left:" + size + "px " + style + " #" + colour +";\n";
            textarea.value = textarea.value += stringToAdd
        }//check wether bot is checked, and all the info is correct
        if(document.getElementById('tdbot').checked){
                    var size = document.getElementById('tdbot-size').value
                    var style = document.getElementById('tdbot-select').value
                    var colour = document.getElementById('tdbot-hex').value
                    if(!isNumeric(size)){
                        alert("De grootte van de onderste border is verkeerd ingevuld. \n" +
                        "U hoeft alleen nummers in te vullen");
                    }
                    var stringToAdd = "border-bottom:" + size + "px " + style + " #" + colour +";\n";
                    textarea.value = textarea.value += stringToAdd
        }
        textarea.value = textarea.value += "} \n";
        //add end style tag
        textarea.value = textarea.value += "</style> \n";
        //add the table tag
        textarea.value = textarea.value +="<table class = \"mi-soft-generated\">\n";
        for(var i=0;i<rows;i++){//for each row
            if(document.getElementById('bold').checked && i == 0){
                textarea.value = textarea.value+= "<tr class=\"bold\">\n";
            }
            else{
                textarea.value = textarea.value+= "<tr>\n";
            }

            for(var ii=0; ii<columns;ii++){//for each column in row
                textarea.value = textarea.value+= "      <td></td>\n";
            }//print end of row and go back to start.
            textarea.value = textarea.value+= "    </tr>\n";
        }//print table end tag
        textarea.value = textarea.value += "</table>";
        //reveal the text area
        document.getElementById('hiddentextarea').style.display = "block";
        //create a preview
        generatePreview();
    }
}
function generatePreview(){
    //generate the preview table.
    var textarea = document.getElementById('totalcode');
    var prehtml = textarea.value;
    var regex = new RegExp("></td>", "g");
    var html = prehtml.replace(regex,">test</td>");
    var div = document.getElementById('preview');
    div.innerHTML = html;
    document.getElementById('previewwrapper').style.display = "block";
}
/**** end of the simple table generator ****/


/**** Start of the converter functions ****/
function doSimpleCalc(){
    var selectedid = document.getElementById("Input_Selector");
}
/**** End of the converter functions ****/