JavaScript not working if <form> is used

In this code i have placed a javascript for calculating numbers, total and %age. But when i am using form the javascript calling is not working,

is there any solution......

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Staff</title>

<?php include'header2.php' ?>

<?php 

    session_start();

        $connection = mysql_connect('localhost', 'root', '123');

        $con        = mysql_select_db('new_db',$connection);
 
            if (isset($_POST['submit']))

            {    

            $insert = "INSERT INTO result SET name = '".$_POST['name']."',

                                                  math = '".$_POST['math']."',

                                                  english = '".$_POST['eng']."',

                                                  hindi= '".$_POST['hindi']."',

                                                  science = '".$_POST['science']."',

                                                  art = '".$_POST['art']."',

                                                  total = '".$_POST['total']."',

                                                  percentage = '".$_POST['pecentage']."',

                                                  passfail= '".$_POST['passfail']."'";
 
            $query = mysql_query($insert) or die (mysql_error());

            header('location:result.php');

            }

?>
 
</head>

<script>

    function total()

            {

                         var math =    parseInt(document.getElementById('math').value);

                        var eng  =  parseInt(document.getElementById('eng').value);

                        var hindi = parseInt(document.getElementById('hindi').value);

                        var science = parseInt(document.getElementById('science').value);
 
                        var result = (math + eng + hindi + science);

                        var percentage = (math + eng + hindi + science)/4;
 
                        document.getElementById('total').value=result;

                        document.getElementById('percentage').value=percentage;
 
                         if (percentage<33)

                             {
 
                                document.getElementById('passfail').value="fail";

                            }

                        else if (percentage<50 || percentage<33)

                            {

                                document.getElementById('passfail').value="Second Grade";

                            }

                        else if (percentage<80 || percentage<60)

                            {

                                document.getElementById('passfail').value="First Grade";

                            }

                        else

                            {

                                document.getElementById('passfail').value="Topper";

                            }

            }

</script>
 
<style>

.box

        {

            background-color:#871717;

            width:300px;

            margin-left:175px;

            height:735px;

        }

.menubox

        {

            width:625px;

            height:500px;

            background-color:#FFF;

            position:absolute;

            top:150px;

            left:550px;

            opacity:.8;

        }

.result

        {

            font-family:Georgia, "Times New Roman", Times, serif;

            font-size:16px;

            font-style:italic;

            font-weight:bold;

            color:#FFF;

            position:absolute;

            top:250px;

            left:250px;

        }

.sec

        {

            font-family:Verdana, Geneva, sans-serif;

            font-size:12px;

            color:#FFF;

            position:absolute;

            top:325px;

            left:235px;

            text-align:center;

            width:175px;

            font-style:italic;
 
        }

.border1

        {

            border:1px solid #FFF;

            position:absolute;

            top:445px;

            left:25px;

            width:220px;

        }

fieldset

        {

            width:500px;

            border-radius:5px;

        }

.res

        {

            position:absolute;

            top:200px;

            right:220px;
 
        }

table

        {

            margin-left:80px;

            margin-top:20px;

            margin-bottom:20px;

            text-align:center;

            border-collapse:collapse;

        }
 
input

        {

            width:150px;

        }
 
</style>

<body>

<div class="box"></div>

<div class="result">Students Results</div>

<div class="menubox"></div>

<div class="sec">Institue students results are displaying here.</div>

<div class="border1"></div>

