I have been working on a questionnaire results page which takes the values from the questionaire on the previous page, calculates a score then plots their results on a grid. this all works fine, what i am a little baffled about however is, how do i dynamically add table rows/cells to an already existing table? if i use document.print() it just overwrites all the existing html etc.

here is the function i currently have to output the information:

function summary(){

    var resultArr = new Array();
        for(i=0;i<14;i++){
                if(newValArr[i]==100){
                    resultArr[i] = "Strongly Agree";
                }
                if(newValArr[i]==75){
                    resultArr[i] = "Agree";
                }
                else if(newValArr[i]==50){
                    resultArr[i] = "Disagree"
                }
                else if(newValArr[i]==25){
                    resultArr[i] = "Strongly Disagree"
                }
                else if(newValArr[i]==0){
                    resultArr[i] = "Not my job";
                }
                if(i==13){
                    //alert('broken out of strongly agree loop');
                }

        }
        for(i=14;i<27;i++){
                if(newValArr[i]==100){
                    resultArr[i] = "Always";
                }
                if(newValArr[i]==75){
                    resultArr[i] = "Usually";
                }
                else if(newValArr[i]==50){
                    resultArr[i] = "Occasionally"
                }
                else if(newValArr[i]==25){
                    resultArr[i] = "Never"
                }
                else if(newValArr[i]==0){
                    resultArr[i] = "Not my job";
                }
                if(i==26){
                    //alert('broken out of always loop');
                }
        }


    for(p=0;p<14;p++){
                if(resultArr[p]=="Agree"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');

                }
                if(resultArr[p]=="Disagree"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(resultArr[p]=="Strongly Disagree"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(resultArr[p]=="Not my job"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(p==13){
                    //alert('broken out of summary table creation loop 1');
                }

            }
            for(p=14;p<27;p++){
                if(resultArr[p]=="Usually"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(resultArr[p]=="Occasionally"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(resultArr[p]=="Never"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(resultArr[p]=="Not my job"){
                    document.write('<tr><td colspan="2">');
                    document.write('<p>'+(p+1)+'. You answered: '+resultArr[p]+'</p>');
                    document.write('</td></tr>');
                }
                if(p==26){
                    //alert('broken out of summary table creation loop 2');
                }

            }

until this morning i had the entire page being outputted using the document.write function, but after reading a response to another post i made, i took all the print()'s away and split the js up into several functions. everything works fine on my page, apart from this section (which is used to print a list of answers a user gives to the questionnaire)

I have a main table and i want to basically get this function to write html to append specific table rows/cells without over writing the rest of the html.

Any help would be much appreciated!

Thanks,

Mike

Edited 3 Years Ago by pyTony: fixed formatting

This question has already been answered. Start a new discussion instead.