Home/ Questions/Q 4115496
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T22:35:22+00:00

Basically, I have a live search that is working for the two out of

  • 0

Basically, I have a live search that is working for the two out of 3 radio buttons. The “Professor”, and the “Department” both work fine. But the “Course” radio code doesn’t seem to be working. I don’t get it.
Professor

Department

Before I type anything in it gives me this

If I type in "Eng" for "Engineering" or "English", I get lesser options, but still undefined

It seems the Ajax is working, but for some reason it isn’t pulling these fields.

The php was

function getDepartment($keywords){
    $arr = array();

    $query = mysql_query("SELECT dID, name 
                            FROM Department 
                            WHERE name LIKE '%". $keywords . "%'");

    while( $row = mysql_fetch_array ( $query ) )
    {
        $arr[] = array( "id" => $row["dID"], "name" =>  $row["name"]);
    }

    return $arr;
}

function getCourse($keywords){
    $arr = array();

    $query = mysql_query("SELECT cID, prefix, code 
                            FROM Course 
                            WHERE CONCAT(prefix,code) LIKE '%". $keywords . "%'");

    while( $row = mysql_fetch_array ( $query ) )
    {
        $arr[] = array( "id" => $row["cID"], "course" => $row["prefix"] . ' ' . $row["code"]);
    }

    return $arr;
}

The columns in phpmyadmin

**Javascript

<!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>
<title>jQuery Search Demonstration</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".keywords").keyup(function(){
        getData();
    });
    $(".table").click(function(){
        getData();
    });
});

function getData(){
    $.post("search.php", 
        {
            keywords: $(".keywords").val(),
            table: $('.table:checked').val()
        }, 
        function(data){
            $("div#content").empty();
            var phppage;
            switch($('.table:checked').val())
            {
                case 'professor': 
                    phppage = 'prof';
                    ext = '.php?pID=';
                    break;
                case 'department': 
                    phppage = 'department';
                    ext = '.php?dID=';
                    break;
                case 'course': 
                    phppage = 'course';
                    ext = '.php?cID=';
                    break;
            } 

            $.each(data, function(){
                $("div#content").append("- <a href='" + phppage + ext + this.id + "'>" + this.name + "</a>");
            });
        },
        "json");
}
</script>
</head>
<body>
Search by:
<input type="text" name="search" class="keywords" /><br />

<input type="radio" name="table" class="table" value="professor" checked="checked" /> Professor<br />
<input type="radio" name="table" class="table" value="department" /> Department<br />
<input type="radio" name="table" class="table" value="course" /> Course<br />

<div id="content" style="background-color:#eee;"></div>

</body>
</html>

The one column “code” is a numerical value such as 153 or both “Prefix and “Code” together would be something like “INFO 153”.

Anyone? Does Ajax have a limit on the number of records it can pull? This course table maybe has 1200 courses, but why are they undefined?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re retrieving the name, but when searching for a course, the name has been renamed to course. You can fix this in the PHP by changing this line:

    $arr[] = array( "id" => $row["cID"], "course" => $row["prefix"] . ' ' . $row["code"]);

    To this:

    $arr[] = array( "id" => $row["cID"], "name" => $row["prefix"] . ' ' . $row["code"]);

    Also, unrelatedly, in the JavaScript, you are setting ext without declaring it. You should probably change this line:

    var phppage;

    To this:

    var phppage, ext;

    Edit: This is how you would style the items as a proper bulleted list:

    var content=$("#content");
var ul=$("<ul>");
content.append(ul);
$.each(data, function(){
    ul.append('<li><a href="' + phppage + ext + this.id + '">' + this.name + "</a></li>");
});
    • 0