<div class="res">

    <fieldset >

    <legend>Students Results</legend>
 
        <table>
 
                   <tr><td style="background-color:#69F; color:#FFF">Name<td style="background-color:#69F; color:#FFF; padding:5px 10px 5px 0"><input type="text" name="name" id="name" placeholder= "Student Name" /></td></td></tr>

                <tr><td style="background-color:#69F; color:#FFF">Math<td style="background-color:#69F; color:#FFF; padding:5px 10px 5px 0"><input type="text" name="math" id="math" placeholder= "Math Marks" /></td></td></tr>

                <tr><td style="background-color:#69F; color:#FFF">English<td style="background-color:#69F; color:#FFF; padding:5px 0 5px 0"><input type="text" name="eng" id="eng" placeholder= "English Marks" /></td></td></tr>

                <tr><td style="background-color:#69F; color:#FFF">Hindi<td style="background-color:#69F; color:#FFF; padding:5px 0 5px 0"><input type="text" name="hindi" id="hindi" placeholder= "Hindi Marks" /></td></td></tr>

                <tr><td style="background-color:#69F; color:#FFF">Science<td style="background-color:#69F; color:#FFF; padding:5px 0 5px 0"><input type="text" name="science" id="science" placeholder= "Science Marks" /></td></td></tr>

                <tr><td style="background-color:#69F; color:#FFF">Art<td style="background-color:#69F; color:#FFF; padding:5px 0 5px 0"><input type="text" name="art" id="art" placeholder= "Art Grades" /></td></td></tr>

                <tr><td style="background-color:#871717; color:#FFF">Total<td style="background-color:#871717; color:#FFF; padding:5px 0 5px 0"><input type="text" name="total" id="total" placeholder= "Average" onmouseover="return total()" /></td></td></tr>

                <tr><td style="background-color:#871717; color:#FFF">Percentage<td style="background-color:#871717; color:#FFF; padding:5px 0 5px 0"><input type="text" name="percentage" id="percentage" placeholder= "Percentage" onmouseover="return total()"  /></td></td></tr>

                <tr><td style="background-color:#871717; color:#FFF">Rank<td style="background-color:#871717; color:#FFF; padding:5px 0 5px 0"><input type="text" name="passfail" id="passfail" placeholder= "passfail"  onmouseover="return total()"/></td></td></tr>
 
        </table>
 
      </fieldset>
 
</div>

</body>

</html>

May 31 '13 #1

Subscribe Post Reply

1307

Dormilich

8,658

Expert Mod 8TB

it’s working for me.

May 31 '13 #2

Similar topics

javasript problem - submiting

by: Bartosz Wegrzyn | last post by:

Please look at my code. I do validation of my form before I submit it. I want to be able to to press one form button without running validating script. I just want to go directly to my php...

Javascript

some buttons is not working on server 2003 after the security patches installed

by: irene | last post by:

Hi, I have an application that works well on my local server(xp) and it works fine on our company's web server(2003). But some buttons on the page(Javasript involved to do the validation) is not...

.NET Framework

how to generate a unique working folder

by: Mullin Yu | last post by:

hi, i have a web service that has file operations on Windows OS, and there may be a file concurrency issue if only one working directory e.g. c:\working therefore, i want to have a unique sub...

C# / C Sharp

Double click not working

by: tshad | last post by:

I have been working with setting my drop boxes to allow double clicking to select an item. It worked fine until I made some changes. I then stripped the page down to the bare essentials to find...

ASP.NET

Ws Proxy: working in .NET 1.0, null return in .NET 1.1 or 2.0

by: MSDNAndi | last post by:

Hi, I have a set of simple webservices calls that worked fine using .NET Framework 1.0. I am calling a Java/Apache based webservices, the calling side is not able to supply a proper WSDL. ...

.NET Framework

To link a control at Datalist with Javasript

by: AshuPd | last post by:

Hi all !!! I am fighting with a very interesting issue... What i need is to link a javasript with a imagebutton control which is already on a datalist. the problem is, if i place the control out...

.NET Framework

break iframe script not working with banner rotator

by: kwenterprise | last post by:

Hello All, I am normally great at figuring out ways around iframe issues that frustrate us all. I am using javasript to try and break an iframe that I have a banner rotator embedded in but it...

Javascript

Adding javasript property to a cell in dynamically added rows.

by: sandeepdesai | last post by:

Hi.. i am new to javascripts, i am using a addRow scipt to add rows to a table dynamically. one of the cells(say cell2) in a Nth row needs to be hyperlinked to another script. for example: ...

Javascript

crazy looping javasript...but why???

by: pedalpete | last post by:

Hi All, I'm using Bill Scott's YUI carousel v5.6, and I've run into a crazy looping javascript for some reason, and I can't seem to get around it. The carousel loads a bunch of items, 7 of...

Javascript

Scriptlet code not accessible inside javascript (Not working Randomly)

by: AshishatSAP | last post by:

Hi JSP experts, I am having a JSP in my project which has some scriptlet code in the start and then javascript follows. Inside the javasript the values of variables defined inside the scriptlet code...

Java

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General