Help needed with Find Button Please....

Discussion in 'JavaScript' started by nothing2add, Dec 3, 2006.

0
  1. #1
    Hello all,

    I have working on a program which should be able to summarise the results for a module, showing the number of students in each grade category, and overall number passing & failing, with an average mark for all students and an average mark for passing students. I have done that so far, but I am stuck at creating a Find button which will look for stored student & display result or error message if not found.

    I have created a three pages one of which is the main page with frames in it to bring the other two pages ( the module_studenData, and the ResultDisplay)


    The code for the mainpage (MainPage.html) program is as below:

    ========================
    <HTML>
    <HEAD>
    <TITLE>JavaScript Programming “Module Student Results”</TITLE>
    </HEAD>
    <FRAMESET COLS = "50%, 50%">
    <FRAME NAME = "DataFrame" SRC = "Module_studentData.htm">
    <FRAME NAME = "ResultDisplayForm" SRC = "Resultdisplay.html">
    </FRAMESET>
    </HTML>
    ========================
    ========================

    The code for the (Module_studentData.htm) program is as below:

    ========================
    <HTML>
    <HEAD>
    <TITLE>JavaScript Programming “Module Student Results” </TITLE>
    <SCRIPT language=JavaScript>
    document.bgColor = '#D6DFF7';
    document.fgColor = '#008080';
    //Global Variables
    var ModCode;
    var ModTitle;
    var ModExam = 0;
    var ModCw = 0;
    var StData = new Array ();
    var StIndex;
    TxtDisplay = "EXAMINATION SYSTEM"

    // This Function is Used to save Module Data
    // Getting the values and saving into Global Variables
    // StIndex=studentindex , StData=studentData

    function SaveMod()
    {
    ModCode = document.ModForm.ModCode.value;
    ModTitle = document.ModForm.ModTitle.value;
    ModExam = document.ModForm.ModExam.value;
    ModCw = document.ModForm.ModCw.value;

    // Data Validation
    if (ModCode.length == 0)
    {
    alert (" ERROR: Please type Module Code");
    aField.focus();
    }//end if
    if (ModTitle.length == 0)
    {
    alert (" ERROR: Please type your Module Title");
    aField.focus();
    }//end if
    if (ModCw.length == 0)
    {
    alert (" ERROR: Please type Module Course work % weighting");
    aField.focus();
    }//end if
    if (ModExam.length == 0)
    {
    alert (" ERROR: Please type Module Exam % weighting");
    aField.focus();
    }//end if
    if ((ModExam < 0)||(ModExam > 100))
    {
    alert("ERROR: Please enter a value In the range" + 0 + " to " + 100);
    aField.focus();
    }//end if
    if ((ModCw < 0)||(ModCw > 100))
    {
    alert("ERROR: Please enter a value\n In the range" + 0 + " to " + 100);
    aField.focus();
    }//end if
    if (isNaN(ModCw))// if the value of the 3rd input is not a numeric
    {
    alert("The third input must be numeric.")
    aField.focus();
    }//end if
    if (isNaN(ModExam))// if the value of the 4th input is not a numeric
    {
    alert("The Fourth input must be numeric.")
    aField.focus();
    }//end if

    // display the Module Data
    alert("Module = " + ModCode + "," + ModTitle + ", CourseWork " + ModCw + "%, Exam " + ModExam +"%");
    TxtDisplay = TxtDisplay + "\nmodule Code:" + ModCode + ", Name :"+ ModTitle + "\n CourseWork % " + ModCw + ", Exam % " + ModExam + " Saved";
    document.ShowResultForm.TxtArea.value = TxtDisplay;



    }

    //This function is used for Student data Saving into Array of StData
    //Getting values and saving into Array

    function SaveStu()
    {
    StIndex = StData.length;

    StData[StIndex] = new Object;

    with (document.studentForm)
    {
    StData[StIndex].Id = StID.value;
    StData[StIndex].Name = StName.value;
    StData[StIndex].Gender = StGender.value;
    StData[StIndex].CourseWork = StCW.value;
    StData[StIndex].Exam = StExam.value;
    StData[StIndex].Grade = ResultCalculation(eval(StCW.value),eval(StExam.value));

    // Data Validation
    if (StData[StIndex].Id.length == 0)
    {
    alert (" ERROR: Please type The Student ID");
    aField.focus();
    }//end if
    if (StData[StIndex].Name.length == 0)
    {
    alert (" ERROR: Please type The Student name");
    aField.focus();
    }//end if
    if (StData[StIndex].Gender.length == 0)
    {
    alert (" ERROR: Please type The Student Gender");
    aField.focus();
    }//end if
    if (StData[StIndex].CourseWork.length == 0)
    {
    alert (" ERROR: Please type CourseWork result");
    aField.focus();
    }//end if
    if (StData[StIndex].Exam.length == 0)
    {
    alert (" ERROR: Please type Exam result");
    aField.focus();
    }//end if
    if ((StData[StIndex].Exam < 0)||(StData[StIndex].Exam > 100))
    {
    alert("ERROR: Please enter a value\n In the range" + 0 + " to " + 100);
    aField.focus();
    }//end if
    if (isNaN(StData[StIndex].CourseWork))
    // if the value of the 4th input is not a numeric
    {
    alert("The Fourth input must be numeric.")
    aField.focus();
    }//end if
    if (isNaN(StData[StIndex].Exam))
    // if the value of the 5th input is not a numeric
    {
    alert("The Fifth input must be numeric.")
    aField.focus();
    }//end if


    }

    with(StData[StIndex])
    {
    alert("Student Details = " + StData[StIndex].Id + "," + StData[StIndex].Name + "," + StData[StIndex].Gender + ", CourseWork " + StData[StIndex].CourseWork + "%, Exam " + StData[StIndex].Exam +"%"+ ",Grade" + StData[StIndex].Grade );
    TxtDisplay = TxtDisplay + "\nStudent ID:" + Id + ", Name :"+ Name + ", Gender: " + Gender + "\n CourseWork: " + CourseWork + ", Exam: "+ Exam + ", Grade: "+ Grade +" Saved";
    document.ShowResultForm.TxtArea.value = TxtDisplay;
    }
    }

    //This Function is using for the Grade calculation
    //Calling in Upper function savestu()
    function ResultCalculation( CourseWork, Exam)
    {
    var Grade;
    result = (CourseWork*ModCw/100 + Exam*ModExam/100);
    if (result >= 70)
    {
    Grade = 'D';
    }//end if
    if ((result>= 60)&&(result < 70))
    {
    Grade = 'M';
    }//end if
    if ((result >= 40)&&(result < 60))
    {
    Grade = 'P';
    }//end if
    if ((result >= 30)&&(result < 40))
    {
    Grade = 'F1';
    }//end if
    if (result < 30)
    {
    Grade = 'F2';
    }//end if

    return Grade;
    }

    //This Function is used to round the values
    //Its using in ResultCalculation.


    //Function for Display Records

    function DisplayResult()
    {
    var UnAvailable = "No Record Exists";
    if (StData.length > 0)
    {
    UnAvailable = "List of the students";
    }
    with (parent.ResultDisplayForm.document)
    {
    open();
    write("<HTML><HEAD><TITLE>Student Results</TITLE>");
    write("</HEAD>");
    write("<BODY BGCOLOR = " + 'CC,FF,CC' + ">");
    write("<font color = " + '00,33,CC' + ">");
    write("<CENTER><H3>RESULT OF MODULE :" + ModTitle + " </H3>");
    write("<CENTER><H3> "+ UnAvailable + " </H3>");
    write("<TABLE BORDER = 3 >");
    write("<TR><TD><B>Student ID</B></TD><TD><B>Name</B></TD><TD><B>Gender</B></TD>");
    write("<TD><B>CourseWork</B></TD><TD><B>Exam</B></TD><TD><B>Grade</B></TD>");
    for (var i = 0; i < StData.length; i++)
    {
    with (StData)
    {
    write("<TR><TD>" + Id + "</TD><TD> " + Name + "</TD><TD>" + Gender + "</TD><TD>" + CourseWork + "</TD>");
    write("<TD>" + Exam + "</TD><TD>" + Grade + "</TD></TR>");
    }
    }
    write("</TABLE>");
    write("</CENTER>");
    write("</BODY></HTML>");
    close();
    }

    }



    </SCRIPT>
    <FORM name=ModForm><center>
    <p><h2><i><u>Module Details:</u></i></h2><br>
    <P>Code: <INPUT size=10 name=ModCode>
    Title: <INPUT size=20 name=ModTitle>
    <P>Coursework % weighting: <INPUT size=5 name=ModCw>
    Exam % weighting: <INPUT size=5 name=ModExam>
    <P><INPUT onclick=SaveMod(); type=button value="Save">
    <INPUT onclick=document.ModForm.ModCode.focus(); type=reset value=Reset>
    </FORM>
    <p align="center">=================================</p>
    <FORM name=studentForm><center>
    <p><h2><i><u>Student Details:</u></i></h2><br>
    <P>ID: <INPUT size=10 name=StID>
    Name: <INPUT size=20 name=StName>
    Gender: <INPUT size=5 name=StGender>
    <P>CourseWork %: <INPUT size=10 name=StCW>
    Exam %: <INPUT size=10 name=StExam>
    <P><INPUT onclick=SaveStu(); type=button value="Save">
    <INPUT onclick=document.studentForm.StID.focus(); type=reset value=Reset>
    <p align="center">=================================</p>
    <P><INPUT onclick=DisplayResult(); type=button value="Show Result">
    <INPUT onclick=findData(); type=button value="Find">
    <SCRIPT>document.studentForm.StID.focus();
    </SCRIPT>
    </FORM>
    <FORM name=ShowResultForm><TEXTAREA name=TxtArea rows=5 cols=50></TEXTAREA>
    </FORM>
    <SCRIPT>document.ShowResultForm.TxtArea.value = TxtDisplay; </SCRIPT>
    </P>
    </BODY>
    </HTML>
    ========================
    ========================

    The code for the (ResultDisplay.html) program is as below:

    ========================
    <HTML>
    <HEAD>
    <TITLE>Display</TITLE>
    <SCRIPT TYPE = "text/javascript">
    document.bgColor = "#D6DFF7";
    document.fgColor = "#008080";
    </SCRIPT>
    </HEAD>
    <BODY>
    <CENTER>
    <p><h1><i><u>Module & Sudent details:-</u></i></h1><br>
    </BODY>
    </HTML>

    ========================


    Thanks in advance,

    Nothing2add
     
    nothing2add, Dec 3, 2006 IP