Ajax-How to create delete button for each record after search

I want to design a webpage where user can search the data from the database and list out the related records. Each of the record got a delete button which allow user to delete the record.

Filename : search_student.php

Expand|Select|Wrap|Line Numbers

 
<?php

include("../user_access/user_access_control.php");

include("../Database/database.php");
 
$searchStudentControl = new Access_user;
 
// call the levelAccess method to check the user access level

$searchStudentControl->levelAccess($_SESSION['level'],1);

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

.style1 {

    font-size: 18px;

    color: #FFFFFF;

}

-->

</style>

<script type="text/javascript" src="engine.js"></script>

</head>
 
<body>

<table width="707" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td width="62" height="31">&nbsp;</td>

    <td colspan="5"></td><td width="1"></td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td colspan="5"><form>

      <table width="641" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td width="173"><input name="sData" type="text" id="sData">

            by</td>

          <td width="80"><select name="sSelect" id="sSelect">

            <option value="Stu_ID">ID</option>

            <option value="Stu_Name">Name</option>

            <option value="Class_Code">Class</option>

          </select></td>

          <input name="sTable" type="hidden" value="student_recording">

          <td width="72"><input name="search" type="button" onClick="getSearch(sData.value,sSelect.value,sTable.value,'search');" value="Search"></td>

          <td width="316">&nbsp;</td>

        </tr>

      </table>

    </form></td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td colspan="3">&nbsp;</td>

    <td width="6">&nbsp;</td>

    <td width="207">&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td colspan="5" bgcolor="#999999">&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td colspan="5" bgcolor="#666699"><strong><span class="style1">:: Student Record :: </span></strong></td>

  </tr>

  <tr>

    <td rowspan="4">&nbsp;</td>

    <td colspan="5"></td>

  </tr>

  <tr>

    <td width="230"><strong>Student Name </strong></td>

    <td width="157"><strong>Contact Number </strong></td>

    <td width="44"><strong>Class</strong></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td colspan="5"><hr></td>

  </tr>
 
  <tr>   

    <td colspan="5">

    <div id="getResult"></div>

    </td>    

  </tr>

</table>

</body>

</html>

Filename : engine.js

Expand|Select|Wrap|Line Numbers

 
var xmlHttp;
 
function deleteData(paction)

{ 

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

 {

 alert ("Browser does not support HTTP Request")

 return

 } 

var url="../user_access/process.php"

url=url+"?id="+paction

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged 

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}
 
function getSearch(pvalue,ptype,ptable,paction)

{ 

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

 {

 alert ("Browser does not support HTTP Request")

 return

 } 

var url="../user_access/process.php"

url=url+"?value="+pvalue+"&type="+ptype+"&table="+ptable+"&action="+paction

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged 

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}
 
function stateChanged() 

{ 

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

 { 

 document.getElementById("getResult").innerHTML=xmlHttp.responseText

 } 

}function GetXmlHttpObject()

{

var xmlHttp=null;

try

 {

 // Firefox, Opera 8.0+, Safari

 xmlHttp=new XMLHttpRequest();

 }

catch (e)

 {

 //Internet Explorer

 try

  {

  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

  }

 catch (e)

  {

  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

 }

return xmlHttp;

}

Filename : process.php

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

.style1 {

    font-size: 18px;

    color: #FFFFFF;

}

-->

</style>

<script type="text/javascript" src="../admin_sys/engine.js"></script>

</head>

<?php

include("../Database/database.php");
 
    if($_GET['action'] == "search"){

      showData(); 

    }else if($_REQUEST['action'] == "Edit"){

        edit();

    }else if($_REQUEST['action'] == "delete"){

        delete();

    }

    function view(){

        global $conn;
 
        $Viewsql = "SELECT * FROM " . $_REQUEST['Table'] . " WHERE ( " . $_REQUEST['Type'] . "='" . $_REQUEST['sID'] . "')";

        $result = $conn->query($Viewsql);    
 
        while($data = $result->fetch_assoc()){

                 echo $data['Stu_ID'];

                echo "<br>";

                echo $data['Stu_Name'];

                echo "<br>";

                echo $data['Stu_Race'];                

        }

    }
 
    function edit(){

    }
 
    function delete(){

        global $conn;
 
        $sql="DELETE FROM ".$_GET['table']." WHERE (Stu_ID = ".$_GET['id'].")";

        $conn->query($sql);

        echo "Data Deleted";

        showData();

    }
 
    function showData(){
 
        global $conn;
 
        $sql="SELECT * FROM ".$_GET['table']." WHERE (".$_GET['type']." ='".$_GET['value']."')";

        $result = $conn->query($sql);
 
        echo "<table width='641' border='0' cellspacing='0' cellpadding='0'>";

        while($data = $result->fetch_assoc()){

        echo "<tr>";

        echo "<td width='230'>" . $data['Stu_Name'] . "</td>";

        echo "<td width='153'>" . $data['Stu_Tel'] . "</td>";

        echo "<td width='22'>" . $data['Class_Code'] . "</td>";

        echo "<td width='48'></td>";

        echo "<td width='188'><div align='right'>";

        echo "<input type='button' onClick='process('delete');' value='Delete'>";

        echo "</div></td>";

        echo "</tr>";

        echo "<tr>";

        echo "<td colspan='5'><hr></td>";

        echo "</tr>";

          }

      echo  "</table>";

     }

?>

Im getting error if i put input type='button' onClick='process('delete');' value='Delete'>"; in process.php. I know my design structure is not correct. Can anyone get me an idea about the correct way to design.

can i display the delete button for each record when the record is exist in search_student.php.

Thanks in advance
Bluez

Apr 15 '07 #1

Subscribe Post Reply

3404

acoder

16,027

Expert Mod 8TB

The reason why you're getting an error is that you've got a quote within a quote. Javascript thinks the quote has ended and then comes across the word 'delete' which it obviously doesn't understand.

You have two options: either escape the quotes using backslash (\) or use single and double quotes together, e.g.
[HTML]<input type='button' onClick="process('delete');" value='Delete'>[/HTML]

Apr 16 '07 #2

bluez

Thx..it's work

and sorry for the late reply

Apr 21 '07 #3

acoder

16,027

Expert Mod 8TB

Thx..it's work

and sorry for the late reply

No problem. Glad you got it working.

Apr 26 '07 #4

Similar topics

AJAX + .net

by: darrel | last post by:

Anyone using Ajax with .net? Are there any controls/tools that make building with ajax easier or is it, for now, just a matter of connecting the javascript to the back end manually as needed? ...

ASP.NET

Ajax simple example problem

by: Alex | last post by:

Example uploaded to: http://www.clickatus.com/ajax/ BTW - This is for FIREFOX, won't work in IE. I don't know why but when it is executed the browser still in loading state... Even though...

Javascript

The "Ajax Frameworks" End

by: caston | last post by:

Well, everybody can now agree with the fact that the Ajax hype is over. Still multiple Ajax Frameworks are flourishing, aren't they? So, last night I questioned myself with the following: "When...

Javascript

81 AJAX and 24 JavaScript Ebooks

by: Free Ebooks | last post by:

81 AJAX and 24 JavaScript Ebooks Here are some of the AJAX topics and areas covered by these ebooks: Rails and AJAX Building Ajax Web Applications Creating Ajax Web Pages Ajax Patterns Ajax...

.NET Framework

ASP.NET and AJAX: JavaScript files from the Microsoft AJAX Library

by: Nathan Sokalski | last post by:

I am moving my website from my machine to my webhost, and need some help with what extra files I need to include due to the fact that I used AJAX in my site. Everything on the site is obviously...

ASP.NET

new Ajax Site

by: =?Utf-8?B?V2ViQnVpbGRlcjQ1MQ==?= | last post by:

I'm about to finally make the jump and start a new site using AJAX. THe question i have for all of you AJAX developers out there is which one? 1. The Standard AJAX frame work 2. The Tool kit....

ASP.NET

ajax accordion control

by: =?Utf-8?B?R2VyaGFyZA==?= | last post by:

I am just stating to use ajax, and have a perfect place to use the accordion control. I have it working fine, but need to have a normal asp button in one of the panes that fires an onclick event...

.NET Framework

Asp.net 2.0 / Aapche 2.2.6 / Ajax

by: Joe | last post by:

I added some ajax to my asp.net web site and will Ajax just doesn't seem to work. Does Any one PLEASE have any ideas on why Ajax doesn't work on Apache 2.2.6 w/asp.net 2.0

ASP.NET

Ajax in sync mode works with IE, does not work with Firefox

by: zalek | last post by:

I am writing application with Ajax in sync mode - xmlHttp.open("GET", url, false). I noticed that in FireFox handler doesn't starts. It starts when I use xmlHttp.open("GET", url,true). I need to...

Javascript

AJAX Version?

by: Scott M. | last post by:

What is the version number of AJAX when we talk about ASP .NET AJAX in VS 2008?

ASP.NET

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

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

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

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

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

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